@import url('reset.css');
@import url('baseform.css');

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


				*COLONIAL BREWING CO. STYLESHEET*
	*Stylesheet looks sweet on two space tab setting*
					*Made By: Brendan Timmons*

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



/*******************************
					MAIN STYLES
*******************************/

body{
	background:					url(../images/core/body-bg.jpg) no-repeat center top #3d3f41;
	color:							#C5C5C5;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					12px;
	font-weight:				100;
	line-height:				1.6em;
}
h1{
	color:							#fff;
	font-size:					26px;
	font-weight:				100;
	letter-spacing:			1px;
	padding-bottom:			30px;
}
h2{
	font-size:					12px;
	font-weight: bold;
	letter-spacing:			0;
	padding-bottom:			15px;
}
hr{
	border:							1px dashed #af4848;
	border-left:				none;
	border-right:				none;
	border-bottom:			none;
	height: 						1px;
	margin:							40px 0;
}
a{
	color:							#fff;
}
div.vcard{
	margin-bottom:			20px;
}

small a {color:#fff!important;}

/*******************************
					CONTAINERS
*******************************/

#container{
	background:					#1a1f22;
	margin:							0 auto;
	padding-bottom:			40px;
	-moz-box-shadow:		0 0 1em 0.5em #323232;
	-webkit-box-shadow: 0 0 5em #1e1e1e;
	width:							960px;
}
#left{
	background:					url(../images/core/left-bg.jpg) no-repeat top right;
	color:							#fff;
	display:						inline;
	float:							left;
	font-weight:				200;
	width:							289px;
	overflow-x:					hidden;
}
#right{
	display:						inline;
	float:							right;
	width:							671px;
	overflow-x:					hidden;
}
#footer{
	color:							#808080;
	margin:							0 auto;
	text-align:					center;
	width:							960px;
}
#wrap{
	width: 671px;
}
.form-notes{
	color:	#fff;
	margin-top: 120px;
	padding: 5px 25px;
}

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

#banner{
	background:					url(../images/core/banner.jpg) no-repeat;
	height:							390px;
	width:							671px;
}

/*******************************
					CONTENT
*******************************/

#content{
	float:							left;
	display:						inline;
	padding:						30px 40px 20px 30px;
	width:							320px;
}
#left-content{
	padding:						200px 25px 20px 25px;
	width:							240px;
}
#phone{
	background:					url(../images/core/phone.gif) no-repeat center left;
	margin: 						10px 0;
	padding-left:				25px;
}
#email{
	background:					url(../images/core/email.gif) no-repeat center left;
	margin: 						10px 0;
	padding-left:				25px;
}
#availability{
	margin-top:					20px;
	padding:						0 25px;
}

/*******************************
					REGISTER FORM
*******************************/

#form{
	background:					url(../images/core/form-bg.jpg) no-repeat;
	float:							left;
	height:							400px;
	width:							256px;
}
#form #register-form{
	margin-top:					120px;
	padding:  0 10px;
}
#p-thankyou #register-form{
	color:							#fff;
}

/*******************************
					FOOTER
*******************************/

#footer p{
	margin:							18px 0;
}


/* File Download Icons */
a.file {background: url('../images/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat; padding-left: 20px;}
a.doc {background: url('../images/icon-doc.gif') 0 0 no-repeat; padding-left: 20px;}