/*universal elements */
*{
margin:0;
padding:0;}
body{
background: #acbcc9;
color: #292929;
font: 12px verdana, sans-serif;
color:#393939;}

a{
text-decoration: none;
color: #3482bd;}
a:hover{
color: #feb035;}

p, ul, ol{
margin-bottom: 15px;
text-align: left;}

ul{
padding-left: 30px;
list-style: none;}

ol{
padding-left: 30px;}

img{
border:0;}
														/*container elements*/
#topbg{
width:100%;
/*background:url(Images/topbg.jpg) repeat-x;*/}

#botbg{
width: 100%;
/*background:url(Images/bottombg.jpg) 0% 100% repeat-x;*/}

#mainbg{
width:790px;
background:url(Images/mainbg.jpg) repeat-y;}

#top{
z-index: 0;
position: relative;
height: 110px;
width: 753px;
margin-left: 3px;
background: url(Images/top.jpg) 0% 100% no-repeat;}
															/*top area elements*/
#logo{
width: 175px;
height: 50px;
position: absolute;
top: 5px;
left: 37px;}
#subline{
font: 11px verdana, sans-serif;
position:absolute;
top: 60px;
left: 44px;}

#phone{
12px verdana, sans-serif;
position:absolute;
top: 13px;
left: 311px;}
#phone b{
color:#5C8AAE;
margin-bottom: -1px;
margin-right: 15px;
display:block;
text-transform:none;
font: bold 18px verdana, sans-serif;}
#phone i{
font:italic 10px verdana, sans-serif;}


#forms{
height: 21px;
overflow: hidden;
font-size: 11px;
padding: 4px 45px 0 40px;}

#forms input{
height: auto;
border:1px solid #3f5e74;
font-size: 11px;
padding: 1px;}

#forms input[type="submit"]{
vertical-align:top;
width: auto;
margin-right: 0;}

#userform{
width: 50%;
float: left;
text-align: left;}
#userform input[type="text"]{
width: 75px;}
#userform a:hover{
color: #152e6a;}

#search{
text-align:right;
margin-right: -36px;
}

#search input[type="text"]{
width: 150px;}
															/*navigation*/
#topnav{
padding-top:60px;
width: 800px;}

#links{
margin-right: 30px;
color: #6a879c;
font: 11px verdana, sans-serif;}

#links ul, #links li{													
float:left;
display: inline;
list-style: none;
}

#links ul{													/*the lists*/
width: 685px;
padding:0;
padding-top: 9px;
margin-left: 20px;
}

	#links ul ul, #links ul ul ul{
	width: 156px;
	visibility: hidden;
	position:absolute;
	top:15px;
	left: -20px;
	height:0;}
		
		#links ul li:hover ul, #links ul li a:hover ul{
		padding-top: 10px;
		visibility: visible;
		height:auto;
		display: block;
		z-index: 500;
		border-bottom: 2px solid #dfebff;}
		
			#links ul ul ul{
			left: 175px;
			top: -5px;
			width: 156px;
			margin-left: -17px;
			z-index:1000;}

			#links ul li:hover ul ul{
			visibility:hidden;}

			#links ul li:hover ul li:hover ul{
			visibility: visible;
			padding: 5px 0 0 0px;
}

#links li{															/*the list items*/
text-align: center;
margin-right: 30px;

position:relative;
z-index: 1;}

	#links ul li ul li{
	border:0;
	text-align: left;
	border-left: 1px solid #fff;
	border-right:2px solid #dfebff;
	width: 100%;
	z-index:auto;}

#links a{															/*the list item links*/
color: white;
text-transform: capitalize;
line-height: 20px;}

	#links ul ul a{
	background: #f9f9f9;
	display: block;
	height: auto;
	color: #000;
	font: 13px verdana, sans-serif;
	border-bottom: 1px solid #c2dbee;
	width: 156px;
	}
	
		#links ul ul a.drop{
		background: #f9f9f9 url(Images/arrows.gif) 95% 40% no-repeat;}

		#links ul ul a:hover{
		background: #c2dbee;
		color: black;
		}
		
			#links ul ul ul a{
			background: #f4f4f4;
			color:black;}

