/*

Brympton House  - Global Stylesheet
http://www.brymptonhouse .co.uk/
Handwritten by Richard Wilmot

*/

																					/* ------------ Toolbox ------------ */

.cleared { clear: both; }
.hide { display: none; }
.smaller { font-size: 90%; }
.larger { font-size: 110%; }
.normal { font-weight: normal; }

hr { display: none; }
strong { font-weight: bold; }

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

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


																					/* ------------ Defaults ------------ */

body {
	background:#4d0909 url('../images/body-bg.jpg') repeat-x top center;
	color: #4b4b4b;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
	line-height: 1.4em;
	}
	
#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
	
#container { 
	margin: auto;
	width: 960px;
	}
	
p {
	margin-bottom: 10px;
}

a {
	color:#590e0e;
	text-decoration:none
}

a:hover {
	text-decoration:underline
}

a.pdf {
	background: url('../images/icon-pdf.gif') no-repeat top left;
	color:#590e0e;
	text-decoration:none;
	height:18px;
	padding:2px 0 0 25px;
	display:block
}

a:hover.pdf {
	text-decoration:underline;
}


#h2-container {
	height:30px;
	overflow:hidden
}

h2,
h3 {
	color:#4d0909;
	font-weight:normal;
	font-size:160%;
	font-family:Georgia, "Times New Roman", Times, serif
}

h3 {
	font-size:140%;
	margin-bottom:10px;
}

h4 {
	color:#4d0909;
}
	
.bullet {
	margin-bottom:10px
} 
	
.bullet li {
	background: url('../images/bullet.gif') no-repeat top left;
	padding-left:20px;
	margin-bottom:2px;
}

p.error {
	color:#990000
}

																					/* ------------ Branding ------------ */

#branding {
	background: url('../images/branding-bg.png') no-repeat 0 0;
	height: 110px;
	width: 920px;
	padding:10px 20px 0 20px;
	}

#branding h1 a {
	display: block;
	height: 110px;
	text-indent: -25000px;
	width: 657px;
	float:left;
	}
	
#branding-nav {
	width: 242px;
	float:left;
	height:25px;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif
	}
	
#branding-nav li {
	float: left;
	width:80px;
	text-align:center
	}

#branding-nav a {
	display: block;
	height:23px;
	color:#FFF;
	padding-top:2px;
	}
	
#branding-nav a:hover,
#home #branding-nav-home a,
#contact #branding-nav-contact a,
#history #branding-nav-history a {
	text-decoration:underline
	}
	
	
																					/* ------------ Navigation ------------ */
																					
#nav {
	background: url('../images/nav-bg.png') no-repeat 0 0;
	width: 920px;
	float:left;
	padding: 0 20px 0 20px;
	height:35px;
	}
	
#nav li {
	float: left;
	}

#nav a {
	display: block;
	height:35px;
	width:131px;
	text-indent: -25000px;
	}
	
#nav a:hover {
	background-position: 0 -35px;
	}


#news #nav #nav-news a,
#vacations #nav #nav-vacations a,
#weddings #nav #nav-weddings a,
#courses #nav #nav-courses a,
#corporate #nav #nav-corporate a,
#gallery #nav #nav-gallery a,
#christmas #nav #nav-christmas a {
	background-position: 0 -35px;
}	

#nav-news a {
	background:url('../images/nav-news.gif') no-repeat top left;
	width:132px;
}

#nav-vacations a {
	background:url('../images/nav-vacations.gif') no-repeat top left;
	width:132px;
}

#nav-weddings a {
	background:url('../images/nav-weddings.gif') no-repeat top left;
}

#nav-courses a {
	background:url('../images/nav-courses.gif') no-repeat top left;
}

#nav-corporate a {
	background:url('../images/nav-corporate.gif') no-repeat top left;
}

#nav-gallery a {
	background:url('../images/nav-gallery.gif') no-repeat top left;
}

#nav-christmas a {
	background:url('../images/nav-christmas.gif') no-repeat top left;
	width:132px;
}



																					/* ------------ Hero ------------ */
																					
