/*
	Author	:	Mike Ilsley
	Email	:	mikeilsley@gmail.com
	Website	:	BeantownDesign.com
*/


@import url("reset.css");





/* GENERAL
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/


body  {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/pageBack.jpg);
	text-align: center;
	color: #333;
}

h1 {font-size:20px; margin-bottom:15px}

/* LINKS
-----------------------------------------------------------------------------*/



a:link, a:visited {color:#66C; text-decoration:none}
a:hover, a:active {color:#66C; text-decoration:underline}



/* CONTAINER
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#container { 
	width: 699px;
	background: #FFF;
	margin: 0 auto;
	text-align: left;
} 


/* HEADER
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/


#header { 
	background: #DDD; 
	
} 

#header h1 {
	margin: 0;
	padding: 10px 0;
}

#logo {position:relative; left:-30px}


/* NAV
-----------------------------------------------------------------------------*/

#mainNav {background:url(../images/navBack.png) no-repeat; width:746px; height:103px; position:relative; top:-40px; left:-24px; z-index:10}






#subNav {width:322px; height:209px; background:url(../images/navBack2.png) no-repeat; float:right; position:relative; right:-23px; top:80px; *top:-100px}
.howButton {float:right; margin-right:30px; margin-top:23px}
.tipsButton {float:right; margin-right:30px; margin-top:21px}
.offersButton {float:right; clear:right; margin-right:30px; margin-top:25px}
.homeButton {float:right; clear:right; margin-right:30px; margin-top:28px}


.servicesButton {float:left; position:relative; top:45px; left:70px}
.shaveButton {float:left; position:relative; top:26px; left:160px}
.contactButton {float:left; position:relative; top:20px; left:220px}

.menuArrow {float:left; position:relative; left:-38px; top:178px; z-index:100}




/* SIDEBAR
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#leftCol {
	float: left;
	width: 200px;
	background: #555;
	padding: 15px 10px 15px 20px;
}


/* MAINCONTENT
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#mainContent { 
	height:367px; width:699px;
	background:url(../images/shop.jpg) no-repeat;
} 



#contBox {background:url(../images/razor.jpg) top left no-repeat #fff; min-height:250px; width:699px; margin-top:-20px}
.homeContB {width:210px; margin-left:35px; float:left}
.updates {margin-left:35px}
.homeContR {width:150px; margin-right: 30px; float:right; border:1px dotted #ddd; padding:3px 3px 3px 5px}
.shavePic {float:right; position:relative; top:-130px; right:-50px; }

.subCont {width:450px; margin-left:35px; float:left}


/* FOOTER
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#footer { 
	color:#FFFFFF; width:699px; margin:0 auto; clear:left; text-align:left; font-size:10px; padding-top:20px
} 
#footer p {}


/* FOOTER LINKS
-----------------------------------------------------------------------------*/

#footer a:link, #footer a:visited {color:#fff; text-decoration:none}
#footer a:hover, #footer a:active {color:#ccc; text-decoration:none}





p {margin-bottom:10px}


.howT {}
.howT td {padding:5px; border:1px solid #ccc}