/*
   ----------------------------------------------------------------
   HOME STYLE SHEET - http://ctcellardoors.imagesites.com.com
   
   ****EDIT DOMAIN NAME TO ACTUAL NAME PRIOR TO LAUNCH****
   ----------------------------------------------------------------
*/

/* === Common ======================================= */

html,body {
	font:12px/20px Arial;
	letter-spacing:normal;
	line-height:normal;
	background:url(../images/jpegs/main-bg.jpg) repeat-x;
	background-color:#330000;
	margin:0px;
	padding:0px;
}

* {
	margin:0px;
	padding:0px;
}


a { color: #003366; text-decoration: underline; }
a:hover { color: #75889b; }

/* === Wrapper elements ======================================= */

#wrapper {
	width:900px;
	padding:0px;
	margin:auto;
}

/* === Header elements ======================================= */

#headerWrapper {
	background:url(../images/jpegs/header-bg.jpg) no-repeat;
	height:160px;
	width:900px;
	padding:0px;
	margin:0px;
	position: relative;
}
.mistake-button {
	position: absolute;
	height:50px; width: 245px;
	top: 50px;
	right:10px;}
	
.mistake-button p {margin:0; padding:0;}	
.mistake-button p a {position: relative; width: 245px; height:50px; padding: 0; overflow:hidden; text-align:center; color:#310002;}
.mistake-button a:hover {color:#310002;}
.mistake-button p a span { position:absolute; width:245px; height:50px; left:0; top:0; margin:0; cursor:pointer; background:url(../images/mistake-sprite.png) no-repeat top left;}

.mistake-button p a:hover span { background:url(../images/mistake-sprite.png) no-repeat bottom left;}

#logo {
	margin:0px;
	padding:0px 0px 0px 1px;
	height:159px;
	width:199px;
	float:left;
}

#navWrapper {
	margin:0px;
	padding:0px;
	height:160px;
	width:699px;
	float:left;
}

#topNav {
	margin:0px;
	padding:0px;
	height:30px;
	width:699px;
}

#topBox {
	text-align:right;
	margin:0px;
	padding:0px;
	height:135px;
	width:699px;
}


/* === Start Main div elements ======================================= */

#mainContainer {
	background:none;
	display:table;
	width:900px;
	padding:0px;
	margin:10px 0px 0px 0px;
}

/* === Stuff div elements ======================================= */

#stuff {
	background:url(../images/jpegs/left-col-bg.jpg) repeat-x;
	background-color:#787878;
	display:table;
	width:195px;
	margin:0px;
	padding:0px;
	float:left;
}

#stuff h1 {
	line-height:normal;
	letter-spacing:normal;
	font:18px/20px "Trebuchet MS";
	font-weight:bold;
	color:#660000;
	margin:0px;
	padding:4px 0px 0px 8px;
}

#stuff h4 {
	line-height:normal;
	letter-spacing:normal;
	font:13px/20px "Trebuchet MS";
	margin:0px;
	padding:4px 0px 0px 12px;
	font-size:14px;
	color:#660000;
	line-height:normal;
}

#stuff p {
	padding:0px;
	margin:0px;
	color:#000000;
	font:11px/20px Arial;
	line-height:100%;
	letter-spacing:normal;
}

	ol.stuff {
		font:11px/20px Arial;
		margin:10px 0px 0px 25px;
		font-style:italic;
		line-height:normal;
		letter-spacing:normal;
		padding:0px;
	}


#stuff a:link, #stuff a:visited, #stuff a:active {color:#003366;}

#stuff a:hover {color:#75889b; text-decoration:underline;}

/* === Start Small Boxs divs ======================================= */

#download {
	background:url(../images/jpegs/download-image.jpg) no-repeat top right;
	width:153px;
	border:solid #cccccc 1px;
	margin:0px auto 10px auto;
	padding:10px;
}

#download h1 {
	font:15px/20px "Trebuchet MS";
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#333333;
	line-height:normal;
	font-weight:bold;
}

#download p {
	padding:0px;
	margin:0px;
	color:#000000;
	font:11px/20px Arial;
	line-height:100%;
	letter-spacing:normal;
}

#download a:link, #download a:visited, #download a:active { font-size:10px; color:#003366;}

#download a:hover {color:#75889b; text-decoration:underline;}




#newsletter {
	width:153px;
	border:solid #cccccc 1px;
	margin:0px auto 10px auto;
	padding:10px;
}

