/* CSS Document */

body{
	margin:0px;
	padding:0px;
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #002F17;
	background-color: #FFFFCC;
}

.all {
	position: relative;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.splashLg {
	position: relative;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.splashMed {
	position: relative;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.splashSm {
	position: relative;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.banner{
	width : 750px;
	position:relative;
}

/*Used for Contact & Contact 2 pages; ruins form alignment and navigation links otherwise*/
.banner2{
	width : 750px;
	position:relative;
	margin-left : auto;
	margin-right : auto;
}


/*NAVIGATION SETTINGS - TABS*/
.navigation{
	width : 750px;
	position:relative;
}

.navigation .tab{
	display : block;
	height:50px;
	width:100px;
	margin-top : 0px;
	padding-top:30px;
	text-align:center;
	font-size: 12px;
	vertical-align : bottom;
	font-weight: bold;
}
#Tab1{
	position:absolute;
	top:0px;
	left:250px;
	background-attachment : scroll;
	background-image : url(../images/tabs/redtab.gif);
	background-repeat : no-repeat;
}
#Tab2{
	position:absolute;
	top:0px;
	left:350px;
	background-attachment : scroll;
	background-image : url(../images/tabs/bluetab.gif);
	background-repeat : no-repeat;
}
#Tab3{
	position:absolute;
	top:0px;
	left:450px;
	background-attachment : scroll;
	background-image : url(../images/tabs/purpletab.gif);
	background-repeat : no-repeat;
}
#Tab4{
	position:absolute;
	top:0px;
	left:550px;
	background-attachment : scroll;
	background-image : url(../images/tabs/greentab.gif);
	background-repeat : no-repeat;
}
#Tab5{
	position:absolute;
	top:0px;
	left:650px;
	background-attachment : scroll;
	background-image : url(../images/tabs/orangetab.gif);
	background-repeat : no-repeat;
}



/*SUBNAVIGATION BAR & SETTINGS*/
.navigation .bar{
	background-attachment : scroll;
	background-position : 0px 50px;
	background-repeat : repeat-x;
	height : 75px;
	overflow : hidden;
	width : 750px;
	position:relative;
}
#Bar1 {
	background-image : url(../images/tabs/redbar.gif);
}
#Bar2 {
	background-image : url(../images/tabs/bluebar.gif);
}
#Bar3 {
	background-image : url(../images/tabs/purplebar.gif);
}
#Bar4 {
	background-image : url(../images/tabs/greenbar.gif);
}
#Bar5 {
	background-image : url(../images/tabs/orangebar.gif);
}

.navigation .subnavigation{
	position:absolute;
	top:57px;
	text-align: center;
}
.navigation .subnavigation .button{
	display:inline;
	margin-left: 10px;
	padding-left:  1px;
	padding-right: 0px;
	font-weight: bold;
}
.navigation .subnavigation .pacbutton{
	display:inline;
	margin-left: 3px;
	padding-left: 0px;
	font-weight: bold;
}
.navigation .subnavigation  .prodbutton{
	display:inline;
	margin-left: 3px;
	padding-left:  0px;
	padding-right: 0px;
	font-weight: bold;
}
.navigation .subnavigation2{
	position:absolute;
	top:57px;
}
.navigation .subnavigation2 .button{
	display:inline;
	margin-left:  15px;
	padding-left:  5px;
	padding-right: 5px;
	font-weight: bold;
}


/*CONTENT SETTINGS*/
.content{
	margin-top:0px;
	margin-bottom:0px;
	width : 750px;
}

.content p {
	font-size: 12px;
/*	text-align: justify;*/
}

.content h1{
	font-size: 24px;
	line-height: 30px;
	text-decoration: none;
	text-align:center;
	width: 750px;
	height: 26px;
	padding:0px;
	margin:0px;
	margin-top: 0px;	
	padding-top: 5px; 
	margin-bottom:0px;	
	padding-bottom:12px; 
}

.content .header1{
	background-color: #CC3333;
}
.content .header2{
	background-color: #99CCFF;
}
.content .header3{
	background-color: #CCCCFF;
}
.content .header4{
	background-color: #99FF99;
}
.content .header5{
	background-color: #FFCC99;
}

