body {background:#bcb2b2;font-size: 62.5%;text-align:center; font-family:Arial, Helvetica, sans-serif;}
html,body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
#container {width:892px; margin:0 auto;text-align:left;font-size: 1.2em;}
body { color: #333; }

a.arrow { font-size: 18px; color: #333 !important; display: block; background: url('../images/arrow.png') no-repeat right 3px; float: left; margin: 10px 0 0;padding-right: 15px; }

#header {width:870px;height:112px;background:url(../images/headerbg.jpg) repeat-x;}
#header div.topnav {background:url(../images/topnavbg.jpg) no-repeat;width: 313px;height:36px;float:right;}
#header img.logo {margin:11px 0px 0px 10px;float:left;}
#header p.motto {color:#ff0000;float:right;font-weight:700;font-style: italic; font-size: 1.2em;margin:33px  0px 0px 0px;width:370px;}
#header p.call {color:#fff;padding:10px 0px 10px 20px;float:right;width:410px; font-size: 11pt; text-align: right; margin-right: 25px; line-height: 20px;}
#header p.call a{color:#fff;}


#main {background:url(../images/shadow.jpg) repeat-y;}
#nav { width:870px;margin:10px 0px 0px 0px; *margin-bottom: -15px; height:45px;background:url(../images/navbar.jpg) no-repeat;}
#nav ul {list-style:none;height:45px;}
#nav ul li  {padding:0px;float:left;height:40px;line-height:40px;color:#666;background:url(../images/line.gif) 0 100% no-repeat;}
#nav ul li a, #nav ul li a:visited {color:#666;height:40px;line-height:40px;padding:0px 25px 0px 25px; text-decoration: none;font-weight:700;font-size:1.2em;}  
#nav ul li a:hover {color: #b60b0b;}
body#prod-pg  #nav ul li a.prod-cr, body#contact-pg #nav ul li a.contact-cr, body#service-pg #nav ul li a.service-cr, body#about-pg #nav ul li a.about-cr, body#project-pg #nav ul li a.project-cr, body#test-pg #nav ul li a.test-cr, body#home-pg #nav ul li a.home-cr {color: #b60b0b}

#content {width:850px;margin:12px 0px 0px 10px;color:#333;float: left;background:url(../images/contentbg.jpg) repeat-y;display: inline;} 
#wrapper {width:870px;margin:0 auto;}

#topinfo { float: left; margin: 2px 0 0; }
#topinfo div.welcome {background:url(../images/welcome-bg.jpg) no-repeat;width:300px;height:225px;margin:35px 0px 0px 30px;color:#fff;}
#topinfo div.welcome p {margin:15px 0px 0px 0px;}
#topinfo div.slide {width:505px;height:324px;background:url(../images/slide.jpg) no-repeat;position:absolute;margin:-268px 0px 0px 353px;}
#topinfo div.slide div.hold {width:460px;height:261px;margin:24px 0px 0px 18px;} 

#info {width:574px;float:left;padding:0px 0px 15px 0px;}
#info h1 {font-size:1em;color:#b60b0b;padding:10px 0px 0px 0px; font-size: 11pt; }
#info p {margin:10px 0px 0px 0px;line-height:1.3em;}
#info p.review {margin:10px 0px 30px 0px;}
#info p.review span, #info p.review span a {font-size:0.9em;}
#info p.review strong {font-style: italic;font-weight:1.3em;}
#info ul {margin:10px 0px 0px 15px;}
#info ul.contact {list-style: none;margin:10px 0px 0px 0px;}
#info ul.contact strong {color: #ff0000;font-size:1.3em;font-style: italic;}
#info a, #info a:visited {color:#ff0000;text-decoration:none;font-weight:700;}
#info div.service a, #info div.service a:visited, #info div.projects a, #info div.projects a:visited, .rightinfo a, .rightinfo a:visited {color:#000;text-decoration:none;font-weight:700;}
#info a:hover, .rightinfo a:hover, #info div.service a:hover, #info div.projects a:hover { text-decoration: underline;}

#info div.projects {width:295px;float:left;border-right:1px dashed #ccc;margin:0px 0px 0px 5px;}
#info div.projects h2, #info div.service h2 {color: #ff0000;font-size:1.3em;font-style: italic;margin:10px 0px 10px 0px;}
#info div.projects img {border:4px solid #ccc;margin:10px 0px 10px 0px;}
#info div.service {width:235px;float:left;margin:0px 0px 0px 30px;}
#info div.service ul {padding:0px 0px 18px 0px;}
#info div.service ul li {margin:18px 0px 0px 0px;padding:0px 0px 0px 5px;}
#info div.slides {background:url(../images/slidebg.jpg) no-repeat;width:574px;height:354px;}
#info div.slides div.slidep {margin:33px 0px 0px 17px;float:left;display: inline;}
#info div.card {margin:30px 0px 0px 0px;}
#info h2.product {color:#420606;font-size:1.2em;margin:20px 0px 0px 0px;;}
#info div.product {background:url(../images/prodbg.gif) no-repeat;height:185px;width:566px;margin:15px 0px 15px 0px;}
#info div.product ul {list-style:none;}
#info div.product ul li {float:left;width:125px; text-align: center;font-size:0.9em;margin:0px 0px 0px 5px;}
#info div.product ul li img {margin:7px 0px 0px 0px;}
#info div.project {float:left;width:555px;background:url(../images/projectbg.gif) no-repeat;height:212px;padding:0px 0px 0px 5px;margin:20px 0px 0px 0px;}
#info div.project img {float:left;margin:5px 10px 0px 0px;}
#info div.titles {float:left;width:555px;}
#info div.titles p {width:265px;float:left;margin:10px 0px 0px 10px;display: inline;}
#info div.titles p.reg {width:100%;}
#info img.green {margin:10px 0px 0px 0px;}

.rightinfo {width:266px;float:right;}
.rightinfo h2 {padding:0px 0px 0px 5px;color:#fff;background:url(../images/rtheaderbg.jpg) #fff no-repeat 0 bottom;height:14px;}
.rightinfo div.testimonials {background:url(../images/rightbg.gif) no-repeat;width:235px;height:176px;margin:15px 0px 0px 15px;padding:10px 0px 0px 0px;}
.rightinfo div.testimonials p {width:88%;color:#666;margin:0px 0px 0px 0px;padding:10px 0px 0px 15px;}
.rightinfo div.testimonials a {margin:35px 0px 0px 10px;display: block;font-size:0.9em;}
.rightinfo div.partners { padding:15px 0px 0px 0px;color:#666;}
.rightinfo div.partners p {padding:0px 0px 0px 15px;}
.rightinfo div.partners ul {list-style: none;}
.rightinfo div.partners ul li {float:left;margin:10px 0px 0px 15px;font-size:0.7em;text-align: center;}
.rightinfo div.partners ul li img {border:2px solid #999;}
.rightinfo div.latest { padding:15px 0px 0px 0px;color:#666;}
.rightinfo div.latest h3 {font-size:1.1em; font-style: bold;}
.rightinfo div.pricing {margin:10px 0px 0px 0px;padding:0px 15px 10px 15px;border-bottom:1px dashed #adadad; text-align: center;}
.rightinfo div.pricing h3 {font-size:1.1em;font-style: italic;}
.rightinfo div.pricing ul {list-style:none;margin:10px 0px 0px 0px;font-size:0.9em;}
.rightinfo div.pricing ul li {padding:0px 0px 0px 0px;}
.rightinfo div.pricing ul li.arrow {background:url(../images/redarrow.jpg) 0 50% no-repeat;padding:0px 0px 0px 10px;}
.rightinfo div.pricing a {font-size:1.1em;margin:0px 0px 0px 0px;}

.facebook { display:block; margin:10px auto 0; width:235px; }
.facebook img { border:none;}



#footer {background:url(../images/bottom.jpg) no-repeat;width:892px;text-align:center;padding:30px 0px 0px 0px;;color:#333;font-size:1em;}
#footer p {margin:10px 0px 0px 0px;}
#footer a {color:#ff0000;text-decoration:none;}
#footer ul {padding:10px 0px 10px 0px;margin:0px;color:#333;width:870px;}
#footer ul li {display:inline;padding:10px 0px 0px 0px;}
#footer ul li a, #footer ul li a:visited {color:#000;text-decoration: none;padding:0px 20px 0px 20px;font-size:1.0em;}
#footer ul li a:hover, #footer a:hover { text-decoration: underline;}

/* Joey's Updates (Updated Comp) - Jan. 7th, 11:33am */
#content img.content-thumb { float: left; margin: 0 15px 0 0; }
#content h2 { margin: 0 0 0px; }
#content p.black { color: #000; }
#info { padding: 2px 0 0; }
#topinfo { height: 322px; width: 874px; background: url('../images/index-header.png') no-repeat; margin: 2px 0 -10px; *margin-top: 30px; *margin-bottom: 0 !important; position: relative; }
body#home-pg #topinfo { *margin: 15px 0 -10px 0 !important; }
#topinfo ul { list-style: none; }
h2#latest { margin: 0 0 12px 0; }
#footer hr { background: none; border-top: solid 1px #fff; }
ul#partners { width: 500px; border: none !important; margin: 10px auto 0; }
a.read-more { color: #000; font-weight: bold; display: block; margin: 10px 0 0; }
.rightinfo div.latest { width: 250px; background: url('../images/latest-bg.png') no-repeat 8px bottom; padding-left: 15px; }
.rightinfo div.latest ul { list-style: none; }
.latest h2 { color: #b60b0b; font-size: 1.3em; font-style: italic; background: none !important; padding: 0 !important; }
.header-img { position: relative; bottom: -10px; *bottom: -30px; }
.latest p { width:240px;margin-left: 0; }


object#slideshow {
	position: relative;
	top: 11px;
	left: 14px;
}

/* Coinslider */
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }


br.clear {
	clear: both;
}
.italic {
	font-style: italic;
}



#contact strong{ display: block; float: left; clear: both; width: 150px; height: 30px; line-height: 23px; }
#contact input, #contact textarea{ float: left; width: 300px; }
#contact .work{ float: left; width:40px; margin-left: 150px; }
#contact textarea{ float: left;  height: 100px; margin-bottom: 18px; }
#form p{ font-weight: bold; }


input#submit{ width: 150px; }



#gallery li{ list-style: none; float: left; margin: 15px; }
#gallery li a img{border: 1px solid #B60B0B; }
#cboxTitle{ font-size: 11pt; color: #B60B0B; }