/* CSS Document */

body {padding:0; margin:0; background:#fff; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#7A8282;}
	
p, div, ul, li, img, h1, h2, h3 ,a {padding:0; margin:0;}
.spacer {clear:both; line-height:1px; font-size:1px;}
form, label, input {padding:0; margin:0;}
ul{list-style:none;}

/* Navigation */
#main{width:778px; margin:0 auto 0 auto;}
img.logo{float:left; margin:0;}
ul.socials{width:20px; margin:15px 10px 0 0; float:right;}
ul.socials li{margin-bottom:5px;}
ul.socials li img{border:none;}

ul.topcar{ width:316px; margin:5px 0 0 0; float:right; height:92px;}
ul.topcar li{ float:left; line-height:0; font-size:0;}
ul.topcar li img{border:none;}
ul.topcar li a{width:79px; height:92px; overflow:hidden; display:block;}
ul.topcar li a:hover img{margin-left:-79px;}

ul.topnav{ width:453px; float:left; height:17px; display:block; padding:5px 0 0 9px; font:11px/14px Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; background:#697779 url(/images/nav.gif) repeat-x; margin:5px 0 0 0;}
ul.topnav li{ float:left;}
ul.topnav li a{ margin:0 10px 0 10px; text-decoration:none; color:#FFFFFF; background:inherit;}
ul.topnav li a:hover{ text-decoration:underline;}

a.gallary{ background:#000; width:299px; height:17px; padding:5px 0 0 16px; float:right; font:bold 11px/14px Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; text-decoration:none;}
a.gallary:hover{color:#FF00FF;}

/* Homepage main image */
#header{background:url(images/header.jpg) no-repeat 0 0 ; width:778px; height:295px; display:block; clear:both;}
#header h1.tagline {position:relative; top:150px; left:20px; color:#FF0000; font-weight:bold; font-size:24px; padding:2px; background:#000000; width:250px; text-align:center;}

/* Crumbs */
#headimg{background:#FFFFFF; width:778px; height:150px; display:block; clear:both; text-align:right; padding-right:10px;}
#headimg p.crumbs {position:relative; top:-10px; left:406px; background:#999799 url(images/crumbs.gif) repeat-x; width:352px; height:16px; color:#4A4A4A; padding:2px 10px;}
.crumbs a{color:#4A4A4A; text-decoration:none;}
.crumbs a:hover{text-decoration:underline;}


/* Main body */
#main #body{ width:778px; padding:0 0 13px 0;}
div.left{padding:31px 0 20px 19px; float:left; width:372px;}
div.left p{ color:#7A8282; font:11px/14px Tahoma, Arial, Helvetica, sans-serif; width:361px; margin:14px 0 0 0;}
div.left p a{color:#7A8282; border-bottom:dotted 1px #AAAAAA; text-decoration:none;}
div.left p a:hover{color:#ff00d2;}

div.content{padding:31px 0 20px 19px; float:left; width:472px;}
div.content p{ color:#7A8282; font:11px/14px Tahoma, Arial, Helvetica, sans-serif; width:461px; margin:14px 0 0 0;}
div.content p a{color:#7A8282; border-bottom:dotted 1px #AAAAAA; text-decoration:none;}
div.content p a:hover{color:#ff00d2;}

h1 {color:#444444;}
h3 {color:#666666;}

h3.tech{ width:741px; border-bottom:1px solid #ABB5B6; margin:0 0 0 19px; clear:both;}
div.ads{ width:741px; height:56px; background:#EEEEEE; margin:2px 0 0 19px; padding:13px 0 0 0 ; text-align:center;}
div.ads img{ float:left; margin:0 15px 0 20px;}
div.ads p{color:#7A8282; font:11px/14px Tahoma, Arial, Helvetica, sans-serif; margin:0 20px 0 20px; text-align:justify;}
div.ads a{color:#7A8282; text-decoration:none; border-bottom:dotted 1px #7A8282;}
div.ads a:hover{color:#ff00d2; border-bottom:solid 1px #ff00d2;}
p.brd{ margin:3px 0 0 19px; border-bottom:1px solid #ABB5B6; line-height:0; font-size:0; width:741px;}

h3.byline {color:#444444; font-weight:bold;font-size:12px;}
.pink{color:#ff00d2;}

/* Right column */
form.search{ width:370px ; background:url(/images/form_bg.gif) repeat-x  0 0 #f4f4f4; border:1px solid #BDBFBF; float:right; padding:0 0 9px 0; margin:0 0 14px 0; clear:right;}
form.search p.head{ margin:10px 0 10px 16px; clear:both; color:#FFFFFF; font-weight:bold; }
form.search label{color:#535858; font:bold 11px/14px Tahoma, Arial, Helvetica, sans-serif; margin:15px 18px 0 31px; width:92px; float:left; }
input.one{width:143px; height:20px; margin:15px 0 0 0; border:#80A2C2 1px solid; float:left; clear:right;}
input.submit{width:74px; height:16px; border:1px solid #697779; color:#535858; font:bold 11px/12px Tahoma, Arial, Helvetica, sans-serif; text-align:center; float:left; padding:0 0 4px 0; margin:12px 0 0 139px; background:#fff; cursor:pointer;}

div.right{width:250px; float:right; padding:10px; margin:20px 0; clear:right;}
div.right h2{color:#eeeeee; font-size:18px;}
div.right h2 a{color:#eeeeee;}
div.right a{color:#dddddd; text-decoration:none; border-bottom:dashed 1px #dddddd;}
div.right a:hover{color:#ff00d2; border-bottom:solid 1px #ff00d2;}
div.righttop {margin-top:50px;}
div.right1{background:url(/images/rtbg-green.gif) no-repeat; color:#dddddd;}
div.right2{background:url(/images/rtbg-red.gif) no-repeat; color:#dddddd;}
div.right3{background:url(/images/rtbg-blue.gif) no-repeat; color:#dddddd;}
div.right4{background:url(/images/rtbg-darkgreen.gif) no-repeat; color:#dddddd;}
div.right5{background:url(/images/rtbg-orange.gif) no-repeat; color:#dddddd;}
div.right6{background:url(/images/rtbg-violet.gif) no-repeat; color:#dddddd;}
div.right7{background:url(/images/rtbg-purple.gif) no-repeat; color:#dddddd;}

/* Footer */
.foot{ height:51px; width:778px; background:url(/images/footer.gif) no-repeat; margin:0 auto 0 auto; text-align:center; color:#FFFFFF; font:11px/14px Tahoma, Arial, Helvetica, sans-serif; padding:20px 0 0 0;}
.foot p{margin-bottom:5px;}
.foot a{ margin:5px; color:#ffffff; text-decoration:none;}
.foot a:hover{ text-decoration:underline;}

/* Services page */
div.svcs{background:url(/images/bg-services.jpg) no-repeat;}
div.services{width:250px; float:none; padding:10px; margin:20px 0 38px 0; clear:right;}
div.services h2 a{color:#eeeeee; font-size:18px;}
div.services a:hover{color:#ff00d2; border-bottom:solid 1px #ff00d2;}
div.services p{color:#dddddd; margin:0;}
div.services a{color:#dddddd; text-decoration:none; border-bottom:dashed 1px #dddddd;}
div.services a:hover{color:#ff00d2; border-bottom:solid 1px #ff00d2;}
div.servicestop {margin-top:19px;}

/* Starburst */
#starburst {position:absolute; top:150px; right:10px;}
#starburst img{border:none;}