/*BACKGROUNDS*/
/*TEAM PAGE BACKGROUND*/
.content .background1{
	background-attachment : scroll;
	background-image : url(../images/bgds/teamkids.jpg);
	background-repeat : no-repeat;
	width : 750px;
	height : 500px;
	position:relative;
}
/*PRODUCTS PAGE BACKGROUND*/
.content .background2{
	background-attachment : scroll;
	background-image : url(../images/bgds/prodbgd2.jpg);
	background-repeat : repeat-y;
	overflow : hidden;
	width : 750px;
	padding-top: 10px;
	padding-bottom: 0px;
	position:relative;
}
/*INSTALL PAGE BACKGROUND*/
.content .background3{
	background-attachment : scroll;
	background-image : url(../images/bgds/prodbgd3.jpg);
	background-repeat : repeat-y;
	overflow : hidden;
	width : 750px;
	padding-top: 10px;
	padding-bottom: 20px;
	position:relative;
}
/*INSTALL2 PAGE BACKGROUND*/
.content .background3B{
	background-attachment : scroll;
	background-image : url(../images/bgds/prodbgd3.jpg);
	background-repeat : repeat-y;
	overflow : hidden;
	width : 750px;
	padding-top: 10px;
	padding-bottom: 0px;
	position:relative;
}
/*QTVR PAGE BACKGROUND*/
.content .background3C{
	background-attachment : scroll;
	background-image : url(../images/bgds/prodbgd3.jpg);
	background-repeat : repeat-y;
	overflow : hidden;
	width : 750px;
	height: 535px;
	padding-top: 10px;
	padding-bottom: 0px;
	position:relative;
}
/*PAC PAGE BACKGROUND*/
.content .background4{
	background-attachment : scroll;
	background-image : url(../images/bgds/prodbgd4.jpg);
	background-repeat : repeat-y;
	overflow : hidden;
	width : 750px;
	padding-top: 10px;
	padding-bottom: 20px;
	position:relative;
}
/*NEWSLETTER PAGE BACKGROUND*/
.content .background4B{
	background-attachment : scroll;
	background-image : url(../images/bgds/prodbgd4.jpg);
	background-repeat : repeat-y;
	overflow : hidden;
	width : 750px;
	padding-top: 10px;
	padding-bottom: 0px;
	position:relative;
}



/*TEXT POSITIONING*/

/*START Team Page*/
.content .left {
	position: absolute;
	top: 100px;
	left: 0px;
	width: 375px;
}

.content .right {
	position: absolute;
	top: 100px;
	left: 375px;
	width: 335px;
	text-align: right;
	margin-right: 40px;
}
/*END Team Page*/

/*START Contact & Contact2 Pages*/
.content .bottomleft {
	position: relative;
	top: 20px;
	left: 0px;
	float:left;
	width: 280px;
	padding-bottom:10px;
}

.content .bottomright {
	position: relative;
	top: 20px;
	float:right;
	padding-bottom:10px;
   margin-right:-30px;
}
/*END Contact & Contact2 Pages*/

/*START QTVR Page*/
.content .colleft {
	position: absolute;
	top: 150px;
	left: 0px;
	width: 375px;
}
.content .colright {
	position: absolute;
	top: 150px;
	left: 375px;
	width: 375px;
}
/*END QTVR Page*/

.content .justify {
	text-align: justify;
}

.content .center {
	text-align: center;
}

#indent1{
	padding-left:50px;
	padding-right:50px;
}

#indent2 {
	padding-left:30px;
	padding-right:30px;
}
#indent3 {
	padding-left:10px;
	padding-right:10px;
}
#indentR {
	padding-right: 40px;
}
#marR {
	margin-right: 40px;
}
#indentL {
	padding-left: 40px;
}

#floatright {
	float: right;
	margin: 10px 0px 10px 10px;
}

#floatleft {
	float: left;
	margin: 10px 10px 10px 0px;
}



/*TEXT FORMATTING*/
marquee {
	width: 414px;
}

