/*** Reset ***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:transparent;}
body{line-height:1;text-align:left;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

hr { border: solid #333; border-width: 1px 0 0; clear: both; margin: 1em 0; height: 0; }


/*** ClearFix ***/
.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */


/*** Base ***/
body {-webkit-text-size-adjust:100%;}
body, input { font-family:Arial, sans-serif; color:#333; }
h1,h2,h3,h4 { font-family:"pragmatica-web-1","pragmatica-web-2",Arial, sans-serif; }/*200,300,400,700*/
P { margin-bottom:0.75em; font-size:1.0em; }
p a { color:#444; }
h5 { font-family:Arial, Helvetica, sans-serif; font-size:1.0em; }

/*** Main ***/
html, body {height: 100%;}
body {font-size: 13px; line-height:17px; background: #6295d8 url(/img/body-bg.jpg) repeat; }
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.left {float: left;}
.right {float: right;}

#hdr { height:200px; width:100%; background:url(/img/hdr-bg.jpg) 0 0 repeat-x; }

#hdr hr, #ftr hr { display:none; }

.hr { height:0; line-height:0; border-bottom:1px dotted #CCC; margin:1em 0;}

.logo { display:block; width:860px; height:200px; background:url(/img/hdr-logo.jpg) 0 25px no-repeat; position:relative; left:8%; overflow:hidden;}
.logo a { display:block; width:860px; height:160px; padding-top:40px; position:absolute; left:-851px; top:0px; text-decoration:none; }
.logo img { padding-right:850px; border:0;}

#top { color:#5177aa; height:45px; width:100%; position:absolute; top:0; left:0; background:url(/img/top-bg.png) repeat; }
.ie6 #top { background:url(/img/top-bg-ie6.jpg) repeat; }
#top a { color:#a7bad4; text-decoration:none; }
#top a:hover { color:#FFF; }
#top .wrap { width:900px; margin:0 auto; overflow:hidden; }

.site-links { width:600px; float:left; padding-top:12px; }
.site-links li { list-style-type:none; float:left; }
.site-links li a { line-height:15px; border-right:1px solid #5177aa; display:inline-block; padding:0 8px; }
.site-links .li-1 a { padding-left:0; }
.site-links .li-5 a { border-right:none; }
.social { width:300px; float:left; padding-top:13px; line-height:16px;}
.social ul { float:right; } 
.social li { list-style-type:none; float:left; padding-left:1px; }
.social .li-1 {  }
.social .li-1 a { padding-right:7px; border-right:1px solid #5177aa; margin-right:7px; }
.social .li-3 { padding-left:7px; }
.social .li-3 a,
.social .li-4 a { text-align:left; display:block; width:16px; height:16px; overflow:hidden; text-indent:-9999px; background:url(/img/social-icons.png) no-repeat; }
.ie6 .social .li-3 a,
.ie6 .social .li-4 a { background:url(/img/social-icons-ie6.gif) no-repeat; }
.social .li-3 a { background-position:0 0; }
.social .li-4 a { background-position:-16px 0; }
.social .li-3 a:hover { background-position:0 -16px; }
.social .li-4 a:hover { background-position:-16px -16px; }

#bdy { width:100%; background:#FFF; }
#page { width:900px; margin:0 auto; }
#main-wrap { width:900px; padding-top:25px; }
.main { width:672px; float:right; }

.nav { width:218px; float:left; margin-right:10px; padding-bottom:20px;}
.nav li { padding-bottom:7px; }
.nav ul a { font-family:"pragmatica-web-1","pragmatica-web-2", Arial, sans-serif; color:#4774b8; text-decoration:none; font-size:1.385em; font-weight:300; line-height:21px; }
.nav li.active a { color:#666; }
.nav ul a:hover { color:#7e9dcd; }
.nav ul li.active a:hover { color:#949494; }

.img-wrap { margin-bottom:25px; overflow:hidden; }
.slideshow-wrap { width:900px; height:400px; overflow:hidden; }

/* ------------------ floating menu styles ------------------ */

#float-menu {
	width:218px;
	padding-top:0px;
}
#float-menu.fixed-sidebar {
    position: fixed;
    top: 10px;
}
#float-menu.absolute-sidebar {
	bottom: 0;
	position: absolute;
    left: 0;
    top: inherit;
}


#ftr { color:#a7bad4; background:url(/img/ftr-bg.jpg) 0 0 repeat-x; }
.ftr-inner { height:235px; width:100%; background:url(/img/ftr-logo.jpg) 80% 0 no-repeat; }
#ftr .wrap { width:900px; margin:0 auto; padding-top:13px; }
#ftr a { color:#a7bad4; text-decoration:none; }

/* ------ Buttons ------ */

a.blue-btn {
	font-family:"pragmatica-web-1","pragmatica-web-2", Arial, sans-serif;
	font-weight:700;
	color:#FFF;
	font-size:1.231em;
	text-decoration:none;
	text-shadow: #314968 0px -1px 0px;
	display:inline-block;
	height:39px;
	line-height:39px;
	background:#76a7e3 url(/img/blue-btn-left.gif) no-repeat left top;
	padding-left:25px;
	position:absolute;
	right:0;
	top:25px;
}
@media only screen {
	a.blue-btn {
		background:transparent url(/img/blue-btn-left.gif) no-repeat left top;
	}
}
a.blue-btn span {
	display:inline-block;
	padding-right:25px;
	line-height:39px;
	background:url(/img/blue-btn-right.gif) no-repeat top right;
	cursor:pointer;
}
a.blue-btn:hover {
	opacity: 0.75;                   /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	filter: alpha(opacity=75);       /* IE 4-7 */
}

a.cta-btn {
	font-family:"pragmatica-web-1","pragmatica-web-2", Arial, sans-serif;
	font-weight:700;
	color:#FFF;
	font-size:1.231em;
	text-decoration:none;
	text-shadow: #44443c 0px -1px 0px;
	display:inline-block;
	height:39px;
	line-height:39px;
	background:#9a9886 url(/img/cta-btn-left.gif) no-repeat left top;
	padding-left:25px;
	position:absolute;
	right:0;
}
@media only screen {
	a.cta-btn {
		background:transparent url(/img/cta-btn-left.gif) no-repeat left top;
	}
}
a.cta-btn span {
	display:inline-block;
	padding-right:25px;
	line-height:39px;
	background:url(/img/cta-btn-right.gif) no-repeat top right;
	cursor:pointer;
}
a.cta-btn:hover {
	opacity: 0.75;                   /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	filter: alpha(opacity=75);       /* IE 4-7 */
}

/*** Styling Pages ***/
h1 { font-size:2.846em; color:#4774b8; font-weight:200; line-height:39px; letter-spacing:-1px; }
h2 { font-size:1.615em; font-weight:400; margin-bottom:0.6em;}
.heading { width:900px; margin:0 auto; border-bottom:1px solid #CCC; padding:25px 0; position:relative; }
#about .heading { border:none; }
.homepage-feature { width:900px; margin:0 auto; padding:25px 0 0 0; }
.homepage-feature h1 { font-size: 1.8em; font-weight: 300; margin-bottom: 25px; letter-spacing:0; line-height:120%; color:#555555;}
.homepage-feature h1 a { color:#4774B8; text-decoration:none; }
.homepage-feature .img-wrap { margin-bottom:0; }
.large-text {
	font-family: "pragmatica-web-1","pragmatica-web-2",Arial,sans-serif;
    font-size: 1.385em;
    font-weight: 300;
    margin-bottom: 1em;
	line-height:1.3em;
}
#iframe-wrapper { background: url(/img/loading-animation.gif) center 0 #dedede; margin: 25px 0; }
#real-estate-videos .img-wrap { margin-top:25px; }

.tmp-btn {display:block; background:url(/img/tmp-btn.gif) no-repeat; width:230px; height:39px; overflow:hidden; text-indent:-9999px; position:absolute; right:0; top:25px; }

.content { margin-bottom:25px;}
.content .col-1 { width:434px; padding-right:10px; float:left; }
.content .col-2 { width:216px; margin-left:10px; float:left; }

.feature-list { font-size:1.231em; line-height:1.2em; font-family:"pragmatica-web-1","pragmatica-web-2", Arial, sans-serif; font-weight:300; }
.feature-list li { padding-bottom:5px; padding-left:20px; background:url(/img/green-tick.gif) no-repeat 0 4px; }

#cta { background-color:#e9e7cc; width:632px; padding:20px; overflow:hidden; margin-bottom:25px; }
#cta .col-1 { float:left; width:421px; padding-right:15px;}
#cta .col-2 { float:left; width:196px; position:relative;}
#cta h3 { font-size:1.615em; font-weight:400; margin-bottom:0.6em; color:#45453d; }
#cta h4 { font-size:1.538em; font-weight:300; margin-bottom:0; color:#5d5c52; }



#clients { width:100%; background:#CCC url(/img/clients-bg.jpg) repeat-x; padding:25px 0; }
.clients-inner { width:900px; margin:0 auto; }
#clients h3 { font-size:1.385em; font-weight:300; margin-bottom:0.8em; color:#222; }
#clients img { margin-bottom:1em;}
#clients p { margin:0;}
#clients a { color:#222; }
.clients-inner UL {
	width:900px;
	height:65px;
	background:url(/img/client-logos-bg.jpg) repeat-x;
	margin:0 0 1em 0;
	padding:0;
}
.clients-inner LI {
	display:block;
	float:left;
	width:128px;
	height:65px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0;
	padding:0;
	background:url(/img/clients-logos.jpg);
	
}
.clients-inner .li-1 {
	width:113px;
	background-position:3px 0;	
}
.clients-inner .li-2 {
	width:127px;
	background-position:-113px 0;	
}
.clients-inner .li-3 {
	width:101px;
	background-position:-240px 0;	
}
.clients-inner .li-4 {
	width:146px;
	background-position:-341px 0;	
}
.clients-inner .li-5 {
	width:132px;
	background-position:-487px 0;	
}
.clients-inner .li-6 {
	width:147px;
	background-position:-615px 0;	
}
.clients-inner .li-7 {
	width:134px;
	background-position:-763px 0;	
}

#services { border-top:1px solid #ccc; padding-top:25px; padding-bottom:25px;}
#services img { margin-bottom:15px; }
#services .col-1 { float:left; width:214px; margin-right:15px; }
#services .col-2 { float:left; width:214px; margin-right:15px; }
#services .col-3 { float:left; width:214px; }
#services h3 { font-size:1.385em; font-weight:400; margin-bottom:10px; }
#services h3 a { color:#4774b8; text-decoration:none; }
#services p { margin-bottom:0;}
#services .hover { cursor: pointer; }
#services .hover:hover { opacity:0.8;}
#services a:hover { opacity:0.8;}

.profiles { width:65%; float:left; }
.testimonials { width:32%; float:right; }
.quote { background:url(/img/left-quote.gif) no-repeat 0 12px; padding-top:45px; border-top:1px solid #ccc; margin-bottom:10px;}
.quote span { display:none; }
.author { font-size:0.9em; line-height:1.2em;}
/* -------- Portfolio Image Rotator Styles -------- */

#main-image {
	width:672px;
	height:448px;
	background-color:#CCC;
	margin-bottom:25px;
}
#main-image img {
	position:absolute;
	display:none;
}
ul#thumbs { display:block; width:684px; height:173px; overflow:visible; }
ul#thumbs li.active img {
	opacity: 0.5;                    /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	filter: alpha(opacity=50);       /* IE 4-7 */
}
ul#thumbs li:hover img {
	opacity: 0.7;                    /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	filter: alpha(opacity=70);       /* IE 4-7 */
}

ul#thumbs li {
	padding:0;
	list-style:none;
	float:left;
	margin:0 12px 12px 0;
	cursor:pointer;
}
ul#thumbs img {
	float:left;
	overflow:hidden;
	position:relative;
	z-index:1;
}

#img-rotator { position:relative; }
.ie6 #img-rotator { width:672px; overflow:hidden; }
#img-rotator ul.controls { position:absolute; top:205px; width:672px; z-index:3; }
#img-rotator ul.controls .li-1 { display:block; height:39px; float:left; width:336px; position:relative; }
#img-rotator ul.controls .li-2 { display:block; height:39px; float:left; width:336px; position:relative; }
#img-rotator #prev-btn { display:block; width:39px; height:39px; position:absolute; left:-19px; background:url(/img/btn-round-bg.png) 0 0 no-repeat; }
#img-rotator #next-btn { display:block; width:39px; height:39px; position:absolute; right:-19px; background:url(/img/btn-round-bg.png) -39px 0 no-repeat; }
.ie6 #img-rotator #prev-btn { left:0px; background:url(/img/btn-round-bg.png) 0 0 no-repeat; }
.ie6 #img-rotator #next-btn { right:0px; background:url(/img/btn-round-bg.png) -39px 0 no-repeat; }
#img-rotator #prev-btn:hover { background-position:0 -39px; }
#img-rotator #next-btn:hover { background-position:-39px -39px; }


/* -------------------- Contact Form Styles -------------------- */

.contact-wrap { background:#e9e7cc url(/img/contact-form-bg.gif) 380px center no-repeat; color:#3e3e36; margin-bottom:25px; position:relative; }

.contact-wrap a { color:#4e4d44; text-decoration:underline; }
.contact-wrap a:hover { text-decoration:none; }
.contact-wrap h2 {
	font-size: 1.5em;
	font-weight: 500;
	margin-bottom: 0.8em;
}
.contact-wrap h3 { font-family:Arial, Helvetica, sans-serif; }
.contact-form { width:350px; float:left; padding:25px; }
.contact-details { width:222px; float:left; padding:135px 25px 25px 25px; }
.contact-thumb { position:absolute; right:42px; top:-18px; }
.contact-wrap hr { border: dashed #999; border-width: 1px 0 0; }
.row { padding-bottom:8px; }
.preferred-date { padding-bottom:2px; }
.submit-row { padding-bottom:0; }
.submit-row input { margin:0; padding:0; }
fieldset {
	border:0 none;
	padding:0;
	margin:0;
}
label {
    display: block;
    font-weight: bold;
    padding-bottom: 4px;
	font-size:1em;
	color:#3e3e36;
}
label span { font-weight:normal; color:#717063; }
.services-required { padding-bottom:12px; padding-top:6px; }
.services-required label { display:block; }

.radio-label input { margin: 0 5px 0 0; }
.radio-label {
    display: inline-block;
    font-weight: normal;
    padding-right: 10px;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	font-family:inherit;
	background: none repeat scroll 0 0 #d1cfb7;
	border: none;
	color: #333;
	display: block;
	margin: 0 0 3px;
	max-width: 100%;
	outline: medium none;
	padding: 6px 6px;
	width: 338px;
	font-size:1.15em;
}
#frm-address { height:60px; }
#frm-instructions { height:105px; }
#frm-date { width:150px; display:inline-block;}

select, input {
    padding: 3px;
	margin:0 0 3px 0;
}


#ui-datepicker-div select { display:inline !important; background-color:#FFF; }
.ui-datepicker-trigger { margin-top:7px; margin-left:7px; }
.ui-widget { font-family:inherit; }

#form-error { background-color:#e9cfb7; border:1px dashed #d69b82; padding:20px; margin-bottom:20px }


/* --------------------------- Interior Design Page --------------------------- */

ul.interior-design-portfolio { margin-bottom:20px; }
ul.interior-design-portfolio li { float:left; margin:1px; }
ul.interior-design-portfolio li a  {
	border:1px solid #ccc;
	display:inline-block;
	-webkit-box-shadow: #999 0px 2px 6px;
	-moz-box-shadow: #999 0px 2px 6px;
	box-shadow: #999 0px 2px 6px;
}
ul.interior-design-portfolio li a:hover  {
	opacity: 0.8;                    /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	filter: alpha(opacity=80);       /* IE 4-7 */
}
ul.interior-design-portfolio li a img { border:#fff solid 15px; }
ul.interior-design-portfolio .li-1 a,
ul.interior-design-portfolio .li-2 a { margin-bottom:18px; }
ul.interior-design-portfolio .li-1 a,
ul.interior-design-portfolio .li-3 a { margin-right:18px; }

/* --------------------------- Architecture Page --------------------------- */

ul.architecture-portfolio { margin-bottom:1em; }
ul.architecture-portfolio li { float:left; margin:1px; }
ul.architecture-portfolio li a  {
	border:1px solid #ccc;
	display:inline-block;
	-webkit-box-shadow: #999 0px 2px 6px;
	-moz-box-shadow: #999 0px 2px 6px;
	box-shadow: #999 0px 2px 6px;
}
ul.architecture-portfolio li a:hover  {
	opacity: 0.8;                    /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	filter: alpha(opacity=80);       /* IE 4-7 */
}

ul.architecture-portfolio li a img { border:#fff solid 15px; }

ul.architecture-portfolio .li-1 a,
ul.architecture-portfolio .li-2 a,
ul.architecture-portfolio .li-3 a,
ul.architecture-portfolio .li-4 a { margin-bottom:16px; }

ul.architecture-portfolio .li-1 a,
ul.architecture-portfolio .li-3 a,
ul.architecture-portfolio .li-5 a { margin-right:16px; }

/* --------------------------- Elevated Page --------------------------- */

ul.elevated-portfolio { margin-bottom:20px; }
ul.elevated-portfolio li { float:left; margin:1px; }
ul.elevated-portfolio li a  {
	border:1px solid #ccc;
	display:inline-block;
	-webkit-box-shadow: #999 0px 2px 6px;
	-moz-box-shadow: #999 0px 2px 6px;
	box-shadow: #999 0px 2px 6px;
}
ul.elevated-portfolio li a:hover  {
	opacity: 0.8;                    /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	filter: alpha(opacity=80);       /* IE 4-7 */
}
ul.elevated-portfolio li a img { border:#fff solid 15px; }
ul.elevated-portfolio .li-1 a,
ul.elevated-portfolio .li-2 a { margin-bottom:18px; }
ul.elevated-portfolio .li-1 a,
ul.elevated-portfolio .li-3 a { margin-right:18px; }