#newsletter h1 {
	font:15px/20px "Trebuchet MS";
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#333333;
	line-height:normal;
	font-weight:bold;
}

#newsletter p {
	padding:0px;
	margin:0px;
	color:#000000;
	font:11px/20px Arial;
	line-height:100%;
	letter-spacing:normal;
}

ul.newsletter {
	list-style:none;
}

#newsletter a:link, #newsletter a:visited, #newsletter a:active { font-size:11px; font-weight:bold; color:#003366; text-decoration:none}

#newsletter a:hover {color:#75889b; text-decoration:underline;}


#friend {
	
	background-color:#c6c6c6;
	width:153px;
	border:solid #cccccc 1px;
	margin:0px auto 10px auto;
	padding:10px;
}

#friend h1 {
	font:15px/20px "Trebuchet MS";
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#333333;
	line-height:normal;
	font-weight:bold;
}

#friend p {
	padding:0px;
	margin:0px;
	color:#000000;
	font:11px/20px Arial;
	line-height:100%;
	letter-spacing:normal;
}

#friend a:link, #friend a:visited, #friend a:active { font-size:10px; color:#003366;}

#friend a:hover {color:#75889b; text-decoration:underline;}


#events {
	background:url(../images/jpegs/calendar.jpg) no-repeat top right;
	background-color:#b0b0b0;
	width:153px;
	border:solid #cccccc 1px;
	margin:0px auto 10px auto;
	padding:10px;
}

#events h1 {
	font:15px/20px "Trebuchet MS";
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#333333;
	line-height:normal;
	font-weight:bold;
}

#events p {
	padding:0px;
	margin:0px;
	color:#000000;
	font:11px/20px Arial;
	line-height:100%;
	letter-spacing:normal;
}

#events a:link, #events a:visited, #events a:active { font-size:10px; color:#003366;}

#events a:hover {color:#75889b; text-decoration:underline;}


/* === Start Body div elements ======================================= */

#intro {
	background:url(../images/jpegs/middle-boxes-bg.jpg) repeat-x;
	background-color:#2e0000;
	width:680px;
	padding:10px;
	margin:0px 0px 0px 5px;
	float:left;
	line-height:normal;
	letter-spacing:normal;
}

#intro h1 {
	line-height:normal;
	letter-spacing:normal;
	font:24px/20px "Trebuchet MS";
	color:#ffffff;
	margin:0px;
	padding:10px 0px 4px 0px;
	font-weight:bold;
}

#intro h2 {
	line-height:normal;
	letter-spacing:normal;
	font:16px/20px "Trebuchet MS";
	color:#CCCCCC;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

#intro h3 {
	width:600px;
	background:#FFFF00;
	line-height:normal;
	letter-spacing:normal;
	font:14px/20px "Trebuchet MS";
	color:#000000;
	margin:10px 0px 12px 0px;
	padding:2px;
	font-weight:bold;
}


#intro p {
	line-height:normal;
	letter-spacing:normal;
	padding:0px 0px 0px 0px;
	margin:0px;
	color:#FFFFFF;
	font:12px/20px "Trebuchet MS";
}

#intro a:link, #intro a:visited, #intro a:active {color:#FFFFFF; font:18px/20px "Trebuchet MS"; }

ul.intro {
	list-style:disc;
	font:12px/20px Arial;
	color:#FFFFFF;
	padding:0px 0px 0px 0px;
	margin:0px;
}

li.intro {
	margin:3px 0px 0px 34px;
}


/* === Footer div elements ======================================= */

#footer {
	border-top:solid #CCCCCC 2px;
	background:none;
	margin:10px auto 10px auto;
	text-align:left;
	width:510px;
	padding:0px;
	clear:both;
}

#footer p {
	line-height:normal;
	letter-spacing:normal;
	padding:0px 0px 0px 0px;
	margin:0;
	color:#333333;
	font:11px/20px Arial;
}

#footer a {
	padding:0px 2px 0px 2px;
	color:#666666;
	text-decoration:none;
}

/* === MISC Class elements ======================================= */

img, a img { border: none; background: transparent; }

.imgLeft {
	float:left;
	padding:5px 5px 0px 0px;
}

.imgRight {
	float:right;
	margin:15px 60px 40px 30px;
}

.imgInner {
	float:left;
	margin:15px 30px 60px 0px;
}