/* Style Reset */

@import url("reset.css"); 

/* ---------- Body Styles ---------- */
html, body { height: 100%; }
body { font:12px Arial, Helvetica, sans-serif; color:#585858; margin:0px; padding:0px; background:url(../images/global/main-bg.jpg) top repeat-x #505050; }
p { margin: 0; padding:0; line-height: 14px; }
a { color:#11589e; text-decoration:underline; border:none; outline:none; }
h1, h2 { color:#0e8ad1; font-family: 'Muli', serif; font-weight: 300; font-size: 27px; padding: 0px; margin-bottom: 10px; }
h2 a { text-decoration:none; }
h3 { color:#0e8ad1; font-family: 'Muli', serif; font-weight: 300; font-size: 28px; padding: 0px; margin: 30px 0 15px 0; }


/* ---------- Content Holders ---------- */

#bodyHolder { width:1068px; padding:0; margin:0 auto; position:relative; }
#bodyHeader { width:1068px; height: 65px; padding:0; margin:0 auto; position:relative; }
#navigation { width:615px; height:30px; margin:0; padding:0; right:0px; bottom:10px; position:absolute; }
#logo { width:310px; height:65px; margin:0; padding:0; bottom:2px; position:absolute; }
#slider { width: 998px; height: 307px; position: relative; margin: 20px 0; }
#pageHeader { width:998px; height:94px; margin: 20px 0; padding:0; position:relative; }
#bodyFooter { width:1068px; height:23px; top: 20px; margin:0; position:relative; color: #fff }
#bodyFooter a { color: #fff }
.leftColumn { width: 620px; position: relative; left: 30px; top: 40px; text-align: justify; float: left; } 
.leftColumn p { margin: 10px 0; } 
#rightColumn { position: relative; width: 367px; float: right; right: 15px; top: 40px;  }
#subContent { margin-top: 15px; width: 1068px; height: 100% }
.subContent-body { background: url(../images/global/subContent-bg.png) repeat-y; width: 1028px; height: 90px; padding: 10px 20px; }


/* ---------- Grey Boxes ---------- */

#wrap {
    position: relative;
	width: 1044px;
	height: 390px;
	background: #fff;
	border-radius: 10px;
	border: 12px solid rgb(255, 255, 255);
    border: 12px solid rgba(255, 255, 255, .2);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	
}

#interior {
    position: relative;
	width: 1052px;
	height: 368px;
	background: #fff;
	border-radius: 10px;
	left: -4px;
	top: -4px;
	padding: 15px 0;
}

#fullBlue {
	position: relative; 
	width: 1027px; 
	height: 443px;
	background: #ebf7fd;
	border-radius: 10px;
	margin-left: 15px;
}

#rightColumnBlue {
	position: relative;
	top: 20px;
	right: 15px;
	padding: 20px;
	width: 334px;
	heght: 380px;  
	float: right;
	background: #ebf7fd;
	border-radius: 10px; 
	margin-bottom: 15px;
}

#rightColumnBlue p {
	margin-bottom: 10px;
	text-align: justify;
}

#large { 
    position: relative;
	width: 948px;
	height: 100%;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.75, #FFFFFF), color-stop(0, #F1F1F2));
	background: -moz-linear-gradient(top, white, #F1F1F2 38%);
	border-radius: 10px;
	padding: 25px 25px;
	text-align: justify;
	float: left;
}

#large p { margin-bottom: 8px; }

#medium {
	position: relative; 
	width: 420px;
	height: 76px;
	background: #FFFFFF;
	border-radius: 10px;
	padding: 10px;
	text-align: justify;
	float: left;
}

#small { 
    position: relative;
	width: 180px;
	height: 96px;
	background: #FFFFFF;
	border-radius: 10px;
	margin-left: 15px;
	text-align: justify;
	float: left;
}

#whiteLarge { 
	width: 948px;
	height: 100%;
	background: #fff;
	border-radius: 10px;
	padding: 10px;
	text-align: justify;
	float: left;
}

#whiteSmall { 
	width: 292px;
	height: 150px;
	background: #fff;
	border-radius: 10px;
	padding: 10px;
	text-align: justify;
	float: left;
	margin-right: 15px;
}


/* ---------- Classes ---------- */

#address { width: 180px; margin-right: 10px; float: left; }

.news { width: 313px; height: 60px; margin-bottom: 10px; }
.news .date { float: left; width: 50px; margin-right: 10px; vertical-align: top }
.news .item { float: left; width: 240px; font-size: 11px; vertical-align: top }

