﻿body {
  margin:0px;
  padding:0px;
  font:13px Arial, Tahoma, sans-serif;
  color:#34353a;
  background-color:#102842;
  width:100%;
  min-width:1006px;
}
img{border-width: 0px;
	border-style: none;
}
a{
  color:#233e5c;
}
h1{
	font-size:25px;
	font-weight:normal;
}
h2{
	font-weight:normal;
	font-size:18px;
}
h1, h2{
	font-family:Garamond, "Century Schoolbook", Bookman, serif;
	font-style:italic;
}
#header{
  margin:0 auto;
  /* background:url(http://www.oslobuilders.com/images/background-header.gif) no-repeat 0 11px;*/
  position:relative;
  z-index:2;
}
#header .top{
    height:95px;
    background-color:#ffc500;
}
.header-holder{
  width:100%;

}
.spacer{
	color:#ffffff;
	margin-left:5px;
}
.clear{
    clear:both;
}
#header .logo{
    display:block;
    position:absolute;
    width:197px;
    height:163px;
}
#header .logo a{
  width:197px;
  height:163px;
  background:url(../../images/oslo-logo-trans.png) no-repeat;
  overflow:hidden;
  text-indent:-9999px;
  cursor:pointer;
  display:block;
}
.add-nav{
  position:relative;
  z-index:2;
  display:table;
  float:right;
  padding:0 8px 0 13px;
  margin:12px 12px 0 0px;
  color:#102842;
  font-size:15px;
}
.add-nav a{
  text-decoration:none;
  color:#102842;
}
#header_icons { 
    position: absolute;
    margin-top: 5px;
    margin-left:75%;
    z-index: 1;
}
.forsale{
    background-color:#c81212;
    padding:5px;
    color:#fff;
}
/*	Main Navigation ------ */
#header .shim{
    float:left;
    height:15px;
    padding-right:187px;
}
#nav{
  padding: 0px 0px 0px 0px;
  margin:0px 0px 0px 192px;
  /* margin:0px auto; */
  list-style: none;
  background-color:#0f2741;
  display:block;
  width:834px;
  height:52px;
  float:left;
}
#nav li{
  float:left;
}
#nav li a{
	color: #fff;
	display: block;
	text-decoration:none;
}
#nav li a span{
    display:block;
    padding:19px 16px 19px 16px;
    text-transform:uppercase;
    font-size:13.5px;
}
#nav li.up a span,
#nav li.up a:hover span{
	background-color:#ffc309;
	color:#102842;
	font-weight:bold;
}
#nav li a:hover{
	text-decoration:none;
}
#nav li a:hover span{
  text-decoration:none;
  background-color:#4a638c;
}
/*	Service Menu ------- */
.service-menu ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.service-menu ul li{
	float:left;
	margin-right:20px;
	width:182px;
	border:1px solid #d1d1d1;
}
.service-menu ul li a{
	display:block;
	text-decoration:none;
	text-align:center;
	padding-top:148px;
	padding-bottom:5px;
	background-repeat:no-repeat;
	background-position:5px 5px;
}
.service-menu ul li.custom a{
	background-image:url(../images/callout-custom.jpg);
}
.service-menu ul li.remodel a{
	background-image:url(../images/callout-remodel.jpg);
}
.service-menu ul li.kitchen{
	margin-right:0px;
}
.service-menu ul li.kitchen a{
	background-image:url(../images/callout-kitchen.jpg);
}
.request{
  float:right;
  padding:30px 0 0;
  height:1%;
  margin:0 -3px 0 0;
  position:relative;
}
.request .left{
  background: url(http://www.oslobuilders.com/images/background-quote-left.png) no-repeat;
  padding:14px 8px 6px 17px;
  float:left;
}
.request .right{
  background: url(http://www.oslobuilders.com/images/background-quote-right.png) no-repeat;
  float:left;
  width:10px;
  height:54px;
}
.request a{
  color:#1e4164;
  font:18px Tahoma, Arial, Helvetica, sans-serif;
  position:relative;
  background: url(http://www.oslobuilders.com/images/ico-quote.png) no-repeat;
  padding:0 0 15px 35px;
  float:left;
  cursor:pointer;
}
.callout{
	width:100%;
	min-width:1006px;
	background-color:#ffffff;
}
#home .callout .container{
	background-image:url(../../images/photo-shadow.png);
	background-repeat:no-repeat;
	background-position:334px 45px;
}
.callout .container{
  width:955px;
  margin:0 auto;
  padding:45px 28px 28px 28px;
  overflow:hidden;
  font-family: Arial, Helvetica, sans-serif;
  color:#233e5c;
  font-size:15px;
}
.callout .holder{
  height:1%;
  line-height:21px;
  float: left;
  width: 334px;
}
.callout .visual{
  float:right;
  position:relative;
}

.callout .visual-home2{
  float:left;
  position:relative;
  margin:8px 12px 0 67px;
  display:inline;
  height:29px;
  overflow:hidden;
  width: 470px;
	top: 0px;
	left: 0px;
}
.callout .visual-pics{
  float:left;
  position:relative;
  margin:8px 12px 0 34px;
  display:inline;
  height:862px;
  overflow:hidden;
  width: 481px;
	top: 0px;
	left: 0px;
}

.callout .visual .text{
  position:absolute;
  bottom:300px;
  right:-10px;
  font-size:18px;
  color:#fff;
}
.callout .visual .text span{
	background: url(http://www.oslobuilders.com/images/background-text-l.png) repeat-x;
	padding: 12px 5px 23px 13px;
	float: left;
}
.callout .visual .text em{
  float:left;
  width:11px;
  height:52px;
  background: url(http://www.oslobuilders.com/images/background-text-r.png) no-repeat;
  margin:-6px 0 0;
  position:relative;
}
.callout .holderprojects{
  height:872px;
  line-height:18px;
  float: left;
  width: 980px;
}

.callout .holderprojects.pic{
  float: left;
  width: 275px;
}

.callout .holderprojects.pic2{
  float: left;
  width: 275px;
	margin-right: 22px;
}

.callout .holderprojects.text{
  height:461px;
  line-height:18px;
  float: left;
  width: 693px;
}

.callout .holdersub{
  height:1%;
  line-height:18px;
  float: left;
  width: 903px;
}

.callout .holder:after{
  content:"";
  display:block;
  clear:both;
}
.callout h1{
  padding-top:0px;
  margin-top:0px;
}
.bullet-text{
	background: url(http://www.oslobuilders.com/images/ico-building.png) no-repeat;
	padding: 0 20px 0px 44px;
}
.bullet-text h2{
	margin-bottom:0px;
	padding-top:5px;
}
.home-text strong, .home-text{
  font-size:15px;
  font-weight:normal;
  line-height:20px;
  font-weight:bold;
}
.callout p{
  margin:15px 0px 15px 0px;
}
.callout-holder{
  height:1%;
  padding:5px 0 0;
}
.callout-holder:after{
  content:"";
  display:block;
  clear:both;
}
.callout-holder h2{
  margin:9px 0 3px 0;
  color:#3f5781;
  font-size:18px;
  line-height:25px;
  font-weight:normal;
}
.callout-holder .image{
  background: url(http://www.oslobuilders.com/images/background-frame-img2.gif) no-repeat;
  padding:8px 13px 18px 20px;
  float:left;
  margin:-5px 18px 0 -10px;
  position:relative;
}
img.drop-shadow{
	display:block;	
	-moz-box-shadow: -2px 2px 8px #888;
	-webkit-box-shadow: -2px 2px 8px #888;
	box-shadow: -2px 2px 8px #888;
}
.callout-holder p{
  overflow:hidden;
  height:1%;
}
.area{
  background:#edecd8 url(http://www.oslobuilders.com/images/background-area.gif) repeat-x;
  width:100%;
  clear:both;
}
.area .area-holder{
  width:965px;
  margin:0 auto;
  padding:0 0 39px 5px;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  overflow:hidden;
  position:relative;
}

/*	Photo Galleries ------------ */
#gallery.bottom{
    clear:both;
    padding-top:30px;
}
#gallery .project a{
	padding:10px;
	border:1px solid #d1d1d1;
	display:table;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
#gallery .project a:hover{
	background-color:#ffc500;
}
#gallery .project.last{
	margin-right:0px;
}
#gallery .videos .project img{
	height:243px;
	width:432px;
}
#gallery .project img{
	height:180px;
	width:275px;
	display:block;
	-moz-box-shadow: -2px 2px 8px #888;
	-webkit-box-shadow: -2px 2px 8px #888;
	box-shadow: -2px 2px 8px #888;
	margin-bottom:10px;
}
#gallery .project a{
	display:block;
	text-decoration:none;
}
#gallery .project a .title{
	font-weight:bold;
}
#gallery .project a .location{
	font-style:italic;
}
#gallery .main-container{
	float:left;
	
}
#gallery .main{
	border:1px solid #d1d1d1;
	padding:5px;
	max-width:640px;
}
#gallery .thumbs{
	width:275px;
	float:right;
	margin-top:43px;
	margin-left:10px;
}
#gallery .prompt{
	font-size:12.5px;
	padding-left:8px;
	font-weight:bold;
}
#gallery .thumbs .thumb{
	float:left;
	height:75px;
	width:75px;
	padding:2px;
	margin:2px;
}
#gallery .thumbs .thumb a img.current{
    border:2px solid #000;
}
#gallery .thumbs .thumb a img{
    border:2px solid #d1d1d1;
}
.breadcrumb a{
	clear:both;
	background-color:#ffc500;
	display:table;
	border-radius:8px;
	-moz-border-radius:8px;
	padding:8px;
	text-decoration:none;
	background-image:url(../images/arrow-back.png);
	padding-left:24px;
	background-repeat:no-repeat;
	background-position:5px 7px;
	font-weight:normal;
	text-transform:uppercase;
	font-size:12.5px;
	margin-top:20px;
}
.breadcrumb a:hover{
	background-color:#102743;
	color:#ffffff;
}
.gallery{
  background:#1d4165 url(http://www.oslobuilders.com/images/background-gallery-t.gif) no-repeat;
  margin:0 0 40px;
}
.gallery .holder{
  background: url(http://www.oslobuilders.com/images/background-gallery-b.gif) no-repeat 0 100%;
  padding:19px 0 19px 14px;
  height:1%;
}
.gallery .holder a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.oslobuilders.com/images/none.gif) repeat scroll 0 0;
cursor:pointer;
height:206px;
left:0;
position:absolute;
top:0;
width:100%;
}
.gallery ul{
  margin: 0 -30px 0 0;
  padding: 0;
  list-style: none;
  overflow:hidden;
  width:965px;
}
.gallery ul img{
  border:10px solid #fefefe;
  border-bottom-width:11px;
  border-left-width:11px;
  display:block;
}
.gallery ul li{
  float:left;
  position:relative;
  padding:0 24px 0 0;
}
.info{
  width:250px;
  position:absolute;
  bottom:11px;
  left:11px;
  background: url(http://www.oslobuilders.com/images/background-info.png);
  padding:10px 10px 0 15px;
  height:111px;
}
.info h3{
  margin:0 0 8px;
  font-size:20px;
  color:#fefefe;
  line-height:23px;
  font-weight:normal;
}
.info p{
  margin:0;
  color:#fefefe;
  font:13px/16px Arial, Tahoma, Helvetica, sans-serif;
}
.boxes{
  overflow:hidden;
  width:935px;
  margin:0 auto;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.boxes .t{
  background: url(http://www.oslobuilders.com/images/background-boxes-t.png) no-repeat;
  height:226px;
}
.boxes .b{
  background: url(http://www.oslobuilders.com/images/background-boxes-b.png) no-repeat;
  height:19px;
}
.boxes .c{
  background: url(http://www.oslobuilders.com/images/background-boxes.gif) repeat-y;
  height:1%;
}
.boxes .c:after{
  content:"";
  display:block;
  clear:both;
}
.boxes .content{
  margin:-219px -100px -20px 0;
  float:left;
  position:relative;
}
.boxes .box{
  float:left;
  width:395px;
  padding:0 55px 0 31px;
  font-size:12px;
  line-height:16px;
}
.boxes .box h3{
  margin:0 0 28px -25px;
  font-size:22px;
  color:#fff;
  font-weight:normal;
  background: url(http://www.oslobuilders.com/images/ico-home.png) no-repeat;
  padding:2px 0 3px 46px;
  height:1%;
  line-height:26px;
}
.boxes .box h4{
  margin:0 0 9px;
  font-size:12px;
  color:#868650;
  text-transform:uppercase;
}
.boxes .box p{
  margin:0 0 7px;
}
.boxes .box ul{
  margin: 0;
  padding: 0;
  list-style: none;
  line-height:30px;
}
.boxes .box ul li{
  background: url(http://www.oslobuilders.com/images/bullet-area.gif) no-repeat 0 50%;
  padding:0 0 0 11px;
}
.boxes .box ul li a:hover{
  color:#868650;
}
.boxes .box h3.rss{
  margin:-4px 0 32px -22px;
  background: url(http://www.oslobuilders.com/images/ico-blog.png) no-repeat;
  padding:6px 0 5px 46px;
  position:relative;
}
.boxes .box ul.rss{
  line-height:18px;
}
.boxes .box ul.rss li{
  padding:0 0 18px 22px;
  background: url(http://www.oslobuilders.com/images/bullet-area2.gif) no-repeat 0 0;
}
.boxes .box ul.rss li a{
  color:#868650;
  text-decoration:underline;
}
.boxes .box ul.rss li a:hover{
  text-decoration:none;
}
.boxes ul li span{
  display:block;
  color:#6a737b;
}

/* ------ Press ------ */

ul.press{
    list-style-type:none;
    padding:0px;
    margin:0px;
    clear:both;
}
ul.press li a.title{
    display:block;
    padding:5px;
}
ul.press li{
    float:left;
    width:194px;
    margin-bottom:20px;
    margin-right:10px;
    text-align: center;
    border:1px solid #ccc;
}
ul.press li .cover{
    height:253px;
    width:194px;
    border-bottom:1px solid #ccc;
    margin-bottom:10px;
}
ul.press li a{
    text-decoration: none;
}
#footer{
	background-color:#102842;
	width:100%;
	min-width:1006px;
	padding-bottom:20px;	
        color:#fff;
}
#footer .holder{
	width:965px;
	margin:0px auto;
	position:relative;
	height:165px;
	background-color:#102842;
	/* border-bottom:1px solid #ffc309; */
	border-bottom:1px solid #3e454c;
}
#footer a{
	color:#ffffff;
}
#footer .social{
    float:left;
    width:320px;
}
#footer .social ul{
    list-style-type:none;
    padding:0px;
    margin:0px;
}
#footer .social ul li{
    float:left;
    width:46px;
    margin-right:18px;
}
#footer .social ul li a{
    display:block;
    height:46px;
    width:46px;
    background-repeat: no-repeat;
}
#footer .social ul li.f a{
    background-image:url(../images/social-f.png);
}
#footer .social ul li.t a{
    background-image:url(../images/social-t.png);
}
#footer .social ul li.p a{
    background-image:url(../images/social-p.png);
}
#footer .social ul li.h a{
    background-image:url(../images/social-h.png);
}
#footer .social ul li.g a{
    background-image:url(../images/social-g.png);
}

