body { color: #666; background: #ffffff url(img/bg.jpg) repeat-x; margin: 0px; padding: 0px; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size: 12px; } a:link, a:visited, a:active { color: #333; } a:hover { color: #f93; } h1 { } h2 { } p { margin: 0; padding: 0; } ul, ol { line-height: 18px; } img { border: 0; display: block; } img.imgborder { border: 1px #CCCCCC solid; } input, textarea { color: #000; background: #eee; border: 1px solid #ccc; padding: 2px; } hr { width: 80%; margin: auto; } #outer { width: 1200px; margin: 0 auto; background: #ffffff url(img/bg_outer.jpg) no-repeat center 0; } #wrapper { width: 990px; margin: 0 auto; padding: 0; top: 0; left: 0; overflow: hidden; } #header { width: 990px; height: 232px; margin: 0; padding: 0; position: relative; } #logo { width: 425px; height: 80px; margin: 0; position: absolute; top: 45px; left: 0; } #slogan { width: 320px; height: 70px; margin: 0; position: absolute; top: 52px; left: 447px; } #slogan h1 { font-size: 20px; color: #d2d2d2; font-weight: normal; } #social { width: 70px; height: 35px; margin: 0; padding: 0; position: absolute; top: 20px; right: 20px; text-align: right; } #social { width: 70px; height: 35px; margin: 0; padding: 0; position: absolute; top: 20px; right: 20px; text-align: right; } #social img { margin: 0!important; padding: 0!important; float : left;} #nav { width:950px; height:38px; position:absolute; padding: 10px 0px 0px 0px; top:175px; left:15px; text-align: center; color: #d2d2d2; font-size: 18px; } #nav a { color: #427d8b; font-weight: 400; font-size: 24px; margin: 0px 20px 0px 20px; text-decoration: none; text-transform: uppercase; } #nav a:hover { color: #1b3f73; } #content { width: 990px; overflow: hidden; margin: 0; padding: 0; position: relative; } #left_content { width: 535px; overflow:hidden; margin:10px 5px 10px 0; padding: 0; float: left; background: transparent; } #left_content_top { width: 535px; height: 22px; margin: 0!important; padding: 0!important; background: transparent url(img/top_content.png) no-repeat; } #left_content_body { width: 535px; margin:0!important; padding: 10px 0 10px 0!important; background: transparent url(img/bg_content.png) repeat-y; } #left_content_body p { margin:10px 20px 20px 20px!important; padding: 0; font-size: 16px; line-height:26px; } #left_content_body h1 { margin:0px 20px 20px 20px!important; padding: 0; font-size: 24px; line-height:26px; color: #f8941e; font-weight: 400; } #left_content_body h2 { margin:0px 20px 20px 20px!important; padding: 0; font-size: 20px; line-height:21px; color: #427d8b; font-weight: 400; } #left_content_body li { margin:10px 20px 10px 20px!important; padding: 0; font-size: 16px; line-height:26px; } #left_content_contact { width: 535px; margin:0!important; padding: 10px 10px 10px 10px!important; background: transparent url(img/bg_content.png) repeat-y; } #left_content_contact p { margin:10px 20px 20px 20px!important; padding: 0; font-size: 16px; line-height:26px; } #left_content_contact h1 { margin:0px 20px 20px 20px!important; padding: 0; font-size: 24px; line-height:26px; color: #f8941e; font-weight: 400; } #left_content_contact table { margin:10px 20px 10px 20px!important; padding: 0; font-size: 16px; line-height:26px; } #left_content_portfolio { width: 535px; margin:0!important; padding: 10px 40px 40px 10px!important; background: transparent url(img/bg_content.png) repeat-y; } #left_content_bottom { width: 535px; height: 22px; margin:0 ; padding: 0; background: transparent url(img/bottom_content.png) no-repeat; } #right_content { width: 430px; overflow:hidden; margin:15px 0 10px 0 ; padding: 0; float: left; background: transparent; } #right_content p { margin:10px 20px 20px 20px!important; padding: 0; font-size: 16px; line-height:26px; } #left_work { width: 735px; overflow:hidden; margin:10px 5px 10px 0; padding: 0; float: left; background: transparent; } #left_work_top { width: 735px; height: 22px; margin: 0!important; padding: 0!important; background: transparent url(img/top_work.png) no-repeat; } #left_work_body { width: 735px; margin:0!important; padding: 10px 0 10px 10px!important; background: transparent url(img/bg_work.png) repeat-y; } #left_work_body h1 { margin:0px 20px 20px 10px!important; padding: 0; font-size: 24px; line-height:26px; color: #f8941e; font-weight: 400; } #left_work_body li { margin:10px 20px 10px 20px!important; padding: 0; font-size: 16px; line-height:26px; } #left_work_bottom { width: 735px; height: 22px; margin:0 ; padding: 0; background: transparent url(img/bottom_work.png) no-repeat; } #right_work { width: 230px; overflow:hidden; margin:15px 0 10px 0 ; padding: 0; float: left; background: transparent; } #right_work p { margin:10px 20px 20px 20px!important; padding: 0; font-size: 16px; line-height:26px; } #mail_right { width: 408px; height:650px; background: url(img/mail_bg.jpg) no-repeat; } #right_nav { width:225px; padding: 10px 0px 0px 0px; text-align: right; color: #427d8b; font-size: 14px; } #right_nav a { color: #427d8b; font-weight: 600; text-decoration: none; } #right_nav a:hover { color: #1b3f73; } #right_nav li { margin:10px 20px 10px 20px!important; padding: 0; list-style:none; } #wide_content { width: 980px; overflow:hidden; margin:10px 0 10px 0 ; padding: 10px 0 10px 0 ; background: transparent; clear: both; } #wide_content p { margin:10px 20px 20px 20px!important; padding: 0; font-size: 16px; line-height:26px; } #wide_content h1 { margin:10px 20px 20px 20px!important; font-size: 26px; color: #f8941e; font-weight: normal; } #wide_content h2 { margin:10px 20px 20px 20px!important; font-size: 20px; color: #437d8b; font-weight: normal; } #footer_wrapper { width: 100%; height: 220px; overflow: hidden; margin: 30px 0 0 0; padding: 0; background: #ffffff url(img/bg_footer.jpg) no-repeat center 0; } #footer { width:990px; height:53px; padding-top: 50px; margin:0px auto; position:relative; text-align: center; } #footer p { font-size: 12px; line-height:20px; margin: 0px; padding: 0px; color: #666666; } .preeminent { width: 310px; overflow:hidden; margin:15px 5px 10px 5px; padding:15px 5px 10px 5px; float: left; background: transparent; } .preeminent h1 { margin:10px 20px 20px 20px!important; font-size: 20px; color: #f8941e; font-weight: normal; } .recently-done { width: 720px; overflow:hidden; } .recently-completed { width: 520px; overflow:hidden; } .portfolio-highlight { width: 150px; height: 220px; float: left; padding: 5px; margin: 5px; border: #f89a2c dashed 1px; background: #ffffff; } .portfolio-highlight img { border: #ededed solid 1px; } .portfolio { margin:10px 30px 20px 10px!important; padding: 0; font-size: 16px; line-height:26px; } .portfolio_title { margin:0px 30px 20px 10px!important; padding: 0; font-size: 24px; line-height:26px; color: #f8941e; font-weight: 400;} .c { text-align: center;} .r { float: right;} .l { float: left;} .orange { color: #f8941e; } .redtext { color: #ff0000; } .tbl1 { width: 480px; } #rotator { width: 950px; height: 335px; margin:5px 0 0 0!important; padding: 30px 0 0 0; background: transparent url(img/bg_rotator.png) no-repeat center 0; clear: both; } .rotator { background-color: transparent; width: 890px; height: 300px; margin: 0px auto; position: relative; font-family: 'Myriad Pro',Arial,Helvetica,sans-serif; color: #fff; text-transform: uppercase; letter-spacing: -1px; border: 1px solid #f0f0f0; overflow: hidden; } img.bg { position: absolute; top: 0px; left: 0px; } .rotator ul { list-style: none; position: absolute; right: 0px; top: 0px; margin-top: 6px; z-index: 999999; } .rotator ul li { display: block; float: left; clear: both; width: 230px; } .rotator ul li a { width: 200px; float: right; clear: both; padding-left: 10px; text-decoration: none; display: block; height: 52px; line-height: 52px; background-color: #222; margin: 1px -20px 1px 0px; opacity: 0.7; color: #f0f0f0; font-size: 20px; border: 1px solid #000; border-right: none; outline: none; text-shadow: -1px 1px 1px #000; -moz-border-radius: 10px 0px 0px 20px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 20px; border-top-left-radius: 10px; border-bottom-left-radius: 20px; } .rotator ul li a:hover { text-shadow: 0px 0px 2px #fff; } .rotator .heading { position: absolute; top: 0px; left: 0px; width: 700px; } .rotator .heading h1 { text-shadow: -1px 1px 1px #555; font-weight: normal; font-size: 46px; padding: 5px 20px 20px 20px; margin: 0; } .rotator .description { width: 500px; height: 80px; position: absolute; bottom: 0px; left: 0px; padding: 20px; background-color: #222; -moz-border-radius: 0px 10px 0px 0px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; opacity: 0.7; border-top: 1px solid #000; border-right: 1px solid #000; } .rotator .description p { text-shadow: -1px 1px 1px #000; text-transform: none; letter-spacing: normal; line-height: 26px; font-size: 14px; } a.more { color: orange; text-decoration: none; text-transform: uppercase; font-size: 12px; } a.more:hover { color: #fff; }