/* drewcooks.com */


/* ----- general styles ----- */

* {				
	margin: 0;
	outline: none;
}

html, body {
	height: 100%;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#2D1906;
	background:url(../images/bg.gif);
}

#container {
	width:960px;
	min-height: 100%;			/* make footer stick to bottom of page */
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
	background:#f7f5f0;
}

h1, h2, h3 {
	font-family:"Century Gothic", Arial, sans-serif;
	color:#DE7800;
}

h1 {
	font-size:24px;
	margin:20px 0;

}

h2 {
	font-size:18px;
	margin:30px 0 18px;
}

h3 {
	font-size:14px;
	margin:25px 0 8px;
}

.noMargin {
	margin:0;
}

.clear {
	clear:both;
	}


p {
	text-align:justify;
	margin-bottom:15px;
}

a {
	color:#DE7800;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#783F02;
}

.button {
	border:#562610 1px solid;
	color:#562610;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	padding:3px;
	float:none;
}

.button:hover {
	background-color:#cac2bf;
}


/* ----- header + menu container ----- */

#header {
	width:960px;
	height:160px;
	background:url(../images/header3.jpg);
	position:relative;
}	

#menuCorner {
	width:37px;
	height:47px;
	background:url(../images/menutab-corner-tan.gif);
	float:right;
}

#navmenu {
	width:600px;
	height:47px;
	background:url(../images/menutab-bg-tan.gif);
	float:right;
}

#header a {
	width:175px;
	height:109px;
	position:absolute;	
	left:108px;
	top:25px;
}

#homeLink i {
	visibility:hidden;
}


/* -------------------- nav menu -------------------- */



/* rollovers for main menu links */

#menuLink1 {
	display:block;
	width:89px;
	height:17px;
	background:url(../images/menu_services.gif);
}

	#menuLink1:hover {
		background-position:-89px 0;
	}

#menuLink2 {
	display:block;
	width:115px;
	height:17px;
	background:url(../images/menu_menuitems.gif);
}

	#menuLink2:hover {
		background-position:-115px 0;
	}

#menuLink3 {
	display:block;
	width:121px;
	height:17px;
	background:url(../images/menu_blog.gif);
}

	#menuLink3:hover {
		background-position:-121px 0;
	}

#menuLink4 {
	display:block;
	width:66px;
	height:17px;
	background:url(../images/menu_about.gif);
}

	#menuLink4:hover {
		background-position:-66px 0;
	}

#menuLink5 {
	display:block;
	width:98px;
	height:17px;
	background:url(../images/menu_contact.gif);
}

	#menuLink5:hover {
		background-position:-98px 0;
	}




/* rollovers for drop down menu links */

.dropDownLink1, .dropDownLink2, .dropDownLink3, .dropDownLink4, .dropDownLink5, .dropDownLink6, .dropDownLink7, .dropDownLink8, .dropDownLink9, .dropDownLink10 {
	display:block;
	width:122px;
	height:12px;
	margin:15px 5px;
}

.dropDownLink1 {
	background:url(../images/dropdown01.gif);
}

.dropDownLink2 {
	background:url(../images/dropdown02.gif);
}

.dropDownLink3 {
	background:url(../images/dropdown03.gif);
}

.dropDownLink4 {
	background:url(../images/dropdown04.gif);
}

.dropDownLink5 {
	background:url(../images/dropdown05.gif);
}

.dropDownLink6 {
	background:url(../images/dropdown06.gif);
}

.dropDownLink7 {
	background:url(../images/dropdown07.gif);
}

.dropDownLink8 {
	background:url(../images/dropdown08.gif);
}

.dropDownLink9 {
	background:url(../images/dropdown09.gif);
}

.dropDownLink10 {
	background:url(../images/dropdown10.gif);
}

/* ------- Menu style ----- */

#navmenu {
	z-index:100;
	position:relative;
}


/* overall drop-down menu styling */
.dropDown, .dropDown2 {
	width:137px;
	padding:16px 0pt 20px 5px !important;
	background-position:-34px -1px;	
	z-index:100;
	position:relative;
}

.dropDown {
	background-image:url(../images/dropdown-bg.png);
	height:259px;
}

.dropDown2 {
	height:173px;
	background-image:url(../images/dropdown-bg2.png);	
}


/* cada item de la lista dentro de cada submenu */
.dropDown li, .dropDown2 li {
	clear:left;
	height:30px;
	z-index:100;
	position:relative;
}	

/* efectos de hover en los links */
.dropDown a:hover, .dropDown2 a:hover {
	background-position:-122px 0;
	z-index:100;
}	

.menuLink {
	margin:10px 10px 0;
}
	
.new {
	position:absolute !important;
	display:block;
}


/* ----- footer ----- */
#footer {
	width:960px;
	height:4em;
	background:#562610;
	margin:auto;
}

#push {
	height: 4em;
	clear:both;
}

#promoslip {
	height: 250px;
	margin-left: 20px;
}

#footerContact {
	padding:15px 35px 0 20px;
	font-size:10px;
	color:#bba89f;
}

#footerIsboli {
	margin:15px 20px 0 0;
	float:right;
	font-size:10px;
	color:#bba89f;
}

#footer a {
	color:#bba89f;
}

#footer a:hover {
	color:#e3dad7;
}

#footer a:hover {
	color:#e3dad7;
}