#footer .contact{
  text-align: left;
  float:right;
  width:218px;
  margin-top: 17px;
  position:absolute;
  right:0px;
  bottom:25px;
}
#footer .contact .logo{
  width:284px;
  background:url(../images/logo-foot.png) no-repeat;
  background-position:-66px 0px;
  height:55px;
   float:none;
   display:block;
}
#footer .contact .logo strong{
	display:none;
}
.contact ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
  color:#fff;
  text-align:left;
  line-height:18px;
}
.contact ul li.mail{
  padding:0 0 0px;
}
.contact ul li address{
  font-style:normal;
}
.contact ul a{
  color:#cc9;
  text-decoration:underline;
}
.contact ul a:hover{
  text-decoration:none;
}
#footer .copyright{
	color: #fff;
	line-height: 18px;
	position:absolute;
	bottom:25px;
	left:0px;
}

#main{
  overflow:hidden;
  width:965px;
  padding:7px 0 40px 5px;
  margin:0 auto;
}
.breadcrumbs{
  font-size:11px;
  color:#1e4164;
	margin-left: 169px;
}
.breadcrumbs em{
  float:left;
  padding-right:7px;
}
.breadcrumbs ul{
  margin: 0;
  padding: 0;
  list-style: none;
  overflow:hidden;
}
.breadcrumbs ul li{
  float:left;
}
.breadcrumbs ul li a{
  background: url(http://www.oslobuilders.com/images/separator-crumbs.gif) no-repeat 100% 4px;
  color:#1e4164;
  padding-right:10px;
  margin-right:6px;
}
#content{
  float:left;
  width:620px;
  line-height:16px;
  padding:37px 0 0 0;
  clear:both;
}
#content h1{
  font-size:26px;
  color:#1e4164;
  font-weight:normal;
  margin:0 0 19px;
  line-height:40px;
}
#content p{
  margin:0;
  padding:0 0 15px;
}
#content a{
  color:#1e4164;
  text-decoration:underline;
}

