/* 
 * © copyright 2009 Anzan Technologies, LLC. All rights reserved.
 *   All trademarks and service marks are the properties of their respective owners.
 */

@charset "utf-8";

body
{
	background-color: #061354;
	color:            #FFFFFF;
	font-family:      Arial, Helvetica, sans-serif;
	margin:           0px;
}

#entirePage
{
	margin: auto;
	width:  800px;
}

#mainBody .headerPicture
{
	background-repeat: no-repeat;
	font-size:         1px;
}

#mainBody #indexHeaderPicture
{
	background-image:  url(hdr-index.jpg);
}

#mainBody #newsHeaderPicture
{
	background-image:  url(hdr-news.jpg);
}

#mainBody #aboutHeaderPicture
{
	background-image:  url(hdr-about.jpg);
}

#mainBody #supportHeaderPicture
{
	background-image:  url(hdr-support.jpg);
}

#mainBody #wirelessHeaderPicture
{
	background-image:  url(hdr-wireless.jpg);
}

#mainBody #websitesHeaderPicture
{
	background-image:  url(hdr-websites.jpg);
}

#mainBody #webcamHeaderPicture
{
	background-image:  url(images/hdr-webcam.jpg);
}

#mainBody #headerTitle
{
	color:        #061354;
	float:        right;
	font-size:    30px;
	font-style:   italic;
	font-weight:  bold;
	margin-right: 20px;
	margin-top:   10px;
	text-align:   right;
}

#mainBody #photoCredit
{
	color:       #DDDDDD;
	font-size:   10px;
	padding-top: 260px;
}

#mainBody #photoCredit a
{
	color: #D4C6B8;
}

#mainBody #upperLinkBar
{
	background-color: #DDDDDD;
	margin-left:      20px;
	text-align:       right;
}

#mainBody #upperLinkBar #upperLinks
{
	color:          #999999;
	font-size:      12px;
	font-weight:    bold;
	padding-right:  11px;
	padding-top:    8px;
}

#mainBody #upperLinkBar #upperLinks a
{
	color:           #061354;
	text-decoration: none;
}

#mainBody #contentArea
{
	color:             #FFFFFF;
	background-image:  url(body-lower-filler.jpg);
	background-repeat: repeat-y;
	font-size:         12px;
	padding-bottom:    10px;
}

#mainBody #contentArea #majorContentArea
{
	float:        right;
	margin-right: 20px;
	width:        520px;
}

#mainBody #contentArea #majorContentArea .majorContentHeading
{
	border-bottom:  solid 2px #D4C6B8;
	font-size:      18px;
	font-weight:    bold;
	padding-bottom: 3px;
	padding-top:    10px;
	width:          505px;
}

#mainBody #contentArea #majorContentArea .majorContentText  /* use when no picture */
{
	margin-top:     8px;
	padding-bottom: 15px;		
	width:          500px;
}

#mainBody #contentArea #majorContentArea .majorContentWithVertical
{
	float:          left;
	padding-bottom: 15px;	
}

#mainBody #contentArea #majorContentArea .majorContentWithHorizontal
{
	float:          left;
	padding-bottom: 15px;	
}

#mainBody #contentArea #majorContentArea .majorContentTextVertical
{
	float:       left;
	margin-top:  8px;
	width:       390px;
}

#mainBody #contentArea #majorContentArea .majorContentTextHorizontal
{
	float:       left;
	margin-top:  8px;
	width:       355px;
}

#mainBody #contentArea #majorContentArea .contentPictureVertical
{
	float:       left;
	padding-top: 10px;
	text-align:  right;
	width:       115px;
}

#mainBody #contentArea #majorContentArea .contentPictureHorizontal
{
	float:       left;
	padding-top: 10px;
	text-align:  right;
	width:       150px;
}

#mainBody #contentArea #majorContentArea .majorContentText a,
#mainBody #contentArea #majorContentArea .majorContentTextHorizontal a,
#mainBody #contentArea #majorContentArea .majorContentTextVertical a
{
	color: #D4C6B8;
}

#mainBody #contentArea .theFinePrint
{
	font-size: 10px;
}

#mainBody #contentArea #minorContentArea a
{
	color: #D4C6B8;
}

#mainBody #contentArea #minorContentArea .minorContentLeft
{
	float:        left;
	padding-left: 55px;
	width:        335px;
}

#mainBody #contentArea #minorContentArea .minorContentRight
{
	float:        left;
	padding-left: 45px;
	width:        335px;
}

#mainBody #contentArea #minorContentArea .minorContentHeading
{
	border-bottom:  solid 2px #D4C6B8;
	font-size:      18px;
	font-weight:    bold;
	padding-bottom: 3px;
	padding-top:    10px;
	width:          100%;
}

