@charset "utf-8";

/*
 Name: Barclay Interiors
 Date: Dec 2010
 Description: Main css file
 Version: 1.0
 Author: Tom Gathern
 Autor URI: http://jaijo.com
*/

/* RESETS */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,span,strong,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}

html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }

#container 	{
	margin:0 auto;
	width:100%;
	background-color: #716f71;
}

body  {
	font-family: Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size:12px;
	margin-top:0px;
	color:#fff;
	background-color: #716f71;
}

/* FONTS */
h1 	{
	font-size:21px; line-height:30px; margin-bottom:20px;
}

h2	{
	font-size:20px; margin-bottom:5px;
}

   
h3	{
	font-size:12px;
}

h4	{
	font-size:16px; margin-bottom:5px; color:#ffffff; font-weight:lighter; line-height:31px;
}

p 	{
	font-size:13px; line-height: 17px; margin-bottom:15px;
}
#footer p { font-size:10px; line-height:normal; margin-bottom:3px; }

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

span.address { width:20px; display:inline-block }

/* HEADER */
#header_container {width:100%; height:538px; background: url(../images/header_bg.jpg) repeat-x;}
#header { margin: 0 auto; width: 940px; padding: 0 10px; height:538px; }

#header_containersmall {width:100%; height:350px; background: url(../images/header_bg.jpg) repeat-x;}
#headersmall { margin: 0 auto; width: 940px; padding: 0 10px; height:350px; }

a.logo { float: left; margin:10px 0 15px 220px; background:  url(../images/logo.jpg) no-repeat; width: 500px; height: 150px; }

