/******************************************************
		Daves Pig roast 
		STYLES CSS
		VERSION 1

	******************************************************/
			
			
	body { font-family: Trebuchet MS, arial; font-size: 1.0em; height: 100%; background-image: url(../images/sky-tile.jpg);
		    background-repeat: repeat-x; background-position: top; background-attachment: fixed; 
		   margin: 20px 0px 0px 0px; padding: 0px; 
		   text-align: center; /* set so that we may use margin: 0px auto; to center frame layer in window  */
   }
   
   /* Convienience settings */
   h1 {
	font-size: 1.4em;
	color: #900;
	margin-top: 0px;
	font-family: Verdana, Geneva, sans-serif;
}
   h2 { font-size: 1.1em; color: #900; border-bottom: dashed 1px #dddddd; padding-bottom: 4px; }
   p, td, li {
	color: #333;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
}
   	td li { font-size: 1.0em !important; }
   .tel { font-size: 1.8em; color: #336633; margin-top: 10px; }
   a { color: red; text-decoration: underline; }
   	a:hover { text-decoration: none; }

	/* Sky box appears at the very top and contains the entire site that we may give the apperance of having two background images in the body when theres really just one and the sky is overlaid - Justin */
		#sky { position: fixed !important; height:80%;  z-index: 0 !important; width: 100%; left: 0px; top: 0px;  }
			#sky li { list-style: none } 
		#grass { height: 300px; width: 100%;  position: fixed; left: 0px; background-image: url(../images/grass-tile.png); background-repeat: repeat-x; z-index: 1 !important; bottom: -50px; }
	#frame { width: 961px; text-align: left; margin: 0px auto; position: relative; z-index: 5 !important}
	#header {
	height: 207px;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	position: relative;
	-moz-opacity:0.8;
}
		#header #menu {
	position: absolute;
	left: -24px;
	top: 147px;
	height: 70px;
	line-height: 60px;
	text-align: center;
	width: 1000px;
}
			#header #menu a { font-size: 1.3em; font-weight: lighter; color: #ffffff; margin: 0px 10px; text-decoration: none; }
			#header #menu a:hover { color: yellow; }
		#header #social { position: absolute; bottom: 60px; right: 40px; width: 100px; height: 40px; text-align: right; }				
	#main {
	background-image: url(../images/content-tile.jpg);
	background-repeat: repeat-y;
}
		#top {
	height: 27px;
	background-image: url(../images/content-top.png);
	background-repeat: no-repeat;
	margin-top: 10px;
}
		#bottom {
	height: 27px;
	background-image: url(../images/content-bottom.png);
	background-repeat: no-repeat;
}
		#main #content { padding: 10px 20px; }
			#main #content .leftside { float: left; clear: none; width: 300px; margin-right: 20px; height:; }
			#main #content .rightside { float: right; clear: none; width: 580px; }

		#footer { font-size: 0.75em; color: #ffffff; margin-top: 20px; }
			#footer .col { float: left; clear: none; width: 160px; }
			#footer .indent { margin-left: 20px; }
			#footer .col a { display: block; text-decoration: none; color: #ffffff;  }
			#footer .col a:hover { color: yellow; text-decoration: underline; }
			#footer .col .noblock { display: inline !important; }		
	.breaker { clear: both; }
	
	/* homepage specific */
	#features {  }
	.feature { float: left; clear: none; width: 204px; height: 352px;  margin: 0px 13px; position: relative; }
		.feature .button { text-align: center; position: absolute; top: 340px; left: 10px; }
		.feature h1 {
	margin-top: 4px;
	color: #900;
	font-family: Verdana, Geneva, sans-serif;
}
/* Form styles
----------------------------------------*/
fieldset {
    border: none;
    padding: 0;
    }

fieldset ul {
    list-style: none;
    padding: 0 0 10px 0;
    margin: 0 !important;
    }
    
fieldset ul li {
	padding-bottom: 10px;
	color: #900;
	font-family: Baskerville, Georgia, "Times New Roman", serif;
	font-weight: normal;
    }
    
fieldset input, 
fieldset select,
fieldset textarea {
	font: 1.2em 'myriad pro', 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	border: 0;
	border: 1px solid #666;
	padding: 3px 3px 3px 3px;
	margin: 2px 0 0 0;
	color: #333333;
	background-color: #fff;
}

fieldset input:hover, 
fieldset select:hover,
fieldset textarea:hover {
	border: 1px solid #999;
}
	
fieldset textarea {
    overflow: auto;
	font: 1.2em 'myriad pro', 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}

fieldset select {
	padding: 1px;
	padding: 2px 1px 2px 0;
}

fieldset select option {
    padding: 0 15px 0 2px;
}

fieldset label {
	font-size: 1.2em;
    display: block;
    margin: 0 0 5px 0;
}

.required {
	color: #900 !important;
}

fieldset label.checkbox_note {
    font-weight: normal;
    display: inline;
    float: none;
}

fieldset label.full, fieldset input.full,
fieldset select.full, fieldset textarea.full { width: 75%; }

fieldset label.full {
    float: left;
}

fieldset p {
    margin-bottom: 8px !important;
}

.submit button{
	display:block;
	float:;
	margin:0 7px 0 45px;
	background-color:#CCCCCC;
	border:1px solid #900;
	font-family: Baskerville, Georgia, "Times New Roman", serif;
	font-size: 1.3em;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#900;
	cursor:pointer;
	padding:3px 4px 3px 4px; /* Links */
}
.submit button{
    width:auto;
    overflow:visible;
    padding:3px 4px 3px 4px; /* IE6 */
}
.submit button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.submit button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .submit a:hover{
	background-color: #999999;
	color: #FFF;
}

.google{
	padding:80px 130px 10px 10px  
	
}