@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; }
p{font-family:Arial, Helvetica, sans-serif; color:#666; font-size:80%}

h1,h2,h3,h4,h5,h6{font-family:rial, Helvetica, sans-serif; font-weight:normal}
h1{font-size:180%; color:#fff;padding-top:30px; text-shadow:#333 2px 2px 1px }
h2{font-size:130%; color:#333}
h3{font-size:110%; color:#fff }
li{font-family:Arial, Helvetica, sans-serif; color:#666; font-size:80%; padding-bottom:10px; list-style-image:url(images/bullets.gif)}

#wrapper{margin:auto; width:100%}
#innerwarpper{width:950px; margin:auto}
#topbar{height:25px; font-family:Arial, Helvetica, sans-serif; font-size:90%; text-align:center;background-image: url(images/topbarbg.jpg); background-repeat:no-repeat; background-position:bottom}
#topbar p{padding:5px 0; margin:0; color:#fff}

#header{height:90px; }
#logo{float:left; padding:10px 0 0 0}
#navigation{float:right; padding:30px 0 0 0}
#navigation ul{display:inline}
#navigation ul li{display:inline; font-family:rial, Helvetica, sans-serif; font-size:100%;padding:10px }
#navigation ul li a:link{text-decoration:none; color:#666}
#navigation ul li a:visited{text-decoration:none; color:#666}
#navigation ul li a:hover{text-decoration:none; color:#cc3333;}
.activetab{ background-image:url(images/active_tab.gif); background-repeat:no-repeat; background-position:center bottom; color:#cc3333}

#hero{height:200px;  text-align:center; float:left;  background-image:url(images/banner-bg.gif); width:100% }
#hero2{height:100px;  text-align:center; float:left;  background-image:url(images/banner-bg.gif); width:100% }
#hero2 h1{ padding-top:15px;}
#hero h3  a:link{color:#ff9900; text-decoration:none; border-bottom:1px solid dashed}
#hero h3  a:visited{color:#ff9900; text-decoration:none; border-bottom:1px solid dashed}
#hero h3  a:hover{color:#fff; text-decoration:none; border-bottom:1px solid dashed}

#row1{width:100%; float:left; padding-bottom:20px }
#row1  p a:link{color:#cc3333; text-decoration:none}
#row1  p a:visited{color:#cc3333; text-decoration:none}
#row1  p a:hover{color:#0033cc; text-decoration:none}

#work{width:46%; float:left;padding-left:20px}
#work p{font-family:Arial, Helvetica, sans-serif; color:#666; font-size:80%}
.workimg{width:175px; height:99px;float:left; margin-right:10px; border:1px solid #c4c4c4; padding:7px}
#work  p a:link{color:#cc3333; text-decoration:none}
#work  p a:visited{color:#cc3333; text-decoration:none}
#work  p a:hover{color:#0033cc; text-decoration:none}

#sevices{width:46%; float:right;padding-right:20px; }
#new{background-color:#f4f4f4; padding:10px; border:1px  #c4c4c4 dashed; background-image:url(images/just.gif); background-position:bottom right; background-repeat:no-repeat}
#new h4{padding:0; margin:0}
#new p{padding:0; margin:0}
#new h4 a:link{background-color:#ff0000; padding:10px; border:1px  #c4c4c4 dashed}
#new h4 a:visited{background-color:#c4c4c4; padding:10px; border:1px  #c4c4c4 dashed}
#new h4 a:hover{background-color:#fff; padding:10px; border:1px  #c4c4c4 dashed}

.formlable{ width:100px; float:left; padding-top:3px}
input{ width:275px}


#row2{width:100%; background-color:#f4f4f4; float:left; border-top:#c4c4c4 1px dashed; padding-bottom:10px}

#testimonial{width:46%; float:left; padding-left:20px}
#connect{width:46%; float:right;padding-right:20px }

#footer{width:100%; float:left; margin:0; background-image: url(images/footerbg.jpg); background-repeat:no-repeat;height:80px; padding-top:15px; color:#CCC; text-align:center}

#footer p span{color:#d9b4a8; font-size:80%}
#footer p{color:#fff;}
#footer p a:link{color:#fff; text-decoration:none}
#footer p a:visited{color:#fff; text-decoration:none}
#footer p a:hover{color:#fff; text-decoration:underline}

#pagecontent