* { margin: 0; padding: 0; }

#pagecontainer { float: left; width: 100%; text-align: center; background: #000 url(../images/bg_main.jpg) no-repeat top center; }
#pagecontainer_home { float: left; width: 100%; text-align: center; background: #000 url(../images/bg_home.jpg) no-repeat top center; }
#pagecontainer_aboutus { float: left; width: 100%; text-align: center; background: #000 url(../images/bg_aboutus.jpg) no-repeat top center; }
#pagecontainer_contactus { float: left; width: 100%; text-align: center; background: #000 url(../images/bg_contactus.jpg) no-repeat top center; }
#pagecontainer_ourservices { float: left; width: 100%; text-align: center; background: #000 url(../images/bg_ourservices.jpg) no-repeat top center; }
#pagecontainer_portfolio { float: left; width: 100%; text-align: center; background: #000 url(../images/bg_portfolio.jpg) no-repeat top center; }
#content { margin: 0 auto; width: 1000px; text-align: left; }
#content_bg { float: left; width: 1000px; margin: 0 0 0 0; padding: 0 0 0 0; text-align: left; }
#content_bottom { float: left; width: 1000px; height: 12px; background: url(../images/bg_corners_bottom.gif) no-repeat bottom left; }

#top { float: left; width: 1000px; height: 75px; }
#logo { float: left; width: 208px; height: 75px; margin: 0 0 0 23px; }
#navs { float: left; width: 734px; height: 60px; padding: 15px 35px 0 0; text-align: right; } * html #navs { width: 704px; }
#promo { float: left; width: 1000px; height: 250px; }
#promo p { color: #000; font-size: 15px; line-height: 18px; padding: 2px 0 0 0; }
#promo_left { float: left; width: 642px; height: 150px; padding: 100px 0 0 145px; }
#promo_right { float: left; width: 156px; padding: 57px 0 0 0; }

