/* CSS Document */

body {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	margin: 0px;
}

div#mainContainer {
	background-color: #FFF;
	width: 835px;
	height: 635px;
	margin: 20px auto 10px auto;
}


div#shadowOne {
	float: left;
	width: 12px;
	height: 12px;
	margin: 0px;
}

div#shadowTwo {
	float: left;
	width: 800px;
	height: 12px;
	margin: 0px;
	background-image: url(images/bg_shadow_top.jpg);
	background-repeat: repeat-x;
}

div#shadowThree {
	float: left;
	width: 23px;
	height: 12px;
	margin: 0px;
}

div#shadowFour {
	float: left;
	width: 12px;
	height: 550px;
	margin: 0px;
	background-image: url(images/bg_shadow_left.jpg);
	background-repeat: repeat-y;
}

div#shadowFourAlt {
	float: left;
	width: 12px;
	height: 840px;
	margin: 0px;
	background-image: url(images/bg_shadow_left.jpg);
	background-repeat: repeat-y;
}


div#container {
	float: left;
	position: relative;
	width: 800px;
	height: 550px;
	margin: 0px;
}

div#containerAlt {
	float: left;
	position: relative;
	width: 800px;
	height: 840px;
	margin: 0px;
}

div#shadowFive {
	float: left;
	width: 23px;
	height: 550px;
	margin: 0px;
	background-image: url(images/bg_shadow_right.jpg);
	background-repeat: repeat-y;
}

div#shadowFiveAlt {
	float: left;
	width: 23px;
	height: 840px;
	margin: 0px;
	background-image: url(images/bg_shadow_right.jpg);
	background-repeat: repeat-y;
}

div#shadowSix {
	float: left;
	width: 12px;
	height: 23px;
	margin: 0px;
}

div#shadowSeven {
	float: left;
	width: 800px;
	height: 23px;
	margin: 0px;
	background-image: url(images/bg_shadow_bottom.jpg);
	background-repeat: repeat-x;
}

div#shadowEight {
	float: left;
	width: 23px;
	height: 23px;
	margin: 0px;
}


div#logo {
	float: left;
	width: 164px;
	padding-top: 205px;
	padding-left: 100px;
}

div#logoAlt {
	float: left;
	width: 170px;
	height:201px;
	padding: 180px 41px 0 82px;
}

div#strokeHome, div#strokeWho {
	float: left;
	width: 1px;
	height: 436px;
	background-color: #5A9A5A;
	margin-top: 55px;
}


div#strokeWhat {
	float: left;
	width: 1px;
	height: 436px;
	background-color: #A11A1A;
	margin-top: 55px;
}


div#strokeHow {
	float: left;
	width: 1px;
	height: 436px;
	background-color: #8ABCAD;
	margin-top: 55px;
}


div#strokeWhy {
	float: left;
	width: 1px;
	height: 436px;
	background-color: #969DB8;
	margin-top: 55px;
}

div#strokeWho {
	float: left;
	width: 1px;
	height: 436px;
	background-color: #3797A8;
	margin-top: 55px;
}


div#strokeWhere {
	float: left;
	width: 1px;
	height: 436px;
	background-color: #44549C;
	margin-top: 55px;
}

div#strokeAuto {
	float: left;
	width: 1px;
	height: 436px;
	background-color: #7591C0;
	margin-top: 55px;
}

div#strokeAlt {
	float: left;
	width: 1px;
	height: 760px;
	background-color: #5F55A0;
	margin-top: 37px;
}

div#flashHome {
	float: left;
	width: 212px;
	height: 326px;
	margin-top: 107px;
	z-index: 100;
}

div#flashWhat {
	float: left;
	width: 208px;
	height: 326px;
	margin-top: 107px;
}

div#flashHow {
	float: left;
	width: 212px;
	height: 372px;
	margin-top: 55px;
}


div#flashWho {
	float: left;
	width: 270px;
	height: 326px;
	margin-top: 107px;
}

div#flashWhere {
	float: left;
	width: 263px;
	height: 326px;
	margin-top: 67px;
}

div#flashWhy {
	float: left;
	width: 310px;
	height: 326px;
	margin-top: 107px;
}