#content h2{
  font-size:18px;
  font-weight:normal;
  margin:15px 0 18px;
  color:#868650;
}
#content ul{
  margin:0;
  padding:4px 0 20px 38px;
  list-style: none;
  line-height:24px;
}
#content ul li{
  background: url(http://www.oslobuilders.com/images/bullet-area.gif) no-repeat 0 8px;
  padding:0 0 0 13px;
}
#content ul li a:hover{
  color:#1e4164;
  text-decoration:none;
}
#sidebar{
  float:right;
  width:320px;
}
#sidebar .t{

  height:6px;
  overflow:hidden;
}
#sidebar .b{

  height:6px;
  overflow:hidden;
}
#sidebar .c{
  padding:5px 11px 15px 13px;
  
  width:296px;
}


#sidebar .visual{
  padding:0 0 12px;
  background: url(http://www.oslobuilders.com/images/background-shadow.gif) no-repeat 0 100%;
  position:relative;
  height:1%;
}
#sidebar .visual img{
  border:10px solid #d7dcc0;
  border-bottom-width:11px;
  border-left-width:11px;
  display:block;
}
#sidebar .info{
  width:242px;
  bottom:22px;
  padding:15px 10px 0 23px;
  height:31px;
}
.subnav{
  margin:18px -12px 25px;
}
.subnav h3{
  font-size:18px;
  color:#fff;
  font-weight:normal;
  padding:0 0 0 23px;
  margin:0 0 10px;
}
.subnav ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.subnav ul a{
  color:#edecd8;
  display:block;
  padding:9px 0 13px 23px;
  background: url(http://www.oslobuilders.com/images/background-subnav-a.gif) repeat-x;
  width:296px;
}
.subnav ul a span{
  background: url(http://www.oslobuilders.com/images/bullet-subnav.gif) no-repeat 0 50%;
  padding:0 0 0 16px;
}
.subnav ul a:hover, 
.subnav ul li.active a{
  background: url(http://www.oslobuilders.com/images/background-subnav-hover-left.gif) no-repeat;
  margin:0 0 0 -3px;
  padding-left:26px;
  position:relative;
  text-decoration:none;
}
.block{
  background: url(http://www.oslobuilders.com/images/background-block.gif) repeat-y;
}
.block .holder{
  background: url(http://www.oslobuilders.com/images/background-block-t.gif) no-repeat;
}
.block .frame{
  background: url(http://www.oslobuilders.com/images/background-block-b.gif) no-repeat 0 100%;
  overflow:hidden;
  height:1%;
  padding:15px 16px 35px;
  line-height:18px;
}
.block h3{
  font-size:18px;
  line-height:22px;
  color:#4a638c;
  font-weight:normal;
  margin:0 0 35px;
}
.block img{
  float:left;
  margin:-5px 18px 0 0;
}
.block p{
  margin:0;
  overflow:hidden;
  height:1%;
}
 /* Blog Styles */
 
#sidebar .blog-sidebar ul {margin:0; padding:0;} 
#sidebar .blog-sidebar ul li {list-style:none;}
/* Deck Pricing */
#deck-pricing table {border-left: 1px solid #888852; border-top: 1px solid #888852;}
#deck-pricing td {padding:5px; border-bottom:1px solid #888852; border-right: 1px solid #888852;}
#deck-pricing tr.header {background-color: #CDCD99;  font-weight: bold;}
#deck-pricing tr.section {background-color:#EEEEDE;}
#deck-pricing tr.price {background-color: #FFFFFF;}
#deck-pricing td.price-number {text-align: center;}
/* Photo Landing Page */
.photo-landing{
  background:none;
  margin:0;
}
#content .photo-landing ul{
  margin: 0;
  padding: 0;
  list-style: none;
  overflow:hidden;
  width:645px;
}
.photo-landing ul img{
  border:10px solid #fff;
  border-bottom-width:11px;
  border-left-width:11px;
  display:block;
}
#content .photo-landing ul li{
  float:left;
  position:relative;
  padding:0;
  background:none;
  margin:0 25px 25px 0;
}
.photo-landing .info{
  width:250px;
  position:absolute;
  bottom:11px;
  left:11px;
  background: url(http://www.oslobuilders.com/images/background-info.png);
  padding:10px 10px 0 15px;
  height:60px;
}
.photo-landing .info h3{
  margin:0;
  font-size:20px;
  color:#cf7a1f;
  line-height:23px;
  font-weight:normal;
}
.photo-landing .info p{
  margin:0;
  color:#fff;
  font:13px/16px Arial, Tahoma, Helvetica, sans-serif;
}
.highlighttext { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal;  font-size: 14px; color: #CC6600; text-decoration: none}
.FORM_Question {font-weight:bold;}

#sitemap .content ul li{
	padding-top:5px;
	padding-bottom:5px;
	font-size:18px;
}