#mainBody #contentArea #minorContentArea .minorContentText  /* use when no picture */
{
	margin-top:     8px;
	padding-bottom: 15px;		
	width:          100%;
}

#mainBody #contentArea #minorContentArea .minorContentHorizontal
{
	float: left;
}

#mainBody #contentArea #minorContentArea .minorContentTextHorizontal
{
	float:          left;
	margin-top:     8px;
	padding-bottom: 10px;
	width:          195px;
}

#mainBody #contentArea #minorContentArea .minorPictureContentHorizontal
{
	float:       left;
	padding-top: 10px;
	text-align:  left;
	width:       140px;
}

.fullWidthContentArea
{
	margin:       10px 0;
	margin-left:  55px;
	margin-right: 20px;
}

#mainBody #lowerLinkBar
{
	background-image:  url(lower-linkbar-filler.jpg);
	background-repeat: repeat-y;
	height:            30px;
	text-align:        center;
	width:             800px;
}

#mainBody #lowerLinkBar #lowerLinks
{
	color:       #999999;
	font-size:   12px;
	font-weight: bold;
	padding-top: 8px;
}

#mainBody #lowerLinkBar #lowerLinks a
{
	color:           #DDDDDD;
	text-decoration: none;
}

#mainBody #copyRightBar
{
	background-color: #DDDDDD;
	height:           30px;
	margin-left:      20px;
	text-align:       center;
	width:            780px;
}

#mainBody #copyRightBar #copyRightText
{
	color:       #323B69;
	font-size:   12px;
	padding-top: 8px;
}

#mainBody #copyRightBar #copyRightText a,
#mainBody #copyRightBar #copyRightText a:visited
{
	color: #0000FF;
}

#anzanTech
{
	margin-left: 20px;
	text-align:  center;
}

#anzanTechText
{
	color:          #DDDDDD;
	font-size:      10px;
	padding-bottom: 10px;
	padding-top:    5px;
}

#anzanTechText a
{
	color: #FFFFCC;
}


/* Logo and Navigation Bar Styles */

#logoAndNavigationBar
{
	float: left;
}

#logoBody
{
	width: 246px;
}

#smallHeaderLogoBody
{
	background-image:  url(logo-smallheader-bkg.jpg);
	background-repeat: no-repeat;
        height: 231px;
	width: 246px;
}

#logoBody #logoMain
{
	background-image:  url(logo-bkg-filler.jpg);
	background-repeat: repeat-y;
	height:            215px;
}

#logoMain .spacer
{
	height:   10px;
	left:     19px;
	position: relative;
	width:    202px;
}

#logoMain #topSpacer
{
	border-bottom: dotted 2px #FFFFCC;
}

#logoMain #logo
{
	text-align:  center;
	width:       240px;	
}

#logoMain #logo a img
{
	border: none;
}

#logoMain #bottomSpacer
{
	border-top: dotted 2px #FFFFCC;
}

#logoBody #logoBottom
{
	background-image:  url(logo-bkg-bottom.jpg);
	background-repeat: no-repeat;
	font-size:         1px;             /* for IE6 */
	height:            17px;
	width:             100%;
}


#navigationBar
{
	left:     0px;
	position: relative;
	top:      28px;
	
	margin-right: 14px;
	margin-bottom: 14px;
}

#navigationBar #navbarTop
{
	background-image:    url(navbar-bkg-top.jpg);
	background-repeat:   no-repeat;
	font-size:           1px;                /* for IE6 */
	height:              50px;
	width:               246px;
}

#navigationBar #navbarMenu
{
	background-image:  url(menu-bkg-filler.jpg);
	background-repeat: repeat-y;
	width:             246px;
}

/* This div is used to position and size the menu block in the navigation bar.  14px of the menu block is actually in the
   background graphic for the navigation bar top.  The negative value for top in this div allows us to esthetically split
   the 14px above and below the menu options. */
#navigationBar #navbarMenu #navbarMenuSpace
{
	left:          0px;
	position:      relative;
	top:           -10px;
	width:         240px;
}

#navigationBar #navbarMenu .menuOption,
#navigationBar #navbarMenu .currentMenuOption
{
	font-size:      14px;
	font-weight:    bold;
	padding-right:  15px;
	padding-top:    6px;
	text-align:     right;
}

#navigationBar #navbarMenu .menuOption
{
	color: #FFFFFF;
}

#navigationBar #navbarMenu .currentMenuOption
{
	color: #FFFF00;
}

#navigationBar #navbarMenu .menuOption a
{
	color:           #FFFFFF;	
    text-decoration: none;
}