#copy { float: left; width: 890px; padding: 50px 55px 20px 55px; }
#copy_left { float: left; width: 375px; margin: 0 50px 0 0; }
#copy_right { float: left; width: 465px; }
#copy_right_box { float: left; width: 455px; padding: 0 0 15px 10px; margin: 0 0 25px 0; border-bottom: 1px #343434 solid; }
#phone { float: left; width: 465px; padding: 20px 0 0 0; text-align: center; }
.intro { font-size: 20px; margin: 5px 0 5px 0; font-weight: bold; color: #fff; line-height: 26px; }
.banner { margin: 10px 0 12px 0; }
.portfolio { margin: 30px 24px 0 24px; }


#copy_left_inside { float: left; width: 325px; }
#copy_right_inside { float: left; width: 565px; }
#message { float: left; width: 565px; background: #fae915; margin: 20px 0 20px 0; padding: 15px 0 15px 0; text-align: center; color: #000; font-size: 20px; font-weight: normal; }


.header { background: #727272; color: #fff; font-weight: bold; padding: 7px 10px 8px 10px; font-size: 12px; }
.odd { padding: 4px 10px 5px 10px; background: #fafafa; }
.even { padding: 4px 10px 5px 10px; background: #f2f2f2; }
.tclass { width: 555px; color: #c3c3c3; font-size: 15px; }
.tclass td { border-bottom: 2px dotted #313131; padding: 7px 0 7px 0; }
.tclass td.clear { border-bottom: none; padding: 7px 0 7px 0; }


/*------------- FOOTER --------------*/

.clear { clear: both; }
#footer { float: left; width: 890px; padding: 10px 55px 20px 55px; margin: 0; border-top: 1px #343434 solid; } 
#footer_left { float: left; width: 235px; }
#footer_right { float: left; width: 655px; padding: 1px 0 0 0; text-align: right; }
#footer p { color: #4d4d4d; font-size: 10px; padding: 0; margin: 0; }
#footer a { color: #4d4d4d; font-weight: normal; text-decoration: none; }
#footer a:hover { text-decoration: none; color: #9bc32a; }


/*------------- GLOBAL SELECTORS --------------*/

body { text-align: center; margin: 0; padding: 0; border:0; color: #ffffff; font-family: Tahoma, Verdana, Sans-serif; font-size: 12px; background-color: #000; }

h1 { color: #fff; font-size: 24px; font-weight: bold; padding: 25px 0 5px 0; margin: 0 0 5px 0; letter-spacing: 1.2px; }
h1 span { color: #fff; font-size: 18px; font-weight: normal; }
h2 { color: #fff; font-size: 17px; font-weight: bold; padding: 15px 0 0 0; margin: 0 0 5px 0; letter-spacing: 1.2px; }
h2 span { color: #fff; font-size: 17px; font-weight: normal; }
h3 { color: #c9ff33; font-size: 14px; font-weight: normal; padding: 15px 0 0 0; margin: 0 0 2px 0; letter-spacing: 1.2px; }

p { font-size: 16px; line-height: 24px; color: #c3c3c3; padding: 0px 0 10px 0; margin: 0; }
p.small { font-size: 14px; line-height: 20px; color: #c3c3c3; padding: 0px 0 10px 0; margin: 0; }
p.readmore { padding: 0px 0 3px 26px; background: url(../images/arrow_green.gif) no-repeat 11px 11px; font-size: 14px; }
p.readmore a { font-weight: bold; text-decoration: none; color: #9bc32a; }
p.readmore a:hover { font-weight: bold; text-decoration: none; color: #fff; }
p.visit { padding: 12px 0 3px 16px; background: url(../images/arrow_green.gif) no-repeat 2px 19px; font-size: 11px; margin: 0 0 0 15px; }
p.visit a { font-weight: bold; text-decoration: none; color: #c3c3c3; }
p.visit a:hover { font-weight: bold; text-decoration: none; color: #9bc32a; }
p.point { padding: 2px 0 3px 16px; background: url(../images/arrow_green.gif) no-repeat 0px 12px; margin: 0 0 0 15px; }

ul { list-style: square; margin-top: 0px; margin-bottom: 8px; margin: 0; margin-left: 5px; padding: 0; }
ul li { text-indent:0px; }
a { text-decoration: underline; color: #9bc32a; outline: none; }
a:hover { text-decoration: none; color: #9bc32a; }


img.nowrap { display: block; padding: 0; margin: 0; }
img.pic { margin: 10px 20px 5px 20px; }
img.pica { width: 183px; height: 106px; padding: 10px 15px 10px 15px; margin: 5px 20px 5px 20px; background: url(../images/bg_portfolio_img.jpg) no-repeat top left; }

/*------------- FORM ELEMENTS --------------*/

form { margin:0; padding:0; display:block; }
input, select, textarea, option { padding: 3px 6px 4px 6px; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#1F1F1F; font-weight:normal; }

/*------------- SUBNAVIGATION --------------*/

ul.subMenu { width: 165px; margin: 15px 0 25px 0; padding: 3px 0px 0px 0px; font-size: 11px; font-weight: bold; }
ul.subMenu li { margin: 0; padding: 0 0px 0 0px; display:block; list-style-type: none; height: 20px; }
ul.subMenu a:link, ul.subMenu a:visited { display:block; padding: 4px 0 4px 21px; color: #115a75; text-decoration:none; background: url(../images/arrow_right.gif) no-repeat 8px 9px; font-weight: bold; }
ul.subMenu a:active, ul.subMenu a:hover { padding: 4px 0 4px 21px; color: #1c97c4; text-decoration:none; background: url(../images/arrow_right_.gif) no-repeat 8px 9px; font-weight: bold; }
ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { padding: 4px 0 4px 21px; color: #1c97c4; text-decoration:none; background: url(../images/arrow_right_.gif.gif) no-repeat 8px 9px; font-weight: bold; }
ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { font-weight: bold; }