marquee.med {
	width: 414px;
}

marquee.sm {
	width: 316px;
}

.content .subbold{
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
}

.content .subbo {
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
}
.content .subbo1 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
}

.content .subbo2 {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
}

.content .tiny {
	font-size: 10px;
	font-weight: bold;
}


.content .bold {
	font-weight: bold;
}

.gerber {
	font-family: tahoma, sans serif;
	font-size: 36px;
	font-weight: bold;
	line-height: 40px;
	text-decoration: normal;
	color: #000000;
}

#bitalic {
	font-style: italic;
	font-weight: bold;
}



/*BOTTOM NAVIGATION - HOME PAGE ONLY*/
.bottomnavigation{
	margin-top:20px;
	padding-top:6px;
	background-image : url(../images/tabs/redbar.gif);
	background-repeat : repeat-x;
	overflow : hidden;
	width : 750px;
	height : 25px;
	position:relative;
	text-align: center;
}

.bottomnavigation  .button{
	display:inline;
	margin-left: 0px;
	padding-left:  1px;
	padding-right: 0px;
	font-weight: bold;
}



/*Regular LINKS Options*/
a {
	text-decoration: underline;
	color:  #660000;
	outline: none;
	}
a:visited {
	color:  #660000;
	text-decoration: none;
	}
a:active {
	color:  #002F17;
	}
a:hover {
	text-decoration: none;
	color:  #002F17;
	}


a.norm {
	text-decoration: underline;
	color:  #660000;
	outline: none;
	}
a.norm:visited {
	color:  #660000;
	text-decoration: underline;
	}
a.norm:active {
	color:  #002F17;
	}
a.norm:hover {
	text-decoration: none;
	color:  #002F17;
	}
/*START NAV LINKS Options*/
a.nav {
	text-decoration: none;
	color: #002F17;
	}
a:visited.nav {
	text-decoration: none;
	color: #002F17;
	}
a:active.nav {
	text-decoration: none;
	color: #660000;
	}
a:hover.nav {
	text-decoration: none;
	color: #660000;
	}


a.nav2 {
	text-decoration: none;
	font-stretch:   extra-condensed;
	color: #002F17;
	}
a:visited.nav2 {
	text-decoration: none;
	font-stretch:   extra-condensed;
	color: #002F17;
	}
a:active.nav2 {
	text-decoration: none;
	font-stretch:   extra-condensed;
	color: #660000;
	}
a:hover.nav2 {
	text-decoration: none;
	font-stretch:   extra-condensed;
	color: #660000;
	}

a.bottomnav {
	text-decoration: none;
	color: #FFFFCC;
	}
a:visited.bottomnav {
	text-decoration: none;
	color: #002F17;
	}
a:active.bottomnav {
	text-decoration: none;
	color: #66CC66;
	}
a:hover.bottomnav {
	text-decoration: none;
	color: #66CC66;
	}

a.navsel {
	text-decoration: none;
	color: #660000;
	}
a:active.navsel {
	text-decoration: none;
	color: #002F17;
	}
a:visited.navsel {
	text-decoration: none;
	color: #660000;
	}
a:hover.navsel {
	text-decoration: none;
	color: #002F17;
	}

a.navsel2 {
	text-decoration: none;
	font-stretch:   extra-condensed;
	color: #660000;
	}
a:active.navsel2 {
	text-decoration: none;
	font-stretch:   extra-condensed;
	color: #002F17;
	}
a:visited.navsel2 {
	text-decoration: none;
	font-stretch:   extra-condensed;
	color: #660000;
	}
a:hover.navsel2 {
	text-decoration: none;
	font-stretch:   extra-condensed;
	color: #002F17;
	}

/*END NAV LINKS Options*/

/*For Gerber & Other Logo Sensitive Text Links*/
a.none {
	text-decoration: none;
	color: #002F17;
	}
a:visited.none {
	text-decoration: none;
	color: #002F17;
	}
a:active.none {
	text-decoration: none;
	color: #660000;
	}
a:hover.none {
	text-decoration: none;
	color: #660000;
	}