#navigationBar #navbarMenu #navbarMenuBorder
{
	border-bottom: solid 1px #FFFFFF;
	width:         240px;
}

#navigationBar #navbarRemainder
{
	background-image:  url(navbar-bkg-filler.jpg);
	background-repeat: repeat-y;
	width:             246px;
}

#navigationBar #navbarRemainder #navbarNews
{
    color:        #4C769D;
	padding-left: 15px;
	padding-top:  10px;
	width:        205px;
}

#navigationBar #navbarRemainder #navbarNews #navbarNewsTitle
{
	font-size:    14px;
	font-weight:  bold;
}

#navigationBar #navbarRemainder #navbarNews #navbarNewsBody
{
	font-size:    12px;
	padding-left: 10px;
	padding-top:  10px;
}

#navigationBar #navbarRemainder #navbarNews #navbarNewsLink
{
	font-size:    12px;
	padding-left: 10px;
	padding-top:  7px;	
}

#navigationBar #navbarRemainder #navbarNews a
{
	color: #061354;
}

#navigationBar #navbarRemainder #navbarBilling
{
	padding-bottom: 10px;
	padding-top:    15px;
}

#navigationBar #navbarRemainder #navbarBilling #navbarBillingPrefix
{
	border-top:     dotted 2px #FFFFCC;
	color:          #061354;
	font-size:      12px;
	margin-left:    15px;
	padding-bottom: 7px;
	padding-top:    7px;
	text-align:     center;
	width:          210px;
}

#navigationBar #navbarRemainder #navbarBilling #navbarBillingBody
{
	color:        #4C769D;
	float:        left;
	padding-left: 15px;
	width:        145px;
}

#navigationBar #navbarRemainder #navbarBilling #navbarBillingBody #navbarBillingMiddle
{
	font-size:      16px;
	padding-bottom: 5px;
}

#navigationBar #navbarRemainder #navbarBilling #navbarBillingIcon
{
	float:       left;
	padding-top: 5px;
	width:       63px;
}

#navigationBar #navbarBottom
{
	background-image:    url(navbar-bkg-bottom.jpg);
	background-repeat:   no-repeat;
	background-position: left top;
	font-size:           1px;        /* for IE6 */
	height:              16px;
	width:               246px;		
}


/* Webcam specific styles */

.majorContentWebcam
{
	float:        right;
	margin-right: 10px;
	width:        505px;
}

#webcamWrapper, #webcamContentArea
{
	margin: 20px;
	margin-left: 80px;
	margin-right: 60px;
}

#webcam320Time
{
	font-size:     13px;
	margin:        auto;
	padding-right: 8px;
	text-align:    right;
	width:         340px;
}

#webcam640Time
{
	font-size:     13px;
	margin:        auto;
	padding-right: 8px;
	text-align:    right;
	width:         659px;
}

.webcam320ImageWrapper
{
	margin:        auto;
	margin-bottom: 20px;
	width:         348px;
}

.webcam640ImageWrapper
{
	margin:        auto;
	margin-bottom: 20px;
	width:         667px;
}

.webcam320ImageTop
{
	background-image:    url(images/webcam-320-top-bkg.jpg);
	background-repeat:   no-repeat;
	font-size:           1px;        /* for IE6 */
	height:              10px;
}

.webcam640ImageTop
{
	background-image:    url(images/webcam-640-top-bkg.jpg);
	background-repeat:   no-repeat;
	font-size:           1px;        /* for IE6 */
	height:              10px;
}
 
.webcam320Image
{
	background-image:    url(images/webcam-320-bkg.jpg);
	background-repeat:   repeat-y;
	font-size:           1px;        /* for IE6 */
}

.webcam640Image
{
	background-image:    url(images/webcam-640-bkg.jpg);
	background-repeat:   repeat-y;
	font-size:           1px;        /* for IE6 */
}

.webcam320Image img, .webcam640Image img
{
	margin-left: 10px;
}

.webcam320ImageBottom
{
	background-image:    url(images/webcam-320-bottom-bkg.jpg);
	background-repeat:   no-repeat;
	font-size:           1px;        /* for IE6 */
	height:              18px;
}

.webcam640ImageBottom
{
	background-image:    url(images/webcam-640-bottom-bkg.jpg);
	background-repeat:   no-repeat;
	font-size:           1px;        /* for IE6 */
	height:              17px;
}


/* ad related styles */

#adSkyscraper
{
	float:         left;
	margin-bottom: 20px;
	margin-right:  50px;
}

#majorContentArea .adHalfBanner
{
	margin:        auto;
	margin-bottom: 20px;
	margin-top:    20px;
	width:         470px;
}