@import url(reset-fonts-grids.css);

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


ul.normal li{margin-top:10px;list-style-image:url('../images/bullet.gif');padding-left:15px;margin-left:-10px;}

ul.location-list li{display:inline; font-size:12px;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

h1{
	float:left;
	font-size:18px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-style:italic;
	margin:5px 0 -50px 5px;
	padding:0;
	color:#813B3B;
	width:670px;
}

h3, h4 {
	color: #fff;
	font-family: "Trebuchet MS", "MS Trebuchet", arial, sans-serif;
	font-size: 100%;
}
h3 { margin: 0 0 5px 0; text-transform: uppercase; }
h4 { margin: 0 0 20px 0; }

strong { font-weight: bold; }

#custom_doc {
	margin: 30px auto;
	text-align: left;
	width: 66.15em;
	*width: 67.78em;
	min-width: 800px;
}   
                    
#hd { margin: 0 0 10px 0; background: url(../images/logo.gif) no-repeat; padding:0 0 0 125px; }
#bd {
	background: #bcbdc0 url(../images/bg_2.gif) repeat-y top right;
	color: #4b4b4b;
}

#bd p { line-height: 1.4em; text-align: justify; }
#bd a { color: #4b4b4b; }
#bd a.email { color: #4b4b4b; text-decoration: none; }

#ft {
	background: #4c4c4c url(,../images/bg_footer.gif) top right;
	color: #fff;
	font-size: 108%;
	margin: 4px 3px 0 0;
	padding: 29px 58px;
}

#ft a.email { color: #fff; text-decoration: none; }

.yui-gc {
	background: url(../images/bg_3.gif) no-repeat top right;
	margin: 0 10px 0 0;
	padding: 20px 50px 20px 58px;
}

.yui-gc2 {
	margin: 0 10px 0 0;
	padding: 20px 50px 20px 58px;
}

.yui-gc .yui-u { width: 40%; }
.yui-gc div.first { margin: 10px 0 0 0; width: 58%; }

p { margin: 0 0 20px 0; }
.yui-gc div.second p.read_more { margin: 0 0 15px 0; }
p.introduction { margin: 0; }
p.client { margin: 0 0 5px 0; }

#nav { float: left; margin: 45px 0 0 0; }
#nav li { float: left; margin: 0 10px 0 2px; }

#nav li a {
	display: block;
	height: 0;
	overflow: hidden;
	padding: 72px 0 0 0;
	width: 72px;
}

#nav li#home strong { background: url(../images/btn_home.gif) 0 -144px no-repeat; }
#nav li#home a { background: url(../images/btn_home.gif) top left no-repeat; }
#nav li#home a:hover { background: url(../images/btn_home.gif) 0 -144px no-repeat; }

#nav li#about strong { background: url(../images/btn_about.gif) 0 -144px no-repeat; }
#nav li#about a { background: url(../images/btn_about.gif) top left no-repeat; }
#nav li#about a:hover { background: url(../images/btn_about.gif) 0 -144px no-repeat; }

#nav li#how-we-work strong { background: url(../images/btn_interiors.gif) 0 -144px no-repeat; }
#nav li#how-we-work a { background: url(../images/btn_interiors.gif) top left no-repeat; }
#nav li#how-we-work a:hover { background: url(../images/btn_interiors.gif) 0 -144px no-repeat; }

#nav li#gallery strong { background: url(../images/btn_gallery.gif) 0 -144px no-repeat; }
#nav li#gallery a { background: url(../images/btn_gallery.gif) top left no-repeat; }
#nav li#gallery a:hover { background: url(../images/btn_gallery.gif) 0 -144px no-repeat; }

#nav li#clients strong { background: url(../images/btn_clients.gif) 0 -144px no-repeat; }
#nav li#clients a { background: url(../images/btn_clients.gif) top left no-repeat; }
#nav li#clients a:hover { background: url(../images/btn_clients.gif) 0 -144px no-repeat; }