div#flashAuto {
	float: left;
	width: 305px;
	height: 372px;
	margin-top: 80px;
}

div#flashAlt {
	position: absolute;
	top: 41px;
	left:330px;
	width: 350px;
	height: 233px;
}

div#graphicHome {
	float: left;
	width: 77px;
	height: 326px;
	margin-top: 107px;
}

div#graphicWhat {
	float: left;
	width: 119px;
	height: 326px;
	margin-top: 107px;
}

div#graphicHow {
	float: left;
	width: 106px;
	height: 326px;
	margin-top: 107px;
}

div#graphicWhy {
	float: left;
	width: 112px;
	height: 326px;
	margin-top: 107px;
}

div#graphicWho {
	float: left;
	width: 130px;
	height: 326px;
	margin-top: 107px;
}

div#graphicWhere {
	float: left;
	width: 103px;
	height: 326px;
	margin-top: 107px;
}


div#keywordHome {
	float: left;
	width: 135px;
	height: 36px;
	margin-top: 142px;
}

div#keywordWhat {
	float: left;
	width: 135px;
	height: 36px;
	margin-top: 134px;
}

div#keywordHow {
	float: left;
	width: 106px;
	height: 36px;
	margin-top: 143px;
}

div#keywordWhy {
	float: left;
	width: 106px;
	height: 36px;
	margin-top: 149px;
}

div#keywordWho {
	float: left;
	width: 140px;
	height: 36px;
	margin-top: 125px;
}

div#keywordWhere {
	float: left;
	width: 160px;
	height: 33px;
	margin-top: 166px;
}

div#magnamailButn {
	position: absolute;
	top: 487px;
	left:18px;
	width: 75px;
	height: 47px;
	z-index: 10000;
}

div#subheadHome {
	position: absolute;
	top: 200px;
	left:371px;
	width: 274px;
	height: 36px;
	z-index: 1000;
}

div#subheadWhat {
	position: absolute;
	top: 185px;
	left:384px;
	width: 77px;
	height: 14px;
	z-index: 1000;
}

div#subheadWho {
	position: absolute;
	top: 176px;
	left:396px;
	width: 76px;
	height: 13px;
	z-index: 1000;
}

div#subheadWhere {
	position: absolute;
	top: 96px;
	left:384px;
	width: 76px;
	height: 13px;
	z-index: 1000;
}

div#textHome {
	position: absolute;
	top: 260px;
	left: 384px;
	width: 224px;
	height: 200px;
	line-height: 20px;
	z-index: 2000;
	padding-left:1px;
}

div#textWhat {
	position: absolute;
	top: 208px;
	left: 384px;
	width: 350px;
	height: 200px;
	line-height: 20px;
	z-index: 2000;
	padding-left:1px;
}

div#textHow {
	position: absolute;
	top: 195px;
	left: 384px;
	width: 350px;
	height: 200px;
	line-height: 20px;
	z-index: 2000;
	padding-left:1px;
}

div#textWhy {
	position: absolute;
	top: 195px;
	left: 384px;
	width: 370px;
	height: 200px;
	line-height: 20px;
	z-index: 2000;
	padding-left:1px;
}

div#textWho {
	position: absolute;
	top: 206px;
	left: 384px;
	width: 350px;
	height: 280px;
	line-height: 20px;
	z-index: 2000;
	padding-left:1px;
}

div#textWhere {
	position: absolute;
	top: 175px;
	left: 384px;
	width: 300px;
	height: 200px;
	line-height: 12px;
	z-index: 2000;
	padding-left:1px;
}

div#textAlt {
	position: absolute;
	top: 297px;
	left: 330px;
	width: 350px;
	height: 500px;
	line-height: 20px;
	z-index: 2000;
	padding-left:1px;
}

div#textWhatlist {
	position: absolute;
	top: 350px;
	left: 414px;
	width: 295px;
	height: 144px;
	line-height: 17px;
	color: #A11A1A;
	z-index: 10000;
	padding-left:1px;
}

div#textHowlist {
	position: absolute;
	top: 318px;
	left: 413px;
	width: 295px;
	height: 144px;
	line-height: 17px;
	color: #6E8478;
	padding-left:1px;
}

