/* CSS Document */
body{padding:0px; margin:0px; background:#844a25 url(../images/b_body.jpg) 0 0 repeat-x ; color:#848484; font:12px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/14px Tahoma, sans-serif; color:#2bcade; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

.headline{font:12px/14px Arial, sans-serif; color:#849e04; font-weight:bold}
.subtitle{font:10px/12px Tahoma, Geneva, sans-serif; color:#42a3a5;}

#container{width:773px; margin:0 auto; background:url(../images/b_header.png) 0 0 no-repeat}

#footer{width:765px; height:81px; background:url(../images/b_footer.gif) 0 0 repeat-x; position:relative; margin:3px auto;}

#footer p{padding: 25px 0 0 0; font:10px/14px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:10px/14px Tahoma, Geneva, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#fff; color:#000}
#footer img#car{
	position:absolute;
	top:1px;
	left:549px
}

ul.bullet li{font:10px/14px Tahoma, sans-serif; background:url(../images/bullet.gif) 0 4px no-repeat; padding-left:15px;}
ul.bullet li a{color:#22454d; text-decoration:none;}
ul.bullet li a:hover{color:#22454d; text-decoration:underline;}

/* HEADER */

#header{width:773px; height:317px;  position:relative; }

#header img#logo{position:absolute; top:145px; left:66px}
#header img#slogan{position:absolute; top:148px; left:547px}

#header ul.btn_slogan{position:absolute; top:194px; left:623px; width:72px; height:18px; background:url(../images/b_btn1.gif) 0 0 no-repeat}
#header ul.btn_slogan li{ text-align:center; padding-top:1px}
#header ul.btn_slogan li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#0c292b; text-decoration:none;}
#header ul.btn_slogan li a:hover{text-decoration:underline;}

#header ul.menu{position:absolute; top:1px; right:5px; width:440px}
#header ul.menu li{float:left; height:40px;}
#header ul.menu li a{height:40px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{height:40px;}

#header ul.menu li.home a{width:87px; background:url(../images/btn_1.png) 0 0 no-repeat; }
#header ul.menu li.home a:hover{width:87px; background:url(../images/btn_1_over.png) 0 0 no-repeat;}
#header ul.menu li.home a.active {background:url(../images/btn_1_over.png) 0 0 no-repeat;}


#header ul.menu li.history a{width:87px; background:url(../images/btn_2.png) 0 0 no-repeat; }
#header ul.menu li.history a:hover{width:87px; background:url(../images/btn_2_over.png) 0 0 no-repeat;}
#header ul.menu li.history a.active {background:url(../images/btn_2_over.png) 0 0 no-repeat;}


#header ul.menu li.portfolio a{width:87px; background:url(../images/btn_3.png) 0 0 no-repeat; }
#header ul.menu li.portfolio a:hover{width:87px; background:url(../images/btn_3_over.png) 0 0 no-repeat;}
#header ul.menu li.portfolio a.active {background:url(../images/btn_3_over.png) 0 0 no-repeat;}

#header ul.menu li.estimates a{width:87px; background:url(../images/btn_4.png) 0 0 no-repeat; }
#header ul.menu li.estimates a:hover{width:87px; background:url(../images/btn_4_over.png) 0 0 no-repeat;}
#header ul.menu li.estimates a.active {background:url(../images/btn_4_over.png) 0 0 no-repeat;}


#header ul.menu li.contact {margin-right:0}
#header ul.menu li.contact a{width:87px; background:url(../images/btn_5.png) 0 0 no-repeat; }
#header ul.menu li.contact a:hover{width:87px; background:url(../images/btn_5_over.png) 0 0 no-repeat;}
#header ul.menu li.contact a.active {background:url(../images/btn_5_over.png) 0 0 no-repeat;}


/* NEWS */

#news{width:275px; margin:0 0 22px 8px; background-color:#e1f7fa;}
#news h2{ height:45px; position:relative; background:url(../images/h_news.png) 5px 1px no-repeat; margin-bottom: 10px; border-bottom: #d1cfd1 1px solid}
.newsstory{width:260px; margin-left:7px; border-bottom: #d1cfd1 1px dotted; margin-bottom:10px}
.newsstory p span.date{display:block; width:74px; height:16px; padding:2px 0 0 11px; font:12px/14px Trebuchet MS, sans-serif; font-weight:bold; background:#7bd1f4; color:#22454d; margin-bottom:7px;}
.newsstory p {margin-bottom:10px; color:#848484;}
.newsstory p a{color:#22454d; font:10px/14px Tahoma, sans-serif; text-decoration:none}
.newsstory p a:hover{color:#a65b99; }
#news ul.bullet{margin:0 0 0 180px; padding-bottom: 10px}

/* INFO */

#info{width:270px; margin:0 0 10px 8px; background-color:#e1f7fa;}
#info h2{ height:45px; position:relative; background:url(../images/h_news.png) 5px 1px no-repeat; margin-bottom: 10px; border-bottom: #d1cfd1 1px solid}
.infostory{width:260px; margin-left:7px; border-bottom: #d1cfd1 1px dotted; margin-bottom:10px}
.infostory p span.date{display:block; width:200px; height:16px; padding:2px 0 0 0; font:12px/14px Trebuchet MS, sans-serif; font-weight:bold; color:#22454d; margin-bottom:7px;}
.infostory p {margin-bottom:10px; color:#848484; padding:2px 0 0 60px;}
.infostory p a{color:#22454d; font:10px/14px Tahoma, sans-serif; text-decoration:none}
.infostory p a:hover{color:#a65b99; }
#info ul.bullet{margin:0 0 0 180px; padding-bottom: 10px}
#info img{float:left; margin: 25px 0 0 5px;}

#spotlight{margin-bottom:18px; margin-left:11px}
#spotlight h2{height:19px; position:relative; background:url(../images/h_spotlight.gif) 0 0 no-repeat; }
#spotlight p.subtitle{margin-left:2px; margin-bottom:18px}

#spotlight ul{margin-left:7px}
#spotlight ul li{font:10px/12px Tahoma, Geneva, sans-serif; color:#122831; background:url(../images/bullet1.gif) 0 4px no-repeat; padding-left:15px; height:24px}
#spotlight ul li a{color:#122831; text-decoration:underline;}
#spotlight ul li a:hover{color:#122831; text-decoration:none;}

/* CONTENT */

#content{width:760px; position:relative; margin:0 0 0 8px;}
#leftPan{width:285px; position:relative; margin:0 10px 0 0; float:left;}
#rightPan{width:460px; position:relative; float:left;}
#lpan{width:460px; position:relative; margin-left:10px; float:left;}
#rpan{width:280px; position:relative; margin:0 auto; float:left;}
#full{width:735px; position:relative; margin-left:10px; float:left;}

ul.btn_more{width:72px; height:18px; background:url(../images/b_btn2.gif) 0 0 no-repeat}
ul.btn_more li{text-align:center; padding-top:1px}
ul.btn_more li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#0c292b; text-decoration:none;}
ul.btn_more li a:hover{text-decoration:underline;}

#welcome{margin-bottom:24px}
#welcome h2{height:24px; position:relative; background:url(../images/h_welcome.png) 0 0 no-repeat; }
#welcome p.subtitle{margin-left:2px; margin-bottom:18px; text-transform:uppercase;}
#welcome img{float:left; margin-right:9px}
#welcome p#wel_text{float:left; width:300px; margin-bottom:10px; padding-top:3px}
#welcome ul.bullet{margin:0 0 0 145px; padding-bottom: 10px}

#services{margin-bottom:12px}
#services h2{height:19px; position:relative; background:url(../images/h_services.png) 0 0 no-repeat; }
#services p.subtitle{margin-left:2px; margin-bottom:18px}
#services img{float:left; margin-right:9px}
#services p#ach_text{float:left; width:253px; padding-top:3px}

#services .clear{ height:13px}

#services ul{width:180px; margin-left:7px}
#services ul li{font:11px/12px Tahoma, Geneva, sans-serif; color:#122831; background:url(../images/check.gif) 0 3px no-repeat; padding-left:15px; height:25px}
#services ul li a{color:#122831; text-decoration:none;}
#services ul li a:hover{color:#122831; text-decoration:none;}
#services div#list { float:left; width:190px;}
#services div#list2 { float:left; width:110px;}
#list, #list2 { margin-right:3px;}

#portfolio {margin-bottom:20px;}
#portfolio h2{height:19px; position:relative; background:url(../images/h_portfolio.png) 0 0 no-repeat; }
#portfolio p.subtitle{margin-left:2px; margin-bottom:18px}
#portfolio img{float:left; margin-right:9px}
#portfolio p#app_text{float:left; width:300px; padding-top:3px}
#portfolio ul.bullet{margin:0 0 0 10px; float:left; width:110px}

#awards{margin-bottom:18px; margin-left:0px}
#awards h2{height:19px; position:relative; background:url(../images/h_awards.png) 0 0 no-repeat; }
#awards p.subtitle{margin-left:2px; margin-bottom:18px}

#awards ul{margin-bottom:7px}
#awards ul li{font:11px/12px Tahoma, Geneva, sans-serif; color:#122831; background:url(../images/award.png) 0 0px no-repeat; padding-left:15px; height:35px}
#awards ul li a{color:#122831; text-decoration:underline;}
#awards ul li a:hover{color:#122831; text-decoration:none;}
#awards div#alist, #awards div#alist2 { float:left; margin-top:5px; width:220px;}
#alist, #alist2 { margin-left:10px;}

#spotlight{margin-bottom:18px; margin-left:11px}
#spotlight h2{height:19px; position:relative; background:url(../images/h_spotlight.gif) 0 0 no-repeat; }
#spotlight p.subtitle{margin-left:2px; margin-bottom:18px}

#spotlight ul{margin-left:7px}
#spotlight ul li{font:10px/12px Tahoma, Geneva, sans-serif; color:#122831; background:url(../images/bullet1.gif) 0 4px no-repeat; padding-left:15px; height:24px}
#spotlight ul li a{color:#122831; text-decoration:underline;}
#spotlight ul li a:hover{color:#122831; text-decoration:none;}


#customers{ width:275px; height:118px; margin:0 0 22px 8px; border:#ededed 1px solid; position:relative; background: url(../images/f-bkgd.jpg) top center no-repeat}
#incustomers{ padding-bottom:10px}
#incustomers h2{height:25px; position:relative; background:url(../images/h_scustomers.png) 45px 3px no-repeat; }
#incustomers p.subtitle{margin-left:2px; margin-bottom:13px; width:198px; border-bottom:#e3e3e3 1px solid; padding-bottom:5px; margin-left:12px}
.customers_topic{ margin-bottom:9px; margin-top:10px;}
.customers_topic a{text-decoration:none; list-style-type:none}
.customers_topic a:hover{text-decoration:none; list-style-type:none}

ul#portfolio li img{
	padding: 4px;
	margin: 0 auto;
}

#history{margin-bottom:24px}
#history h2{height:24px; margin-bottom:5px; position:relative; background:url(../images/h_history.png) 0 0 no-repeat; }
#history p.subtitle{margin-left:2px; margin-bottom:18px; text-transform:uppercase;font:10px/12px Tahoma, Geneva, sans-serif; color:#42a3a5;}
#history img{float:left; margin-right:9px; margin-bottom:5px;}
#history p#his_text{float:left; width:300px; margin-bottom:10px; padding-top:3px; }
#history ul.btn_more{margin-left:165px; float:left}
#history p{color:#333; font:12px/14px Tahoma, sans-serif; text-decoration:none}

#video{ width:275px; margin:0 0 22px 8px; border:#ededed 1px solid; position:relative; background: #999;}
.video_topic{ margin-bottom:9px}
.video_topic img{float:left;}

/* Portfolio */
#portfolio_web h2{height:24px; margin-bottom:5px; position:relative; background:url(../images/h_portfolio1.png) 0 0 no-repeat; }
#portfolio_web p.subtitle{margin-left:2px; margin-bottom:18px; text-transform:uppercase;}

#portfolio_web .other_projects {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
clear:both;
height:1%;
overflow:hidden;
padding-top:25px;
}
#portfolio_web .other_projects li a img {
border:medium none;
}
#portfolio_web .other_projects_photography {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F8F8F8 url(../images/bg-other_projects_photography.gif) repeat-x scroll left top;
}
#portfolio_web .odd {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F8F8F8 url(../images/bg-other_projects-dark.gif) repeat-x scroll left top;
}
#portfolio_web .other_projects li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E8E8E8 none repeat scroll 0 0;
border:1px solid #FFFFFF;
display:inline;
float:left;
margin-bottom:19px;
margin-left:10px;
padding-bottom:5px;
width:230px;
}
#portfolio_web .other_projects li.wide {
width:620px;
}
#portfolio_web .other_projects li img {
display:block;
margin:15px auto 5px;
}
#portfolio_web .other_projects li a {
text-decoration:none;
list-style-type:none;
color:#666;
}
#portfolio_web .other_projects li a:hover {
text-decoration:none;
list-style-type:none;
color:#666;
}

#portfolio_web .other_projects h3 {
font-size:1.25em;
font-weight:bold;
line-height:1.3em;
margin-left:20px;
padding-top:4px;
}
#portfolio_web .other_projects p {
line-height:1em;
margin-bottom:10px;
margin-left:20px;
}
#portfolio_web .other_projects_photography p {
margin-top:5px;
}
#portfolio_web .other_projects a.view_details, #portfolio_web .other_projects a.view_gallery {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/btn-view_details-gray.gif) no-repeat scroll left top;
border:0 none;
cursor:pointer;
float:right;
height:26px;
margin-right:17px;
margin-top:8px;
text-indent:-9999px;
width:97px;
}
#portfolio_web .other_projects a.view_gallery {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/btn-view_gallery.gif) no-repeat scroll left top;
margin-right:20px;
margin-top:-3px;
width:113px;
}
#portfolio_web .other_projects a.view_details:hover, #portfolio_web .other_projects a.view_gallery:hover {
background-position:left bottom;
}
#portfolio_web .web_portfolio {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/bg-web_portfolio.jpg) no-repeat scroll left top;
border-top:1px solid #FFFFFF;
height:348px;
position:relative;
}
#portfolio_web .logo_portfolio {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/bg-logo_portfolio.jpg) no-repeat scroll left top;
border-top:1px solid #FFFFFF;
height:273px;
position:relative;
}
#portfolio_web .print_portfolio {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/bg-print_portfolio.jpg) no-repeat scroll left top;
border-top:1px solid #FFFFFF;
height:359px;
position:relative;
}
#portfolio_web .web_portfolio #block_back, #portfolio_web .logo_portfolio #block_back, #portfolio_web .print_portfolio #block_back, #portfolio_web .portfolio_photography #block_back {
left:0;
position:absolute;
top:0;
z-index:1;
}
#portfolio_web .web_portfolio h2, #portfolio_web .logo_portfolio h2, #portfolio_web .print_portfolio h2, #portfolio_web .portfolio_photography h2 {
font-size:1.9em;
font-weight:bold;
line-height:1;
margin-left:29px;
padding-top:27px;
position:absolute;
z-index:10;
}
#portfolio_web .web_portfolio h2 strong, #portfolio_web .logo_portfolio h2 strong, #portfolio_web .print_portfolio h2 strong {
color:#0A4571;
display:block;
font-size:1.95em;
font-style:normal;
font-weight:bold;
text-transform:uppercase;
}
#portfolio_web .web_portfolio h2 em, #portfolio_web .logo_portfolio h2 em, #portfolio_web .print_portfolio h2 em {
display:block;
font-size:1.3em;
font-style:normal;
font-weight:bold;
line-height:0.9;
}
#portfolio_web .web_portfolio .right, #portfolio_web .logo_portfolio .right, #portfolio_web .print_portfolio .right, #portfolio_web .portfolio_photography .right {
font-size:1.2em;
left:720px;
line-height:1.3em;
position:absolute;
top:87px;
width:235px;
z-index:20;
}
#portfolio_web .print_portfolio .right {
font-size:120%;
left:710px;
top:120px;
}
#portfolio_web .web_portfolio .right {
top:82px;
}
#portfolio_web .logo_portfolio .right {
top:60px;
}
#portfolio_web .web_portfolio .right h3, #portfolio_web .logo_portfolio .right h3 {
color:#0A4571;
}
#portfolio_web .web_portfolio .right p, #portfolio_web .logo_portfolio .right p {
font-size:0.84em;
line-height:1.4em;
}
#portfolio_web .logo_portfolio .right h3, #portfolio_web .logo_portfolio .right p {
display:inline;
font-size:1em;
}
#portfolio_web .other_projects li.previous_page {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
display:inline;
float:left;
margin:0;
padding:11px 0 28px;
width:300px;
}
#portfolio_web .other_projects li.continue_to_logo_portfolio, #portfolio_web .other_projects li.continue_to_print_portfolio, #portfolio_web .other_projects li.continue_to_web_portfolio, #portfolio_web .other_projects li.continue_to_photography_portfolio {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
display:inline;
float:right;
margin:0 19px 0 0;
padding:11px 0 28px;
width:350px;
}
#portfolio_web .other_projects li.continue_to_photography_portfolio {
width:450px;
}
#portfolio_web .other_projects li.previous_page a.previous_page {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/btn-previous.gif) no-repeat scroll left top;
display:block;
float:left;
height:33px;
margin-left:19px;
text-indent:-9999em;
width:106px;
}
#portfolio_web .other_projects li.previous_page a.next_page {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/btn-next.gif) no-repeat scroll left top;
display:block;
float:left;
height:31px;
margin-left:7px;
margin-top:1px;
text-indent:-9999em;
width:112px;
}
#portfolio_web .other_projects li.continue_to_photography_portfolio a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/btn-continue_to_photography_portfolio.gif) no-repeat scroll left top;
display:block;
float:right;
height:35px;
text-indent:-9999em;
width:410px;
}
#portfolio_web .other_projects li.continue_to_logo_portfolio a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/btn-continue_to_logo_portfolio.gif) no-repeat scroll left top;
display:block;
float:right;
height:35px;
text-indent:-9999em;
width:322px;
}
#portfolio_web .other_projects li.continue_to_print_portfolio a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/btn-continue_to_print_portfolio.gif) no-repeat scroll left top;
display:block;
float:right;
height:35px;
text-indent:-9999em;
width:329px;
}
#portfolio_web .other_projects li.continue_to_web_portfolio a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/btn-continue_to_web_portfolio.gif) no-repeat scroll left top;
display:block;
float:right;
height:35px;
margin:0;
text-indent:-9999em;
width:319px;
}
#portfolio_web .other_projects li.previous_page a:hover, #portfolio_web .other_projects li.continue_to_logo_portfolio a:hover, #portfolio_web .other_projects li.continue_to_print_portfolio a:hover, #portfolio_web .other_projects li.continue_to_web_portfolio a:hover, #portfolio_web .other_projects li.continue_to_photography_portfolio a:hover {
background-position:left bottom;
}
#portfolio_web .portfolio_photography {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/bg-photography.jpg) no-repeat scroll left top;
border-top:1px solid #FFFFFF;
height:363px;
position:relative;
}
#portfolio_web .portfolio_photography h2 {
font-size:1.4em;
font-weight:bold;
line-height:1;
margin-left:29px;
padding-top:27px;
}
#portfolio_web .portfolio_photography h2 strong {
color:#0A4571;
display:block;
font-size:1.9em;
font-style:normal;
font-weight:bold;
margin-top:1px;
}
#portfolio_web .portfolio_photography h2 em {
display:block;
font-size:1.4em;
font-style:normal;
font-weight:bold;
letter-spacing:-2px;
line-height:0.9;
}
#portfolio_web .portfolio_photography .right {
font-size:1.2em;
left:700px;
line-height:1.3em;
position:absolute;
top:87px;
width:235px;
}
#portfolio_web_detail {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F2F2F2 none repeat scroll 0 0;
border-top:1px solid #FFFFFF;
clear:both;
height:1%;
overflow:hidden;
padding:24px 29px 0;
}
#portfolio_web_detail .work_detail {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/bg-work_detail.gif) no-repeat scroll left top;
border-bottom:1px solid #E8E8E8;
height:1%;
margin-bottom:15px;
overflow:hidden;
}
#portfolio_web_detail .work_detail h2 {
padding:30px 27px;
}
#portfolio_web_detail .work_detail p {
color:#5A5A5A;
font-size:1.3em;
line-height:1.2em;
margin:0 27px 1.2em;
}
#portfolio_web_detail .work_detail p.right {
float:right;
margin-bottom:20px;
margin-top:-70px;
}
#portfolio_web_detail .controls a.go_back {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/btn-go_back.gif) no-repeat scroll left top;
cursor:pointer;
float:left;
height:24px;
text-indent:-9999em;
width:75px;
}
#portfolio_web_detail .controls a.view_site {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/btn-view_site.gif) no-repeat scroll left top;
cursor:pointer;
float:right;
height:24px;
margin-right:10px;
text-indent:-9999em;
width:79px;
}
#portfolio_web_detail a.go_back:hover, #portfolio_web_detail a.view_site:hover {
background-position:left bottom;
}
#portfolio_web_detail .gallery li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #E8E8E8;
margin-bottom:15px;
padding:5px;
}
#portfolio_web_detail .gallery li img {
display:block;
}
#portfolio_web_detail .gallery li.wide {
clear:both;
}
#portfolio_web_detail .gallery li.left {
float:left;
}
#portfolio_web_detail .gallery li.right {
float:right;
}
#portfolio_web_detail .gallery .back_to_web_portfolio {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F2F2F2 none repeat scroll 0 0;
border:0 none;
float:right;
margin:15px 0 30px;
padding:0;
width:280px;
}
#portfolio_web_detail .gallery .back_to_web_portfolio a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/btn-back_to_web_portfolio.gif) no-repeat scroll left top;
float:right;
height:35px;
margin:0;
text-indent:-9999em;
width:280px;
}
#portfolio_web_detail .gallery .back_to_web_portfolio a:hover {
background-position:left bottom;
}
#portfolio_web_detail .work_detail_one {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/bg-work_detail.gif) no-repeat scroll left top;
border-bottom:1px solid #E8E8E8;
height:1%;
margin-bottom:15px;
overflow:hidden;
}
#portfolio_web_detail .work_detail_one h2 {
font-size:2em;
font-weight:bold;
padding:20px 27px 0;
}
#portfolio_web_detail .work_detail_one p.subhead {
font-size:1.1em;
margin-top:-5px;
}
#portfolio_web_detail .work_detail_one p {
color:#5A5A5A;
font-size:1em;
line-height:1.2em;
margin:0 27px 1.2em;
padding-right:485px;
}
#portfolio_web_detail .work_detail_one p.right {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/bg-work_detail_one-separator.gif) no-repeat scroll left 50%;
float:right;
height:195px;
margin:0;
padding:0;
width:438px;
}
#portfolio_web_detail .work_detail_one p.right img {
display:block;
margin:30px auto 0;
}
#portfolio_web_detail .work_detail_one p.right img.gecko {
margin-top:65px;
}
#portfolio_web_detail .work_detail_one p.right img.three60 {
margin-top:35px;
}
#portfolio_web_detail .work_detail_one p.right img.arbutus {
margin-top:47px;
}
#portfolio_web_detail .work_detail_one p.right img.becreative {
margin-top:34px;
}
#portfolio_web_detail .work_detail_one p.right img.green {
margin-top:50px;
}
#portfolio_web .photography_portfolio {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F2F2F2 none repeat scroll 0 0;
border-top:1px solid #FFFFFF;
height:1%;
overflow:hidden;
padding:20px 0 0 7px;
}
#portfolio_web .photography_portfolio ul {
height:1%;
overflow:hidden;
}
#portfolio_web .photography_portfolio li {
display:inline;
float:left;
margin-bottom:16px;
margin-left:19px;
}
#portfolio_web .photography_portfolio li img {
display:block;
}
#portfolio_web .photography_portfolio a.back_to_photography_portfolio {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/btn-back_to_photography_portfolio.gif) no-repeat scroll left top;
float:right;
height:35px;
margin-bottom:28px;
margin-right:30px;
margin-top:7px;
text-indent:-9999em;
width:364px;
}
#portfolio_web .photography_portfolio a.back_to_photography_portfolio:hover {
background-position:left bottom;
}
#portfolio_main {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F8F8F8 none repeat scroll 0 0;
border-top:1px solid #FFFFFF;
padding:20px;
}
#portfolio_main .intro {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/bg-clients-bottom.gif) no-repeat scroll left bottom;
margin-bottom:15px;
}
#portfolio_main .intro h2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/bg-services_page-top.gif) no-repeat scroll left top;
font-size:200%;
font-weight:bold;
line-height:1.4em;
padding:29px 20px;
}
#portfolio_main .intro h2 strong {
color:#0A4571;
display:block;
font-size:2em;
font-style:normal;
font-weight:bold;
margin-top:3px;
text-transform:uppercase;
}
#portfolio_main .intro h2 em {
display:block;
font-size:1.4em;
font-style:normal;
font-weight:bold;
}
#portfolio_main .intro p {
font-size:1.2em;
line-height:1.2em;
padding:0 400px 35px 20px;
}
#portfolio_main .intro p.pitch {
color:#0A4571;
font-size:1.7em;
}
#portfolio_main .intro .quick_links {
display:inline;
float:right;
margin-right:37px;
margin-top:32px;
width:322px;
}
#portfolio_main .quick_links li {
margin-bottom:11px;
}
#portfolio_main .bottom_links {
height:1%;
overflow:hidden;
}
#portfolio_main .bottom_links li {
display:inline;
float:left;
margin-right:19px;
margin-top:15px;
width:300px;
}
#portfolio_main .bottom_links li.last_element {
margin-right:0;
}
#portfolio_main .quick_links a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/btn-quick_links-arrow.gif) no-repeat scroll left top;
color:#4C4C4C;
display:block;
font-size:1.1em;
height:82px;
padding:0 75px 0 20px;
}
#portfolio_main .bottom_links li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/btn-quick_links-arrow-small.gif) no-repeat scroll left top;
font-size:1em;
height:77px;
padding-right:70px;
}
#portfolio_main .quick_links a:hover {
background-position:left bottom;
}
#portfolio_main .quick_links strong {
display:block;
font-size:1.3em;
margin-bottom:2px;
padding-top:16px;
text-decoration:underline;
}
#portfolio_main .bottom_links li strong {
font-size:1.2em;
}
#portfolio_main .proud_of .projects li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/bg-clients-bottom.gif) no-repeat scroll left bottom;
height:374px;
margin-bottom:15px;
overflow:hidden;
padding-bottom:1px;
position:relative;
}
#portfolio_main .proud_of .projects li h3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/bg-services_page-top.gif) no-repeat scroll left top;
margin-bottom:25px;
padding:39px 0 0 23px;
}
#portfolio_main .proud_of p {
font-size:118%;
line-height:125%;
margin-bottom:20px;
padding:0 700px 0 20px;
}
#portfolio_main .proud_of p.sample {
float:right;
margin:-90px 0 0;
padding:0;
width:676px;
}
#portfolio_main .proud_of a.full_web_portfolio {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/btn-view_full_web_portfolio.gif) no-repeat scroll left top;
height:26px;
position:absolute;
right:23px;
text-indent:-9999em;
top:34px;
width:169px;
}
#portfolio_main .proud_of a.view_project_details {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/btn-view_project_details.gif) no-repeat scroll left top;
display:block;
height:26px;
margin-top:35px;
text-indent:-9999em;
width:148px;
}
#portfolio_main .proud_of a.view_project_details:hover, #portfolio_main .proud_of a.full_web_portfolio:hover {
background-position:left bottom;
}

/* Estimate */

#estimate {
	width: 425px;
}

#estimate h2{height:24px; position:relative; background:url(../images/h_estimates1.png) 0 0 no-repeat; }



/* Form */
#contact h2{ width:730px; height:24px; position:relative; background:url(../images/h_contact1.png) 0 0 no-repeat; }

#contact p.subtitle{width:730px; margin-left:2px; margin-bottom:18px; text-transform:uppercase;}

#contact{width:730px; margin:0 0 10px 8px;}
.contactstory{width:260px; position:relative; margin:0 10px 0 0; float:left;}
.contactstory p span.date{display:block; width:200px; height:16px; padding:2px 0 0 0; font:12px/14px Trebuchet MS, sans-serif; font-weight:bold; color:#22454d; margin-bottom:7px;}
.contactstory p {margin-bottom:10px; color:#848484; padding:2px 0 0 60px;}
.contactstory p a{color:#22454d; font:10px/14px Tahoma, sans-serif; text-decoration:none}
.contactstory p a:hover{color:#a65b99; }
#contact ul.bullet{margin:0 0 0 180px; padding-bottom: 10px}
#contact img{float:left; margin: 25px 0 0 5px;}