#hero-container {
	background: url('../images/hero-bg.png') no-repeat 0 0;
	width: 920px;
	float:left;
	padding: 0 20px 0 20px;
	height:290px;
	}
	
	
																					/* ------------ content ------------ */
																					
#content {
	background: url('../images/content-bg.png') no-repeat bottom center;
	width: 870px;
	float:left;
	padding: 5px 45px 5px 45px;
	}
	
	
																					/* ------------ Col 1 ------------ */
																					
#home #col-1 {
	width:537px;
	float:left;
	padding-right:40px;
	}
	
#home #col-2 {
	width:269px;
	float:left;
	padding-right:20px;
	}
	
#home #col-3 {
	width:293px;
	float:left;
	}


#contact #col-1 {
	width:617px;
	float:left;
	padding-right:20px;
	}
	
#contact #col-2 {
	width:213px;
	float:left;
	padding-left:20px;
	}	
	
	
#col-1 {
	width:540px;
	float:left;
	padding-right:40px;
	}
	
#col-2 {
	width:290px;
	float:left;
	}

#christmas #col-1 {
	width:415px;
	float:left;
	padding-right:40px;
	}
	
#christmas #col-2 {
	width:415px;
	float:left;
	}
	
#news #col-1 {
	width:415px;
	float:left;
	padding-right:20px;
	}
	
#news #col-2 {
	width:415px;
	float:right;
	padding-left:20px;
	}
	

																					/* ------------ Page Images ------------ */
																					
.img-bg {
	background: url('../images/img-bg.png') no-repeat center center;
	width:270px;
	height:170px;
	padding:5px;
	overflow:hidden;
	margin-bottom:10px;
	}

.imgs {
	width:268px;
	height:168px;
	overflow:hidden;
	border: #4d0909 solid 1px
	}
	
.img-small-bg {
	background: url('../images/img-small-bg.png') no-repeat center center;
	width:130px;
	height:130px;
	padding:5px;
	overflow:hidden;
	float:left;
	margin: 0 5px 5px 0;
	}

.imgs-small {
	width:128px;
	height:128px;
	overflow:hidden;
	text-align:center;
	border: #4d0909 solid 1px
	}
	

	
	
																					/* ------------ Homepage ------------ */
																					
#home #col-1 img {
	float:right;
	margin-left:10px;
	}
	
	
#feature-weddings a,
#feature-courses a {
	background: url('../images/feature-weddings.jpg') no-repeat top center;
	width:133px;
	height:51px;
	float:left;
	padding:59px 135px 0 15px;
	color:#FFF;
	font-size:90%;
	line-height:1.2em;
	display:block;
	text-decoration:none
	}
	
#feature-courses a {
	background: url('../images/feature-courses.jpg') no-repeat top center;
	}
	
	
#feature-weddings a:hover,
#feature-courses a:hover {
	text-decoration:underline
	}
	
	
	

																					/* ------------ Contact ------------ */



#contact-form label {
	font-weight:bold;
	width: 270px;
	display:block;
	float:left;
	padding-top:10px;
	}
	

#contact-form input, #contact-form textarea, #contact-form select { 
	background: url('../images/form-input.gif') no-repeat top left;
	vertical-align: middle;
	border: none;
	color: #666;
	font-size: 100%;
	margin-bottom: 10px;
	padding: 5px;
	height:15px;
	width: 260px;
	font-family:  Trebuchet MS, Arial,  Verdana, Helvetica, sans-serif;
	float:left;
	}
	
	
#contact-form .vacation,
#contact-form .tour,
#contact-form .course,
#contact-form .corporate,
#contact-form .weddings {
	background:none;
	width: 20px;
	height:25px;
	float:left;
	margin-top:-4px;
	border:none;
	margin-right: 5px;
	padding: 0;
	}
	
	
#contact-form #comments { 
	background: url('../images/form-textarea.gif') no-repeat top left;
	height: 80px;
	}
	
.tick {
	height:15px;
	width:135px;
	float:left;
	padding-top:5px;	
	margin-bottom:5px;
}
	
#contact-form #submit {
	height: 31px;
	vertical-align: middle;
	width: 96px;
	padding: 0px;
	border:none;
	float:right;
	}

