@charset "utf-8";

* { margin:0; padding:0; }

a {outline:none;}

.background { background-image:url(../images/topbg.png); background-repeat:repeat-x; background-position:top; }
.footerbg {background-image: url(../images/footbg.png); background-repeat:repeat-x; background-position:top; height:32px; }

.container { width:960px; margin:auto; }
.footercontainer { width:960px; margin:auto; }


.headtext { font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px; }

.headtext a{ text-decoration:none; color:#FFF;}
.headtext a:hover{ text-decoration:none; color:#00d7fe; }


.footertext { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px; padding:16px 0; }
.footertext a {text-decoration:none; color:#666666;}
.footertext a:hover {color:#00d7fe;}


.bodycopy { font-family:Arial, Helvetica, sans-serif; color:#5c5c66; font-size:13px; line-height:18px;  padding-top:10px; }
.bodycopy a{ text-decoration:none; color:#009ebb; }
.bodycopy a:hover{ text-decoration:none; color:#00d7fe; }
.bodycopy p { padding-bottom:15px; }


.navigation { float:right; padding-top:46px; }
.navigation li { display: inline; list-style-type: none; padding-left:15px; }
.navigation li a{ text-decoration:none; color:#FFF; }
.navigation li a:hover{ text-decoration:none; color:#00d7fe; }


.portitems {width:168px; float:left; display:inline; height:180px; margin:0 20px 10px 0; background:url(../images/shadow.png) no-repeat 0 101px; 
	font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#5e5e5f; }

	
.portdesc { font-size:10px; color: #b2b2b2; line-height:20px; font-weight:normal;}

#portpics img{border: solid 3px #FFF; margin-bottom:17px;}
#portpics:hover img{border: solid 3px #ccc; cursor:pointer;}
#portpics {text-decoration:none; color:#5e5e5f;}
#portpics:hover{color:#00d7fe;}


.formfields { width:414px; padding: 6px; margin: 0; font-family:Arial, Helvetica, sans-serif; background-color:#fff; color: #8d8b8b; font-size: 13px; border: solid 1px #ccc; overflow:visible; }
.formbutton { width:100px; padding: 5px; margin:6px 0 0 328px; font-family:Arial, Helvetica, sans-serif; background-color:#fff; color: #8d8b8b; font-size: 13px; border: solid 1px #ccc;  cursor:pointer;}
.formbutton:hover { background-color:#ccc; cursor:pointer; color:#fff}

/***login tab***/
.slide-out-div {
padding: 20px;
width: 212px;
background: #787778;
}
.slide-out-div-wrapper {
width:960px;
margin:auto;
position:relative;
z-index:1;
display:none;
}


.login { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; line-height:17px; }

.login a{ text-decoration: none; color:#fff; font-size:11px;}
.login a:hover{ color:#00d7fe; }

.formfield { width:204px; margin: 0 0 10px 0; padding: 3px; font-size:11px; color:#666; border:1px solid #fff; overflow:visible; }
.formfield2 { width:204px; margin: 0 0 10px 0; padding: 4px; font-size:13px; color:#666; border:1px solid #ccc; overflow:visible; }

.button { width: 70px; margin:0 0 0 12px; padding:4px; border:none; background:#00d7fe; font-size:11px; color:#fff; cursor:pointer; vertical-align:middle;}
.button:hover {background-color:#ccc; color:#fff;}

.button2 { width: 70px; margin:0 0 0 8px; padding:4px; border:none; background:#00d7fe; font-size:13px; color:#fff; cursor:pointer; position:absolute;}
.button2:hover {background-color:#ccc; color:#fff;}


/***POPUP STYLES***/

.popup { width:900px; height: 440px; background:#3e3d3d; color:#FFF; font-family: Arial, Helvetica, sans-serif; }
.p-left { float:left; width:600px; margin: 20px; }
.p-right { float:left; width:220px; margin: 10px; position:relative; }

.screennav {position:absolute; top:375px; z-index:999;}
.screennav a img { border: 1px solid #3e3d3d; }
.screennav a.active, .thumbs a:hover { outline: none; }
.screennav a.active img, .thumbs a:hover img { border: 1px solid #ccc; }

.p-right h1 { font-size:18px; padding:20px 0 5px 0; font-weight:bold;}
.p-right h2 { font-size:12px; padding-bottom:20px; font-weight:normal; color: #00d7fe;}
.p-right p { font-size:12px; line-height:17px; padding-bottom:20px; }
.p-right a{ font-size:11px; color:#ccc; text-decoration:none; }
.p-right a:hover{ font-size:11px; color:#fff;}


/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:287px;
	}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	background: #FFF;
}
    div#rotator ul li.show {
	z-index:500;
}



/*slider*/
.cont { width:960px; height:1300px; overflow:hidden; position:relative; cursor:pointer; margin: 50px auto 0 auto; }
div.slides { position:absolute; top:0; left:0; }
div.slides img {padding:0; border:none;}
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides > div,ul.slides li { position:absolute; top:0; width:960px; display:none; padding:0; margin:0; }
#loopedSlider{ margin:0 auto; width:960px; position:relative; clear:both; }

.previous {background: url(../interface/left.png) center no-repeat; height:434px; width:76px; position:absolute; top:0; left:-90px; outline:none;}
.next {background: url(../interface/right.png) center no-repeat; height:434px; width:77px; position:absolute; top:0; right:-90px; outline:none;}
/*.previous:hover {background: url(images/arrow_l-on.png) center no-repeat #000;}
.next:hover {background: url(images/arrow_r-on.png) center no-repeat #000;}*/

.box {width:190px; height:90px; overflow:hidden; position:relative; cursor:pointer; float:left; margin-right:2px;}
.icon {width:190px; height:110px; position:absolute; left:0; top:50px;}
.icon span {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999; padding-bottom:8px; display:block;}
.icon p {font-size:11px; color:#999; font-family:Arial, Helvetica, sans-serif; width:170px;}

.box:hover span {color:#00d7fe}