/*	D'Lish Intimate Catering
		master.css
*/

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	background: #dbd3af url(../img/bg.jpg) repeat-y top center;
	height: 100%;
	}
html, body, div, p, ul, ol, li, dl, dt, dd {
	font-family: Arial, Helvetica, sans-serif;
	}

/* current states */
body#home #nav li.home a,
body#services #nav li.services a,
body#catering #nav li.catering a,
body#parties #nav li.parties a,
body#design #nav li.design a,
body#about #nav li.about a,
body#contact #nav li.contact a {
	color: #76b043;
	}

a {
	color: #303;
	}
a:hover {
	color: #570b57;
	}
a:active {
	color: #570b57;
	}
a.noline {
	text-decoration: none;
	}
	
a {
	border: 0;
	}
.nomargin {
	margin: 0;
	}
.float_left {
	float: left;
	}
.clear {
	clear: both;
	height: 0;
	}


/*// =Structure */

#wrapper {
	margin: 0 auto -70px;
	width: 900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}


/*// Masthead */

#masthead {
	background: #303;
	height: 145px;
	width: 900px;
	}
#masthead a {
	color: #fff;
	text-decoration: none;
	}

#masthead a.active {
	color: #76b043;
	}
#masthead #logo {
	/*float: right;*/
	margin-left: 20px;
	background: url(../img/logo.jpg) no-repeat top left;
	height: 110px;
	width: 140px;
	}
#masthead h1 {
	margin: 0;
	text-indent: -999em;
	width: 140px;
	}
#masthead h1 a {
	float: right;
	/*height: 150px;*/
	padding-top: 10px;
	}

#nav {
	display: inline;
	margin-left: 20px;
	margin-right: 22px;
	padding-top: 0px;
	float: right;
	}
#nav ul {
	display: inline;
	list-style: none;
	padding: 0;
	}
#nav ul li {
	display: inline;
	}
#nav ul li a {
	display: block;
	float: left;
	padding: 8px .7em 0 .7em;
	font-weight: bold;
	font-size: 14px;
	height: 23px;
	}
#nav ul li a:hover {
	color: #76b043;
}
#nav ul li a:active {
	color: #76b043;
}



/*// =Content */

#content {
	font: Arial, Helvetica, sans-serif;
	}

#content h1 {
	font: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	font-size: 150%;
	font-weight: bold;
	color: #303;
	}
	
#content h2 {	
	font: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 115%;
	font-weight: lighter;
	color: #303;
	}

#content h3 {
	font: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #303;
	margin-top: 40px;
	}
	
#content h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	color: #303;
	}
		
/*#content .pics  img{ 
	background-color: #eee;  
    width:  340px; 
    height: 250px;
}*/ 

#content #leftcol {
	display: inline;
	margin-top: 50px;
	float: left;
	overflow: hidden;
	width: 350px;
	}
	
#content #rightcol {
	display: inline;
	margin-top: 30px;
	margin-left: 30px;
	float: left;
	overflow: hidden;
	width: 450px;
	}
/* override the column widths for the homepage */
body#home #content #leftcol { width: 350px; }
body#home #content #rightcol { width: 450px;}
/*#leftcol img.prod {
	margin-bottom: 20px;
	}*/

input, textarea {
	padding: 3px;
	border: 1px solid #aaa290;
	}
input:focus {
	border: 1px solid #000;
	}
input.button {
	padding: .3em;
	background: #303;
	border: 1px solid #303;
	color: #fff;
	cursor: hand;
	}
form label em {
	color: #C4B69D;
	font-size: 92%;
	}
.italic{
	margin-top: 0px;
	font-style: italic;
	font-weight: lighter;
}

p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: lighter;
	line-height: 130%;
	color: #303;
}

ul
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 130%;
	font-weight: lighter;
	color: #303;
}
.homeimg
{
width: 800px;
margin-top: 50px; 
margin-left: 30px;
}

.hometext 
{
margin-top: 0px;
margin-left: 500px;
padding-right: 20px;
padding-left: 20px;
}

.pics
{
width: 320px;
height: 350px;
margin-top: 0px; 
margin-left: 30px;
margin-bottom: 0px;
overflow: hidden;
}

.pics2
{

margin-top: 0px; 
margin-left: 30px;
margin-bottom: 0px;
overflow: hidden;
}

.logo
{
margin-left: 30px;
margin-top: 10px;
width: 75px;
}
.quotes
{
margin-top: 30px; 
margin-left: 30px;
overflow: hidden;
}
.share
{
margin-top: 10px; 
}
.links
{
width:20px; 
color: #fff;
}

/*// =Footer */

#footer, .push {clear: left;
	height: 70px;
	}
#footer {
	margin: 0 auto;
	padding-top: 40px;
	background: url(/img/border.gif) repeat-x bottom left;
	text-align: center;
	font-size: 10px;
	line-height: 140%;
	width: 900px;
	}
#footer p {
	color: #303;
	}
#footer a {
	text-decoration: none;
	}
#footer a:hover {
	text-decoration: underline;
	}