/* MENU */
ul.menu { float:left;s }
ul.menu li a { color:#fff; list-style:none; text-transform:uppercase; text-decoration:none; font-size: 14px; line-height:22px; padding-left:20px; }
ul.menu li a:hover { color:#c3b300; background: url(../images/arrow2.jpg ) left no-repeat; }
ul.menu li a.select { color:#333; background: url(../images/arrow.jpg ) left no-repeat; }

/* MAIN */
#main { margin: 0 auto; width: 940px; padding: 20px 10px 111px 10px; }

#content { float:left; width:100%; margin-bottom:20px; }
#content_main { float:left; width:640px; margin-right:80px; text-align:justify; }
#menu { float:left; width: 180px; padding-left:20px; background: url(../images/menu_bg.jpg) repeat-y; }

.datestamp { float:left; width:71px; height: 87px; margin: 0 10px 0 0; color:#fff; background: url(../images/blog_date.png) no-repeat #4A709F; text-align:center; }
.month { display:block; margin:1px auto 0 auto; font-size: 14px; font-weight:bold; }
.day { display:block; margin: 0 auto 0; font-size: 23px; }
.year { display:block; margin: 0px auto 0 auto; font-size: 14px; font-weight:bold; }

.links { float:left; margin-right:10px; }

ul.list li { list-style:disc; margin-left: 15px;}

/* GALLERY */
a.gallery { float:left; width:146px; height:159px; margin: 2px 7px; }
a.gal1 { background: url(../images/gallery/1a.jpg) no-repeat bottom; }
a.gal1:hover { background: url(../images/gallery/1a.jpg) no-repeat top; }
a.gal2 { background: url(../images/gallery/2a.jpg) no-repeat bottom; }
a.gal2:hover { background: url(../images/gallery/2a.jpg) no-repeat top; }
a.gal3 { background: url(../images/gallery/3a.jpg) no-repeat bottom; }
a.gal3:hover { background: url(../images/gallery/3a.jpg) no-repeat top; }
a.gal4 { background: url(../images/gallery/4a.jpg) no-repeat bottom; }
a.gal4:hover { background: url(../images/gallery/4a.jpg) no-repeat top; }
a.gal5 { background: url(../images/gallery/5a.jpg) no-repeat bottom; }
a.gal5:hover { background: url(../images/gallery/5a.jpg) no-repeat top; }
a.gal6 { background: url(../images/gallery/6a.jpg) no-repeat bottom; }
a.gal6:hover { background: url(../images/gallery/6a.jpg) no-repeat top; }
a.gal7 { background: url(../images/gallery/7a.jpg) no-repeat bottom; }
a.gal7:hover { background: url(../images/gallery/7a.jpg) no-repeat top; }
a.gal8 { background: url(../images/gallery/8a.jpg) no-repeat bottom; }
a.gal8:hover { background: url(../images/gallery/8a.jpg) no-repeat top; }
a.gal9 { background: url(../images/gallery/9a.jpg) no-repeat bottom; }
a.gal9:hover { background: url(../images/gallery/9a.jpg) no-repeat top; }
a.gal10 { background: url(../images/gallery/10a.jpg) no-repeat bottom; }
a.gal10:hover { background: url(../images/gallery/10a.jpg) no-repeat top; }
a.gal11 { background: url(../images/gallery/11a.jpg) no-repeat bottom; }
a.gal11:hover { background: url(../images/gallery/11a.jpg) no-repeat top; }
a.gal12 { background: url(../images/gallery/12a.jpg) no-repeat bottom; }
a.gal12:hover { background: url(../images/gallery/12a.jpg) no-repeat top; }
a.gal13 { background: url(../images/gallery/13a.jpg) no-repeat bottom; }
a.gal13:hover { background: url(../images/gallery/13a.jpg) no-repeat top; }
a.gal14 { background: url(../images/gallery/14a.jpg) no-repeat bottom; }
a.gal14:hover { background: url(../images/gallery/14a.jpg) no-repeat top; }
a.gal15 { background: url(../images/gallery/15a.jpg) no-repeat bottom; }
a.gal15:hover { background: url(../images/gallery/15a.jpg) no-repeat top; }
a.gal16 { background: url(../images/gallery/16a.jpg) no-repeat bottom; }
a.gal16:hover { background: url(../images/gallery/16a.jpg) no-repeat top; }
a.gal17 { background: url(../images/gallery/17a.jpg) no-repeat bottom; }
a.gal17:hover { background: url(../images/gallery/17a.jpg) no-repeat top; }
a.gal18 { background: url(../images/gallery/18a.jpg) no-repeat bottom; }
a.gal18:hover { background: url(../images/gallery/18a.jpg) no-repeat top; }
a.gal19 { background: url(../images/gallery/19a.jpg) no-repeat bottom; }
a.gal19:hover { background: url(../images/gallery/19a.jpg) no-repeat top; }
a.gal20 { background: url(../images/gallery/20a.jpg) no-repeat bottom; }
a.gal20:hover { background: url(../images/gallery/20a.jpg) no-repeat top; }
a.gal21 { background: url(../images/gallery/21a.jpg) no-repeat bottom; }
a.gal21:hover { background: url(../images/gallery/21a.jpg) no-repeat top; }
a.gal22 { background: url(../images/gallery/22a.jpg) no-repeat bottom; }
a.gal22:hover { background: url(../images/gallery/22a.jpg) no-repeat top; }
a.gal23 { background: url(../images/gallery/23a.jpg) no-repeat bottom; }
a.gal23:hover { background: url(../images/gallery/23a.jpg) no-repeat top; }

/* FOOTER */
#footer_container {width:100%; height:111px; background: url(../images/footer_bg.jpg) repeat-x; clear: both; z-index: 10; margin-top: -111px;}
#footer	{ margin: 0 auto; width: 940px; padding: 0 10px; height:111px; position: relative;}

#footer_address { float:left; margin-top: 20px; }

#copy { float:right; margin-top:40px; text-align:right; margin-right:120px;}

#sidb { float:right; margin-top:-82px; width:90px; }

/* CLEAR */
.clear{ clear:both; }

/* SLIDESHOW */
.pics { float:left; width: 940px; height: 386px; position:relative; z-index:900px; }  
.pics img { position: absolute;	width: 940px; z-index:1; } 

.pics_small { float:left; width: 940px; height: 187px; position:relative; z-index:900px; }  

/* FORM */
#contact_form { float:left; margin-top:20px; }

form { width:100%; }

label { float:left; width:130px; font-size:14px; margin-bottom:20px; }

input[type="text"] { width:350px; height: 25px; margin-bottom:20px; padding-left: 12px; font-size: 18px; font-family:inherit; color: #383838; border: 1px solid #ccc; -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.4); -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.4); box-shadow: inset 0 3px 8px rgba(0,0,0,.24); }

input[type="submit"] { cursor:pointer; font-size: 16px; font-weight:bold; margin-left:130px; text-align:center; padding:3px; color:#383838; text-shadow: 0 2px 1px rgba(255, 255, 255, 0.4); border: 1px solid #ccc; }

textarea { width:450px; height:100px; margin-bottom:20px; padding: 5px 0 0 12px; font-size:18px; font-family:inherit; color:#383838; border: 1px solid #ccc; -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.4); -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.4); box-shadow: inset 0 3px 8px rgba(0,0,0,.24); }