.small-print {
	font-size:85%
}

#map-container {
	width: 868px;
	height:198px;
	float:left;
	margin-top:20px;
	border:#4d0909 solid 1px
	}
	
#map {
	height: 868px;
	width: 198px;
	float:left;
	overflow:hidden;
	}


#get-directions {
	float:left;
	background-color:#4d0909;
	width:870px;
	padding:3px 0 3px 0px
}


#get-directions p {
	float:left;
	display:block;
	width:665px;
	height:15px;
	padding-top:8px;
	text-align:right;
	padding-right:10px;
	font-weight:bold;
	color:#FFF
} 

form #saddr { 
	background: url('../images/form-input-small.gif') no-repeat top left;
	border:none;
	color: #666;
	font-size: 100%;
	margin-right: 5px;
	padding: 5px;
	height:25px;
	width: 125px;
	font-family:  Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	float:left;
	margin-top:3px
	}
	
#btn-go {
	float:left;
}

#contact .icon-home,
#contact .icon-phone,
#contact .icon-email,
#contact .icon-fax {
	background: url('../images/icon-phone.gif') no-repeat top left;
	float:left;
	height:19px;
	padding:1px 0 0 23px;
	margin-bottom:10px;
	clear:both;
	font-size:105%
}

#contact .icon-email {
	background: url('../images/icon-email.gif') no-repeat top left;
	margin-top:10px;
}

#contact .icon-fax {
	background: url('../images/icon-fax.gif') no-repeat top left;
}

#contact .icon-home {
	background: url('../images/icon-home.gif') no-repeat top left;
	height:auto;
}




																					/* ------------ News & Events ------------ */

.article {
	width:415px;
	border-bottom:#4d0909 solid 1px;
	padding-bottom:10px;
	margin-bottom:25px;
	}

.calendar {
	background: url('../images/calendar-bg.gif') no-repeat 0 0;
	height: 84px;
	width: 78px;
	float:left
	}
	
.calendar .month {
	color:#FFFFFF;
	text-align:center;
	font-size:95%;
	width:78px;
	height:18px;
	padding-top:13px;
	float:left;
	}
	
.calendar .day {
	text-align:center;
	font-size:300%;
	width:78px;
	height:35px;
	float:left;
	padding-top:18px;
	}
	
.article .copy {
	width:315px;
	float:right;
	}
	

	
	
																					/* ------------ btns ------------ */

#btn-next a,
#btn-previous a,
#btn-website a {
	background: url('../images/btn-next.gif') no-repeat top left;
	width:96px;
	height:31px;
	float:right;
	margin-bottom:20px;
	text-indent:-25000px;
	}
	
#btn-previous a {
	background: url('../images/btn-previous.gif') no-repeat top left;
	float:left
	}
	
#btn-website a {
	background: url('../images/btn-website.gif') no-repeat top left;
	margin-right:10px;
	}
	
#btn-next a:hover,
#btn-previous a:hover,
#btn-website a:hover {
	background-position:0 -31px;
	}
	
#btn-aztec a {
	background: url('../images/aztec-video.jpg') no-repeat top left;
	width:290px;
	height:263px;
	float:right;
	text-indent:-25000px;
	}
	
#btn-aztec a:hover {
	background-position:0 -263px;
	}

	
	
																					/* ------------ Footer ------------ */
	
#footer {
	background: url('../images/footer-bg.png') no-repeat top left;
	clear: both;
	line-height: 1em;
	width: 920px;
	color:#87261f;
	margin:auto;
	font-size: 85%;
	padding:30px 20px 20px 20px
	}
	
#footer a {
	color:#87261f;
	text-decoration:none
	}
	
#footer a:hover {
	text-decoration:underline;
	color:#FFF
	}
	
#footer #links {
	width:920px;
	border-bottom:#87261f solid 1px;
	text-align:center;
	margin-bottom:5px;
	padding-bottom:5px;
}

#footer #copyright {
	width:450px;
	float:left
}

#footer #azteclink {
	width:450px;
	float:right;
	text-align:right
}