#links a:hover, #links :hover > a, #links :hover > a.drop{
display: block;
background: #3482bd;
color: #fff;
}

#links table
{position:absolute; 
top:0; 
border-collapse:collapse;
z-index:500;}
															/*main area containers*/
#main{
line-height: 140%;
width: 800px;
text-align: left;
background: url(Images/main.jpg) no-repeat;}

#mainbotbg{
width:800px;
/*background:url(Images/mainbot.jpg) 0% 100% no-repeat;*/}

#mainpad{
margin: 0 29px 0 20px;
padding-top: 10px;
}

.grad {background:url(Images/bg.jpg);
}

.mainpad2{
margin: 0 20px;}
															/*mainpad2 > side*/
#side{
float: right;
width: 24%;
}

.sideitem{
width: 189px;
}

.grad2
{background-image:url(Images/gradhead.jpg); color: white; font-weight: bold; font-size: 14px; padding: 2px; margin-top: 25px;}

.bg1{
background: url(Images/banners/sidebg1.gif) 100% 100% no-repeat;
margin: -10px 0 -8px 0;
padding: 10px 0 0 0;}

.sideitem p{
margin: 5px 0 5px 15px;}

.sideitem h3, h3{
color: #3482bd;
font: bold 14px verdana, sans-serif;
margin-top: 20px;
}

.sideitem .gallery{
width: 98%;
margin-left: 2%;}

.sideitem .gallery img{
border: 1px solid #eef;
height: 125px;
width: 175px;}

.sideitem .gallery ul{
list-style: none;
margin:0;
padding:0;}

.sideitem .gallery ul li{
display: inline;
float: left;}

.sideitem .gallery ul li a{
position: relative;
border: 1px solid #eef;
display: block;
width: 50px;
height: 50px;
margin-right: 2px;}

.sideitem .gallery ul li a img{
border:0;
display: block;
width: 50px;
height: 50px;}

.sideitem .gallery ul li a:hover{
border-color: #ccc;
white-space: normal;}

.sideitem .gallery ul li a:hover img{
display:block;
position: absolute;
height: 125px;
width: 175px;
top: -130px;
left: 0px;}

.sideitem .gallery ul li a.sec:hover img{
left: -53px;}

.sideitem h3, .contitem h3{
margin-left: 10px;}

.readmore{
}
.readmore a{
font: bold 12px verdana, sans-serif;
color: #3482bd;}
.readmore a:hover{
color: #b8e2f7;}

.hr{
}
															/*mainpad2 > cont*/
#cont{
line-height: 175%;
float: left;
width: 75%;
padding-bottom: 9px;
margin-left: -1px;
}

.splitcont{
width: 75%;
float:right;}
												/*content header banner image elements*/
#flash{
z-index: 100;
color: #000;
width: 104%;
height: 235px;
border: 0px solid white;
margin: -10px 0 -9px -19px;
padding: 0px;}
#flash h4{
line-height: 200%;
float:left;
letter-spacing: -.05em;
margin: 5px 0 0px 5px;
font: 24px verdana, sans-serif;
color: #3482bd;}
span.dropline{
letter-spacing: normal;
float:right;
color: black;
background: white;
padding: 4px;
font-size: 25px;}

.topimg{
border:0px solid white;
width: 101%;
margin: -10px 0 20px -12px;
background: #ffe;
padding: 40px 0 0 20px;}
												/*cont left sidebar*/
.contnav{
line-height: 100%;
float: left;
width: 24.5%;
background: #eff2f4;
margin: 0 2% 10px -12px;}
.contnav ul, .contnav ol{
margin:0;
padding:0 0 0 25px;}
.contnav ul li, .contnav ol li{
margin: 5px 0;
text-indent: -10px;}
.contnav p{
margin:2px 2px 2px 5px;}
.contnav h3{
padding: 2px 2px 2px 5px;
border-bottom: 2px solid white;}

h2{
color:#ec9859;
font: bold 26px verdana, sans-serif;
margin-bottom: 5px;}

h1{
clear:both;
background: transparent url(Images/grad.jpg);
font: bold 20px verdana, sans-serif;
color: #5C8AAE;
padding: 3px 0px 4px 8px;
margin-bottom:10px;
font-size: 18px;
}

