@charset "utf-8";
/* CSS Document */
body { 
	background: #101331 url(images/back.gif) repeat-x top center;
	font-family: Arial;
	font-size: 12pt;
}
/* Layout Styles */
#wrapper { 
	width: 898px;
	margin: 0 auto;
	background-color: #fff;
	border: 2px solid #fff;
	position: relative;
}
#wrapper #header { 
	height: 180px;
}
#wrapper #topNav { 
	background: url(images/navBG.gif) repeat-x;
	height: 32px;
	float: left;
	width: 898px;
}
#wrapper #navBar { 
	float: left;
	background: url(images/topback.gif) repeat-x;
	height: 68px;
	width: 898px;
	text-align: right;
}
#wrapper #navBar a {
	margin: 0px; padding-top: 0px;
	padding-right: 10px;
	border: 0px;
}
#wrapper #mainCont { 
	clear: both;
	margin: 0px;
	padding: 0px;
}
#wrapper #mainCont #sidebar { 
	width: 160px;
	float: left;
}
#wrapper #sideBox {
	background-color: #333;	
	border-bottom: 10px solid #3e3e3e;
}
#wrapper #sideBox .head {
	background: url(images/menuHead.jpg) no-repeat;
 	height: 37px;
	padding-top: 5px; padding-left: 18px;
	font-size: 14px;
	color: #fff;
	margin: 0px;
}
#wrapper #sideBox ul {
	list-style: none;
	margin: 0px;
	padding-left: 5px;
	list-style-position: inside;
	list-style-image: url(images/whiteArrow.gif);
}
#wrapper #sideBox ul li {
	position: relative;	
}
#wrapper #sideBox ul li a {
	color: #fff;	
 	text-decoration: none;
 	font-size: 14px;	
}
#wrapper #sideBox ul li a:hover {
	color: #f5c925;	
}
#wrapper #sideBox ul li a.active {
	color: #f5c925;	
}

#wrapper #mainCont #cont { 
	margin-left: 160px;
}
#wrapper #footer { 
	background: url(images/bottombar.gif) repeat-x;
	height: 33px;
	font-size: 10px;
	color: #fff;
	padding-left: 10px;
	clear: both;
}
#wrapper #footer span {
	display: block;
	padding-top: 10px;	
}
#wrapper #footer a {
 color: #FF9900;
 text-decoration: none;
}

/* Navigation Styles */
#topNav ul { 
	width: 898px;
	list-style-type: none;
	margin: 0px;
	text-align:center;
	padding: 0px;
}
#topNav ul li { 
	float: left;
	width: 125px;
	height: 32px;
	padding-top: 5px;
}
#topNav ul li.active { 
	background: url(images/navYellow.gif) repeat-x;
}
#topNav ul li.active a, #topNav ul li.active span {
	color: #333;	
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

#topNav ul li a { 
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}
#topNav ul li a:hover { 
	color: #f5c925;
}
#topNav ul li a.active { }

/* Text Formatting Styles */

#homeBox {
	background: url(images/main2.jpg) no-repeat top center;
	width: 727px; height: 289px;
	border: 1px solid #fff;
	margin-left: 6px;
	float: left;
}
#homeBox #msg {
	float: left;
	width: 370px;
	margin-top: 70px;	
	margin-left: 10px;
}
#homeBox #msg p {
	font-size: 12px;
	color: #fff;
}
#homeBox #msg p strong {
	color: #FECB00; 
	font-size: 16px;
}
#homeBox #rotator {
	float: right;
	width: 331px; height: 229px;
	margin-top: 58px;

	border: 0px;
}
#homeBox #hours {
	float: right;
	width: 241px;
	margin-top: 20px;

	border: 0px;
}
#sidebar p.address {
	padding-left: 3px;
	font-size: 12px;	
}
#sidebar p.address strong {
	color: #005DAD;	
	font-size: 16px;
}
#pageName {
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	width: 727px; 
	margin-left: 6px; margin-bottom: 10px;
	float: left;
	text-align: center;
	vertical-align: middle;
	display:table-cell; vertical-align:middle;
}
#pageName span {
	position:relative; top:-25px;
	font-size: 18pt;
	font-weight: bold;
	color: #003366;
}
#contBox {
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	width: 727px; 
	margin-left: 6px;
	float: left;
	margin-bottom: 10px;
}
#contBox p, #contBox h1, #contBox h2, #contBox h3 {
	padding-left: 10px; padding-right: 10px;	
}
#contBox h1 { 
	font-size: 16pt;
	color: #000; 
}
#contBox h2 { 
	font-size: 14pt;
	color: #333; 
}
#contBox h3,#contBox p,#contBox li { color: #333;  font-size: 12pt;}
#contBox li { margin-bottom: 5px; padding-right: 10px; }

#portfolioBox { 
	width: 680px;
	margin: 25px;
	background: url(images/portfolioback.gif);
}
#portfolioBox div.site { 
	float: left;
	width: 220px; height: 240px;
	text-align: center;
	margin-top: 20px;
}
#portfolioBox div a img { 
	border: 0px;
}
#portfolioBox p { 
	color: #fff;
	font-size: 10px;
}
#designBox {
	background: url(images/designback.gif) repeat-x;
}
#designBox h1 {
	color: #fff;	
}
#designBox h1 span.sm {
	font-size: 12pt;	
}
#designBox p {
	color: #fff;	
}
#designBox li {
	color: #6699FF;	
}
#smList li {
	font-size: 12px;	!important;
}
#video {
position: absolute;
top: 340px;
right: 0px;
text-align: right;
z-index: 99;
} 

*html #video {
position: absolute;
top: 340px;
right: 0px;
z-index: 99;
}

#video2 {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 99;
	background-color: transparent;
}

#slogan {
	float: left;
	font-size: 14pt;
	color: #fff;
	margin-top: 20px; margin-left: 10px;
}
#slogan span {
	color: 	#FECB00;	
}

#sideNav li ul {
	position: absolute;
	left: 130px; /* Set 1px less than menu width */
	top: 0px;
	display: none;
	background-color: #666;
	width: 180px;
	list-style-type: none;
}
#sideNav li ul li a { 
	padding: 2px 5px;  
} /* Sub Menu Styles */
		
#sideNav li:hover ul, li.over ul { display: block; } /* The magic */

#testimonialBox {
	background: url(images/back3.gif);	
}
#testimonialBox p {
	color: #fff;	
	font-size: 12px;
}
#testimonialBox p strong {
	font-size: 12pt;
}
#testimonialBox em {
	color: #F09328;	
	font-size: 14px;
}
.new {
	display: block;
	margin-top: 3px; margin-bottom: 3px; 
	color: #ffca08; font-weight: bold;
	font-size: 10pt;
}
#contBox strong a {
	color: #003366;	
}
#homeCont {
	width: 898px;
	margin: 0 auto;
}