.footer_links { margin:0; padding:0; float:right; position:relative; }
.footer_links a { color:#797979; text-decoration:none; }

.clientsList { width:998px; margin:0; padding-bottom:0; position:relative; }
.clientsList li { width:183px; height:80px; margin:5px; padding:0; float:left; position:relative; }

.titleGreen { color:#86be58; font-family: 'Muli', serif; font-weight: 300; font-size: 20px; padding: 0px; margin: 2px 0 8px 0; }
.titleBlue { color:#0e8ad1; font-family: 'Muli', serif; font-weight: 300; font-size: 18px; padding: 0px; margin: 2px 0 8px 0; }
.boldBlue { font-family: 'Muli', serif; font-weight: 300; font-size: 14px; color: #0e8ad1; }
.listGrey { color:#525252; font-family: 'Muli', serif; font-weight: 400; font-size: 14px; margin: 2px 0 8px 0; padding-left: 10px; line-height: 15px; }

.listItems { width: 720px; margin-left: 20px; float: left; padding: 0px; margin-top: 8px; list-style: url(../images/graphics/bulletGrey.png) }

.rows { height: 25px; margin-bottom: 6px; }
.labels { height: 16px; float: left; width: 120px; padding-top: 4px; }
.inputs { height: 20px; float: left; width: 440px; }
.field { width: 260px; height: 20px; border: 1px solid #cacaca }


/* ---------- Slider ---------- */

#home-page-articles { width: 1058px; height: 430px; margin: 0px; padding-left: 10px; overflow: visible; position: relative; }
.js-enabled #home-page-articles { overflow: hidden; height: 430px; }

#slider { width: 720px; margin-left: 240px; margin-top: 20px; padding: 0px; overflow: hidden; height: 420px; position: relative; top: 10px; }
.js-enabled #slider { overflow: hidden; height: 420px; }

.scroll { width: 720px; }
.js-enabled .scroll { width: 720px; }
.scroll .panel, .scroll .article { height: 420px; width: 720px; overflow: hidden; }
.scroll .panel { float: left; position: relative; }

#home-page-articles .paging { position: absolute; top: 0px; left: 10; z-index: 10; float: left; width: 174px; height: 250px; }
#home-page-articles .paging p { display: block; padding: 0px; margin: 0px; height: 50px; }
#home-page-articles .paging a { background-position:0px 0px; display:block; width:217px; height:60px; }
#home-page-articles .paging a.current { background-position:0px 60px; }

#services-contracting { background-image:url('../images/navigation/services-contracting.png'); }
#services-brownstone { background-image:url('../images/navigation/services-brownstone.png'); }
#services-combination { background-image:url('../images/navigation/services-combination.png'); }
#services-millwork { background-image:url('../images/navigation/services-millwork.png'); }


/* ---------- Gallery ---------- */

.theme-default #slider {
    margin:10px auto 0 auto;
    width:536px; /* Make sure your images are the same size */
    height:362px; /* Make sure your images are the same size */
	border-radius: 12px;
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:150px;
}

.clear {
	clear:both;
}


/* ---------- Navigation ---------- */

ul.menu { list-style:none; margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; color:#000000; z-index:100; }
ul.menu * { margin:0; padding:0; }
ul.menu a { display:block; color:#ebc23b; text-decoration:none; }
ul.menu li { position:relative; float:left; margin:0; }

ul.menu li.navHome { width:47px; height:30px; padding:0; margin:0 0 0 30px; display:block; }
ul.menu li.navHomeUp { width:47px; height:30px; padding:0; margin:0 0 0 30px; border:none; display:block; background:url(../images/navigation/nav_home.png) top left no-repeat; text-indent:-9000px; }
ul.menu li.navHome a { width:47px; height:30px; padding:0; margin:0; border:none; display:block; background:url(../images/navigation/nav_home.png) bottom left no-repeat; text-indent:-9000px; }
ul.menu li.navHome a:hover { background:url(../images/navigation/nav_home.png) top left no-repeat; }
ul.menu li.navAbout { width:71px; height:30px; padding:0; margin:0 0 0 30px; display:block; }
ul.menu li.navAboutUp { width:71x; height:30px; padding:0; margin:0 0 0 30px; border:none; display:block; background:url(../images/navigation/nav_about.png) top left no-repeat; text-indent:-9000px; }
ul.menu li.navAbout a { width:71px; height:30px; padding:0; margin:0; border:none; display:block; background:url(../images/navigation/nav_about.png) bottom left no-repeat; text-indent:-9000px; }
ul.menu li.navAbout a:hover { background:url(../images/navigation/nav_about.png) top left no-repeat; }
ul.menu li.navServices { width:62px; height:30px; padding:0; margin:0 0 0 30px; display:block; }
ul.menu li.navServicesUp { width:62px; height:30px; padding:0; margin:0 0 0 30px; border:none; display:block; background:url(../images/navigation/nav_services.png) top left no-repeat; text-indent:-9000px; }
ul.menu li.navServices a { width:62px; height:30px; padding:0; margin:0; border:none; display:block; background:url(../images/navigation/nav_services.png) bottom left no-repeat; text-indent:-9000px; }
ul.menu li.navServices a:hover { background:url(../images/navigation/nav_services.png) top left no-repeat; }
ul.menu li.navTestimonials { width:91px; height:30px; padding:0; margin:0 0 0 30px; display:block; }
ul.menu li.navTestimonialsUp { width:91px; height:30px; padding:0; margin:0 0 0 30px; border:none; display:block; background:url(../images/navigation/nav_testimonials.png) top left no-repeat; text-indent:-9000px; }
ul.menu li.navTestimonials a { width:91px; height:30px; padding:0; margin:0; border:none; display:block; background:url(../images/navigation/nav_testimonials.png) bottom left no-repeat; text-indent:-9000px; }
ul.menu li.navTestimonials a:hover { background:url(../images/navigation/nav_testimonials.png) top left no-repeat; }
ul.menu li.navGallery { width:101px; height:30px; padding:0; margin:0 0 0 30px; display:block; }
ul.menu li.navGalleryUp { width:101px; height:30px; padding:0; margin:0 0 0 30px; border:none; display:block; background:url(../images/navigation/nav_gallery.png) top left no-repeat; text-indent:-9000px; }
ul.menu li.navGallery a { width:101px; height:30px; padding:0; margin:0; border:none; display:block; background:url(../images/navigation/nav_gallery.png) bottom left no-repeat; text-indent:-9000px; }
ul.menu li.navGallery a:hover { background:url(../images/navigation/nav_gallery.png) top left no-repeat; }
ul.menu li.navContact { width:61px; height:30px; padding:0; margin:0 0 0 30px; display:block; }
ul.menu li.navContactUp { width:61x; height:30px; padding:0; margin:0 0 0 30px; border:none; display:block; background:url(../images/navigation/nav_contact.png) top left no-repeat; text-indent:-9000px; }
ul.menu li.navContact a { width:61px; height:30px; padding:0; margin:0; border:none; display:block; background:url(../images/navigation/nav_contact.png) bottom left no-repeat; text-indent:-9000px; }
ul.menu li.navContact a:hover { background:url(../images/navigation/nav_contact.png) top left no-repeat; }

#subNavAbout { width:230px; padding-top:15px; background:url(../images/navigation/aboutSubnav_bg.png) top no-repeat; position:absolute; top:70px; right:290px; z-index:100;  }
#subNavAbout li { width:210px; height:20px; margin:0; padding:5px 10px; position:relative; border:none; }
#subNavAbout li a { margin:0; padding:0; background:none; text-decoration:none; text-indent:0px; color:#000000; position:relative; }
#subNavAbout li h3 { margin:15px 0 0 80px; }
#subNavAbout li p { margin-left:80px; }
.subNavImage { float:left; }
.subNavTop { width:250px; height:5px; position:relative; }
.subNavBottom { width:230px; height:15px; background:url(../images/navigation/aboutSubnav_bottom.png) top no-repeat; position:absolute; bottom:-15px; left:0px; }

#subNavSocial { width:230px; padding-top:15px; background:url(../images/navigation/subnav_bg.png) top no-repeat; position:absolute; top:70px; right:200px; z-index:100;  }
#subNavSocial li { width:210px; height:20px; margin:0; padding:5px 10px; position:relative; border:none; }
#subNavSocial li a { margin:0; padding:0; background:none; text-decoration:none; text-indent:0px; color:#000000; position:relative; }
#subNavSocial li h3 { margin:15px 0 0 80px; }
#subNavSocial li p { margin-left:80px; }
.subNavImage { float:left; }
.subNavTop { width:250px; height:5px; position:relative; }
.subNavBottom { width:230px; height:15px; background:url(../images/navigation/subnav_bottom.png) top no-repeat; position:absolute; bottom:-15px; left:0px; }

#subNavDisplay { width:230px; padding-top:15px; background:url(../images/navigation/subnav_bg.png) top no-repeat; position:absolute; top:70px; right:130px; z-index:100;  }
#subNavDisplay li { width:210px; height:20px; margin:0; padding:5px 10px; position:relative; border:none; }
#subNavDisplay li a { margin:0; padding:0; background:none; text-decoration:none; text-indent:0px; color:#000000; position:relative; }
#subNavDisplay li h3 { margin:15px 0 0 80px; }
#subNavDisplay li p { margin-left:80px; }
.subNavImage { float:left; }
.subNavTop { width:250px; height:5px; position:relative; }
.subNavBottom { width:230px; height:15px; background:url(../images/navigation/subnav_bottom.png) top no-repeat; position:absolute; bottom:-15px; left:0px; }

#subNavMobile { width:230px; padding-top:15px; background:url(../images/navigation/subnav_bg.png) top no-repeat; position:absolute; top:70px; right:50px; z-index:100;  }
#subNavMobile li { width:210px; height:20px; margin:0; padding:5px 10px; position:relative; border:none; }
#subNavMobile li a { margin:0; padding:0; background:none; text-decoration:none; text-indent:0px; color:#000000; position:relative; }
#subNavMobile li h3 { margin:15px 0 0 80px; }
#subNavMobile li p { margin-left:80px; }
.subNavImage { float:left; }
.subNavTop { width:250px; height:5px; position:relative; }
.subNavBottom { width:230px; height:15px; background:url(../images/navigation/subnav_bottom.png) top no-repeat; position:absolute; bottom:-15px; left:0px; }