*{margin:0;padding:0}
body{text-align:center; background:#FFF url(../img/bg.gif) left top repeat-x; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;}
a img{ border:0;}
a, a:visited, a:hover{ color:#FFFFFF; text-decoration:none; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; outline:none}

div#container{width:950px; height:600px; margin:0 auto; text-align:left;}
div#header{ height:123px;}
/* test
div#wrapper{float:left;width:100%; background:#000 url(../img/body.jpg) left top no-repeat;}
*/
div#wrapper{float:left;width:100%; background:transparent url(../img/body.jpg) left top no-repeat;}
div#content{ height:453px; background-image:url(../img/submenubg.jpg); background-position:0 47px; background-repeat: no-repeat;}
div#footer{clear:left;width:100%; height:26px;}


/* header */
.logo{ float:left; width:300px; height:81px; margin-top:42px;}
.menu{ float:right; margin-top:97px; height:26px; width:294px; margin-right:33px; background:#CCCCCC url(../img/menu.gif) 0px -26px no-repeat;}
.menu a{display:block; height:26px; width:73px; float:left; text-indent:-2000px; background-image:url(../img/menu.gif); background-repeat:no-repeat; background-position:0px 26px;}
.menu a.work, .menu a.oclabs, .menu a.oclabs{ width:70px;}
.menu a.agency{ width:81px;}
.menu a.services:hover{background-position: 0px -52px;}
.menu a.work:hover{background-position: -73px -52px;}
.menu a.oclabs:hover{background-position: -143px -52px;}
.menu a.agency:hover{background-position: -213px -52px;}

.menu a.services.active{background-position: 0px 0px;}
.menu a.work.active{background-position: -73px 0px;}
.menu a.oclabs.active{background-position: -143px 0px;}
.menu a.agency.active{background-position: -213px 0px;}

div#footer p{color:#818181; font-size:11px;}
div#footer p.copyrighted{float:left; margin:6px 0 0 30px;}
div#footer p.footlink{float:right; margin:6px 36px 0 0px; height:18px; width:400px; text-align:right; padding-bottom:1px;}
div#footer p.footlink a{color:#818181; text-decoration:none; margin-left:25px;}
div#footer p.footlink a:hover{color: #FF8000; border-bottom:1px solid #DDD;}

.tab{ float:left;}
img.ocbanner{ display:block;}
.list1{ margin-left:19px; float:left; width:384px; background-image:url(../img/services_list1.gif); background-repeat:no-repeat; background-position: left top;}
.list1 ul{ list-style-type:none; list-style:none; margin:46px 0 0 17px;}
.list1 li{ margin-bottom:8px; color:#c2bebe}
.list1 li.sp{ margin-left:25px;}
.list2{ margin-left:19px; float:left; width:320px; background-image:url(../img/services_list2.gif); background-repeat:no-repeat; background-position: left top;}
.list2 ul{ list-style-type:none; list-style:none; margin:46px 0 0 17px;}
.list2 li{ margin-bottom:8px; color:#c2bebe}
.list2 li.sp{ margin-left:25px;}
.list3{ float:left; width:339px; height:300px; line-height:175%; margin-top:74px; margin-left:24px; color:#d3d3d3}
.list3 ul{ margin-top:27px; list-style-type:none; list-style:none;}
.list3 li{ margin-bottom:5px; padding-left:30px; background-image: url(../img/bullet1.gif); background-position:2px 4px; background-repeat: no-repeat; color: #c2c2c2}
.p1{float:left; width:310px; height:380px; line-height:175%; margin-top:16px; margin-left:24px; color:#c2c2c2; }
.p1 h3{font-size:11px; font-weight:bold; color:#dedede;}
.p2{float:left; width:310px; height:380px; line-height:175%; margin-top:22px; margin-left:24px; color:#c2c2c2; }

#subfooter{ height:42px; background-image:url(../img/submenubg4.jpg); background-repeat:no-repeat}
#submenu{ height:48px;}
#submenu p{display:block; height:13px; float:right; margin-top:20px; border-bottom:1px solid #3c3c3c; padding-right:15px;}
#submenu p a, #submenu p a:visited{ color:#bdbdbd; margin-right:26px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#submenu p a:hover{ color:#FFFFFF;}
#submenu p a.active, #submenu p a.active:hover{ color:#ffac35; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

a.phoneschedule, a.phoneschedule:visited{ color:#8c8c8c; display:block;}
a.phoneschedule:hover{ color:#CCC;}

a.hplink, a.hplink:visited{border-bottom:1px solid #666; color:#CBE322;}
a.hplink:hover{border-bottom:1px solid #FFF; color:#FFF !important}

.clr{ clear:both;}
.turnkey{width:405px; margin:45px 0px 0px 48px; height:276px; color:#c1bdbd; line-height:175%; float:left; text-align:left;}
.turnkey a:hover img{filter: alpha(opacity=75); -moz-opacity: 0.75; KhtmlOpacity: .75; opacity: .75;}
.turnkeybg{height:88px; background:#333 url(../img/turn-key_bg.jpg) left top no-repeat; color:#FFFFFF; padding:10px 20px 0 20px;}
.turnkeybg a, .turnkeybg a:visited{color: #E2AE36; display:block; text-decoration:underline;}
.turnkeybg a:hover{color:#FFF;}

.longpageH1{height:auto !important; background:#141414 url(../img/bg3.jpg) center top repeat-y;}
.longpageSubmenu{background-image:url(../img/submenubg3.jpg); background-repeat:no-repeat}