#nav li#range strong { background: url(../images/btn_range.gif) 0 -144px no-repeat; }
#nav li#range a { background: url(../images/btn_range.gif) top left no-repeat; }
#nav li#range a:hover { background: url(../images/btn_range.gif) 0 -144px no-repeat; }

#nav li#contact strong { background: url(../images/btn_contact.gif) 0 -144px no-repeat; }
#nav li#contact a { background: url(../images/btn_contact.gif) top left no-repeat; }
#nav li#contact a:hover { background: url(../images/btn_contact.gif) 0 -144px no-repeat; }

#nav li#curtains strong { background: url(../images/btn_curtains.gif) 0 -144px no-repeat; }
#nav li#curtains a { background: url(../images/btn_curtains.gif) top left no-repeat; }
#nav li#curtains a:hover { background: url(../images/btn_curtains.gif) 0 -144px no-repeat; }

#right_logo { margin: 40px 0 0 35px; }

#page_image {
	padding: 59px 58px 34px 58px;
	vertical-align: bottom;
}

#page_image.home { background: url(../images/image_background_2.gif) no-repeat bottom left; }
#page_image.sarah, #page_image.interiors, #page_image.contact { background: url(../images/image_background_2.gif) no-repeat bottom left; }

#gallery_block {
	background: url(../images/image_background_3.gif) no-repeat bottom left;
	padding: 59px 0 0 0;
}


#footer_logos { margin: 20px 0 0 0; }

.news_item { margin: 0 0 10px 0; }
.news_item img { float: left; display: block; }
.news_item h5 {
	color: #62151C;
	margin: 0 0 2px 35px; 
	padding: 7px 0 0 0;
	text-transform: uppercase;
}
.news_item p { padding: 0 0 0 35px; }

/*.read_more small {font-size: 0.9em; }*/

/* Address styles */

address { margin: 0 0 5px 0; }
.org { display: none; }
#bd .adr { display: block; margin: 0 0 10px 0; }
#ft p { text-align: center; }
/* Gallery */

#gallery_thumbs { margin: 5px 0 0 8px; vertical-align: bottom;}
#gallery_thumbs li { display: block; float: left; margin: 0 7px 0 0; }
#gallery_thumbs li a {
	display: block;
	height: 38px;
	padding: 2px 2px 12px 2px;
	width: 38px;
}

#gallery_thumbs li a { background: url(../images/thumbnail_bg.gif) top left no-repeat; }
#gallery_thumbs li a:hover { background: url(../images/thumbnail_bg.gif) 0 -100px no-repeat; }

.range_list li { margin: 0 0 5px 0; }
.newline { display: block; margin: 0 0 8px 0; }
.postal-code { margin: 0 5px 0 0; }

input, textarea{
	border: 1px solid black;	
}

/*///////////// form val //////////////*/

#formCallBack .red {
	border: 1px solid red;
}

#formCallBack label.red {
	border: none;
	color: red;
}

#formCallBack .customRed {
	border: none;
	color: red;
}

#formCallBack .errorMessage {
	color: red;
}


/*///////////// ajax result //////////////*/
#log {
	margin-top: 10px;	
}

#log2 {
background:#BCBDC0;margin:0 -10px;padding:10px 10px 0 10px;
}

#log_res {
	overflow: auto;
	color:#4b4b4b;
}

#log_resCallBack {
	overflow: auto;
	color:#4b4b4b;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(../images/spinner.gif) no-repeat center;
}

a {color:#FFFFFF; text-decoration:none;}
a:hover {color:#FFFFFF; text-decoration:underline;}



.galleryphotos li {width:200px; margin-bottom:10px; font-size:11px; font-style:italic;}
.galleryphotos li img {margin-bottom:5px;}

.thumbnails {
	
	margin:0 10px 20px 0;
}

ul.thumbnails li{ list-style-type: none; }