.textAltList {
	line-height: 17px;
	color: #44549C;
	padding-left:15px;
	font-weight:bold;
}

div#textCase {
	position: absolute;
	top: 30px;
	left: 250px;
	width: 230px;
	line-height: 20px;
	padding-left:1px;
}

div#textAutolist {
	position: absolute;
	top: 360px;
	left: 414px;
	width: 295px;
	height: 144px;
	line-height: 17px;
	color: #717070;
	z-index: 10000;
	padding-left:1px;
}

div#alternativeLogo {
	position:absolute;
	top:450px;
	left:562px;
	width:169px;
	height:41px;
}

div#footer {
	width: 835px;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: center;
	padding:0;
}

div#port {
	margin: 24px;
}

div#port-internetheader {
	float: left;
	width: 200px;}

div#port-printheader {
	float: left;
	width: 200px;
}

div#port-outdoorheader {
	float: left;
	width: 200px;}

div#port-image {
	padding: 5px 0 20px;
}

div#port-radio {
	padding: 20px 0;
	line-height: 17px;
	color: #A11A1A;
}


.logo1 {
	margin-left: -30px;
}

.logo4 {
	margin-bottom: 10px;
}

.bg_case {
	margin-top: 10px;
	margin-left: 15px;
}

.bg_case2 {
	margin-top: 45px;
	margin-left: 15px;
}

.bg_case3 {
	margin-top: 90px;
	margin-left: 15px;
}

.bg_case4 {
	margin-top: 25px;
	margin-left: 15px;
}

.textimage1 {
	margin-bottom: -3px;
	margin-left: 1px;
}

.textimage2 {
	margin-bottom: 4px;
	margin-left: 1px;
	margin-top: 4px;
}

.textimage3 {
	margin-left: 1px;
	margin-bottom: -1px;
}

.textOrange {
	color: #D57A10;
}

.textAqua {
	color: #3797A8;
}

.textBlue {
	color: #44549C;
}

.textRed {
	color: #C6031F;
}

.textGray {
	color: #999;
}

.copyright {
	clear: both;
	font-size: 9px;
	color: #999;
}

.back {
	float: right;
	line-height: 30px;
}

.portthumb {
	margin-top: 5px;
	margin-right: 6px;
}

.clear {
	clear: both;
}




/* Links */


#navWhat {
	float: left;
	width: 96px;
	height: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#navHow {
	float: left;
	width: 107px;
	height: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-left: solid 1px #666666;
}

#navWhy {
	float: left;
	width: 106px;
	height: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-left: solid 1px #666666;
}

#navWho {
	float: left;
	width: 98px;
	height: 10px;	
	margin-top: 10px;
	margin-bottom: 20px;
	border-left: solid 1px #666666;
}


#navWhere {
	float: left;
	width: 121px;
	height: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-left: solid 1px #666666;
}


#navAuto {
	float: left;
	width: 149px;
	height: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;

}

#navSampling {
	float: left;
	width: 109px;
	height: 10px;
	margin-top: 2px;
	margin-bottom: 20px;
}

a:link, a:visited, a:active {
	text-decoration: none;
	color: #3797A8;
}

a:hover {
	text-decoration: underline;
} 

a.port:link, a.port:visited, a.port:active {
	text-decoration: none;
	color: #A11A1A;
}

a.port:hover {
	text-decoration: underline;
} 

a.lightwindow:link, a.lightwindow:visited, a.lightwindow:active {
	text-decoration: none;
	color: #A11A1A;
}

a.lightwindow:hover {
	text-decoration: underline;
} 

a.auto:link, a.auto:visited, a.auto:active {
	text-decoration: none;
	color: #717070;
}

a.auto:hover {
	text-decoration: underline;
} 

a.footer:link, a.footer:visited, a.footer:active {
	text-decoration: none;
	color: #999;
}

a.footer:hover {
	text-decoration: underline;
} 

a.contact:link, a.contact:visited, a.contact:active {
	text-decoration: none;
	color: #44549C;
}

a.contact:hover {
	text-decoration: underline;
}