/******************************************************************************************************************

Oaks Farm Weddings Landing Page : Global Stylesheet

Developed by Matthew Hill, September 2006
Copyright Nixon McInnes (c) 2006
http://www.nixonmcinnes.co.uk

******************************************************************************************************************/

body {
	margin:20px 0;
	padding:0;
	background:#666;
	font: normal 79%/125% Arial,"Helvetic Neue",Helvetica,sans-serif;
	color:#666;
	/* 79% rather than 80% to force IE to use correct size (IE usually renders fonts a fraction larger) */
}

/******************************************************************************************************************
GENERAL FORMATTING OF STANDARD ELEMENTS
******************************************************************************************************************/
#skipnav {
	position:absolute;
	left:-999em;
}

h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0 0 10px 0;
	line-height:normal;
}

h1 {
	font-size:190%;
	font-weight:normal;
}

h2 {
	clear:both;
	font-size:130%;
}

h3 {
	clear:both;
	font-size:110%;
}

a,a:link {
	color:#DAC54B;
	font-weight:bold;
	text-decoration:underline;
}

a:visited {
	color:#DAC54B;	
}

a:hover {
	color:#F4B5FC;
	color:#FFDE00;
}

.floatright {
	float:right;
}
.floatleft {
	float:left;
}

.picright {
	clear:right;
	float:right;
	margin:0 0 10px 20px;
}

.picleft {
	clear:left;
	float:left;
	margin:0 20px 10px 0;
}

.hitext {
	color:#C00;
	line-height:1;
}

.small {
	font-size:90%;
	font-weight:normal !important;
	line-height:1;
}

/******************************************************************************************************************
WRAPPER
******************************************************************************************************************/

#wrapper {
	width:720px;
	margin:0 auto;
	padding:0;
	background:#FFF;
	border:10px solid #97999C;
}

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

/******************************************************************************************************************
BANNER
******************************************************************************************************************/

#banner {
	width:100%;
	padding-bottom:20px;
	background:#DAC54B;
	border-bottom:20px solid #D0D2D5;
}

#banner h1 {
	height:30px;
	margin:0;
	padding:20px 10px 20px;
	background:#FFF url(../_img/landingpage/logo.gif) 10px 15px no-repeat;
	font-size:1.2em;
	font-weight:bold;
	text-align:right;
}

#banner h1 span {
	position:absolute;
	left:-1000em;
}

#banner h1 a {
	font-size:0.80em;
	font-weight:bold;
}


/******************************************************************************************************************
CONTENT / MAIN / RIGHT SIDEBAR POSITIONS + SIZES
******************************************************************************************************************/

#main {
	padding:10px;
}

#quotes {
	width:170px;
	float:left;
}

#content {
	float:left;
	width:350px;
	padding:0 10px;
}

#form {
	background:#DAC54B;
	float:left;
	width:140px;
	padding:10px;
	margin:0;
}

#main:after,
#quotes:after,
#form:after,
#content:after,
#sidebar:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}


/******************************************************************************************************************
QUOTES FORMATTING
******************************************************************************************************************/

#quotes blockquote {
	margin:0;
	padding:0;
	color:#DAC54B;
	font-weight:bold;
}


/******************************************************************************************************************
CONTENT FORMATTING
******************************************************************************************************************/

#content h2 {
	color:#DAC54B;
	font-style:italic;
	font-size:1.5em;
	font-weight:normal;
}

#content h3 {
	color:#DAC54B;
	font-size:1.2em;
	font-weight:bold;
}

#content ul {
	margin-top:0;
	margin-bottom:10px;
	list-style-image: url(../_img/landingpage/bullet_body.gif);
}

#content li {
	margin-bottom:5px;
}

#content p {
	margin:0 0 15px 0;
	padding:0;
}

/******************************************************************************************************************
SIDEBAR
******************************************************************************************************************/

#form {
	color:#FFF;
	line-height:normal;
}

#form p {
	font-weight:bold;
	margin:5px 0;
}

#form h2 {
	color:#333;
	font-size:1.2em;
	letter-spacing:-0.04em;
}

/******************************************************************************************************************
FORM
******************************************************************************************************************/

form {
	margin:0;
	padding:0;
}

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

fieldset {
	border:none;
	margin:0;
	padding:0;
	display:block;
}

legend {
	display:none;
}

form label {
	color:#333;
	line-height:normal;
	font-size:90%;
	font-weight:bold;
}

form input.text	{
	border:none;
	clear:both;
	float:none;
	padding:3px;
	margin:0 0 5px 0;
	width:96%;
	font: normal 90%/1.2em Arial,"Helvetic Neue",Helvetica,sans-serif;
}

form select {
	border:none;
	padding:0;
	font-size:90%;
	font-family:Arial,"Helvetic Neue",Helvetica,sans-serif;
	width:80px;
}

form #selectmonth, form #selectyear{
	clear:both;
	float:left;
	width:50px;
	margin-top:3px;
}

form select option {
	margin-top:2px;
	padding:1px 0;
}

form #submit {
	margin-top:10px;
}

/******************************************************************************************************************
FEATURES (BOTTOM OF PAGE)
******************************************************************************************************************/

#features {
	clear:both;
	padding:0 10px;
	margin:0;
}

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

#features div {
	/* for 5 columns, width is 132 */
	width:132px;
	/* for 4 columns, width is 2x167 & 2x168 */
	width:167px;	
	margin:0 10px 0 0;
	float:left;
}

#features div.second {
	width:168px;
}

#features div#last {
	margin:0;
}

#features img {
	display:block;
}

#features p {
	margin:7px 0 0 0;
}

/******************************************************************************************************************
CALL TO ACTION
******************************************************************************************************************/

#calltoaction {
	clear:both;
	float:none;
	margin:10px;
}

#calltoaction h2 {
	width:520px;
	height:30px;
	padding:0;
	float:left;
	background:#DAC54B url(../_img/landingpage/callout.gif) 10px center no-repeat;
}

#calltoaction p {
	width:180px;
	height:30px;
	padding:0;
	margin:0;
	float:left;
	background:#DAC54B url(../_img/landingpage/url.gif) right center no-repeat;
}

#calltoaction p a {
	width:180px;
	height:30px;
	display:block;
}

#calltoaction p a span,#calltoaction h2 span {
	position:absolute;
	left:-1000em;
}

/******************************************************************************************************************
ADDRESS
******************************************************************************************************************/

#footer {
	width:740px;
	margin:0 auto;
	background:#97999C;
	clear:both;
}

#footer address {
	margin:0;
	padding:0 10px 5px;
	color:#FFF;
	font-size:90%;
	font-style:normal;
}