#main form{
width: 100%;
margin-bottom: 10px;}
#main label{
width: 20%;
text-align: right;
float: left;
font-weight:bold;
color: #000;}

#main input, #main textarea, #main select{
margin: 0 0 5px 10px;
border: 1px solid #3482bd;
padding: 2px;
width: 70%;}
#main input[type="submit"], #main input[type="reset"]{
width: auto;
background: #3482bd;
color: #fff;
border: 1px solid #e5e5e5;
margin: 5px;}

#main .short *{
margin-bottom:0;}
#main .short p{
font-size: 11px;}
#main .short ul{
margin-left:-15px;}
#main .short form input{
font:11px verdana, sans-serif;
width: 50%;}
#main .short form input[type="submit"]{
width: auto;}

												/*un-mainpad2 elements (three-columned areas)*/
.tr, .tr2, .colr{
width: 100%;
margin: 0 1% 0 1.5%;
}

.tr2{
margin-top: -15px;
}

.thirds{
background-image: url(images/newgrad.jpg;);									/*columns*/
float: left;
width: 32%;}
.thirds+.thirds{
border-left: 1px dotted #aaa;}

.fourth{										/*columns*/
float: left;
width: 750px;
margin-left: 1px;
}

.colr{
width:100%;
margin-right:0;}

.col{
margin: -10px 0 1px -11px;
width: 32.6%;
height: 310px;
font-size: 12px;
padding-left: 5px;
}
.col+.col{
margin-left:0;}

.col p{
margin: 5px;
}

.col ul, .col ol{
margin-top: 5px;}

.col ul li, .col ol li{
margin-bottom: 7px;
line-height: 100%;}

.col h3{
font: bold 16px verdana, sans-serif;
line-height: 95%;
color:white;
padding: 6px;
margin-left: -0px;
}

h3.green{
background: #fff;
color: #5C8AAE;
}

h3.blue{
background:#388dff}

h3.brown{
background:#9300ad}

.orange{
color:#feb035;}
.greent{
color:#17cc67;}

.contitem{										/*boxes*/
background: white;
height: 218px;
overflow: hidden;
padding-top: 14px;
}
.contitem p{
text-align: left;
margin: 0 15px 5px 10px;}

.contitem2{										/*boxes*/
background: white;
height: 151px;
overflow: hidden;
padding-top: 14px;
}
															/*footer elements*/
#foot{
width: 746px;
margin-left: 1px;
padding: 3px;
background: url(Images/bottom.jpg);
height: 13px;
color: white;
font-size: 10px;
text-align: right;
padding-top: 7px;
padding-bottom: 7px;
}

#foot2{
width: 731px;
margin-left: -1px;
padding: 3px 0px 8px 6px;
background: url(Images/gradhead.jpg);
height: 13px;
color: white;
font-size: 14px;
}

#foot a{
color: orange;
}

.sideitem a{
color: #3482BD; font-weight: bold;
}

.sideitem a:hover{
color: orange; font-weight: bold;
}

#foot a:hover{
color: #fff;}
														/*additional classes*/
.spacer{
clear: both;}

.block{
display: block;}

.nomargbot{
margin-bottom: -15px;}

.justify{
}

.textmainc {
	font:bold 12px verdana, sans-serif;
	color: #444444;
	line-height: 140%;
}

.img{
height: 100px;
width: 100px;
float: left;
margin: 5px;
background: #fee;}

.avat{
float:left;
margin:5px;
padding: 12px 10px;}

.avat2{
float:left;
margin:2px;
padding: 0px 5px 5px 0;}

.reqbutton {margin-left: 497px; margin-top: -56px;}

.sky {}

.orchat {margin-top: -7px; margin-left: 10px; font-size: 10px;}

.skype {margin-left: -18px; margin-top: 1px;}

.hrdot {border-bottom: 1px solid #D4E5EF; height:1px;}

#bread {background-color: #EFF2F4; height: 14px; padding-bottom:9px; padding-left:4px;}

.productli {list-style-type: disc; margin-bottom:20px;}