/*
	Theme Name: Maturity Marketing
	Theme URI: http://www.maturitymarketing.com
	Description: 
	Version: 2.0	
*/

/********************
STYLES FOR THE GLOBAL RESETS
********************/

* { outline:none; margin:0; padding:0;}
a img { outline:none; border:none;}
.clear { clear:both }


/********************
GENERAL GLOBAL STYLES
********************/

body, html {
	background-color: #cccc99;	
	width:100%;
	height:100%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#676868;	
}

p {
	padding: 0 35px 0 35px;
	color:#595F66;
	line-height:15px;
	font-weight:normal;
}

h1 {
	font-family: Georgia, serif;
	padding:2px 35px 3px 35px;
	color:#ffffff;
	font-size:26px;
	line-height:38px;
	font-weight:normal;
}

h2 {
	font-family: Georgia, serif;
	padding:20px 0 3px 35px;
	color:#ffffff;
	font-size:26px;
	line-height:38px;
	font-weight:normal;
}
h3 {
	font-family: Georgia, serif;
	padding:20px 0 3px 35px;
	color:#fff;
	font-size:26px;
	line-height:38px;
	font-weight:normal;
}

.txtGold{ color:#999900;}
.txtWhite{ color:#fff;}


h3 a{
	color:#FFF;
}
h3 a:visited{
	color:#FFF;
}
h3 a:hover{
	color:#666;
}
a:hover .goldOver {
	color:#999900;
}
a, a:active{
	text-decoration:none;
	color:#4D4D4D;
}
a:hover {
	text-decoration:none;
	color:#fff;
}
#contentArea p a:hover {
	text-decoration:none;
	color:#999900;
}

.active{ color:#FFF;}
.active2{ color:#999900;}

input{
	width:185px;
	margin: 3px 0 5px 0;
}
textarea{
	width:240px;
	margin: 0 0 5px 0;
	
}

	
#contentArea ul {
	list-style-type: none;
	padding: 0 0 20px 0;
	margin: 0;
	}

#contentArea li {
	background: url(../images/bullet.gif) left top no-repeat;
	padding-left: 16px;
	margin:4px 0 4px 30px;
		line-height:14px;

}
	

#contentArea .serendipity_entry_extended ol li {
background:none;
}

/********************
MENU STYLES
********************/

#submenu{
	padding: 0 0 0 35px;
}
#submenu a{
	font-size:11px;	
	font-weight:bold;
	color:#666666; 
	padding: 0 8px 0 0;
}
#submenu a:hover{
	color:#999900;
}

#mainMenu .navList a {
	font-size: 14px;
	font-family: Georgia, serif;
	color:#4D4D4D;	
	display: block;
	text-decoration:none;
	background: none;
	padding:0 0 5px 31px;

}
#mainMenu a:hover {
color:#fff;
}

#mainMenu #nav li li a {
	display: block;
	font-size: 14px;	
	font-family: Georgia, serif;
	color: #4D4D4D;
	padding: 0px;
	margin:0 0 7px 5px;
}
#mainMenu #nav li li a:hover {
color:#999900;
}

#mainMenu li {
	position: relative;
	float: left;
	background:none;
	display:inline;
	list-style-type:none;
	padding:0px;
	cursor: default;
}

#mainMenu li ul {
	display: none;
	position: absolute;
	left: 0;
	margin: 0px 0 0 25px;
	padding:5px;
	background: url(../images/bg_transparent.png);
	width:122px;
}

#mainMenu li>ul {
	top: auto;
	left: auto;
}

#mainMenu li li {
	display: block;
	float: none;
}

#mainMenu li:hover ul, li.over ul {
	display: block;
}


#footer #navList{
	color:#4D4D4D;
	font-family: Georgia, serif;
	text-decoration:none;
}
#footer #navList {
	margin:0;
	padding:4px 0 0 0px;
}
#footer #navList li {
	display:inline;
	list-style-type:none;
	padding:0px;
	margin:0 0 0 38px;
	height:37px;
}

/********************
CONTENT WRAPPERS
********************/

#MainWrapper{
	background: #FFF;
	width:800px;
	margin:0 auto;
}
#topbar{
	background:#979937;
	width:800px;
	height:37px;
}
#header{
	background:#fff url(../images/header.gif) no-repeat;
	width:729px;
	height:105px;
	margin: 0 0 0 35px;
}
#mainMenu{
background:transparent url(../images/bg_mainMenu2.jpg) repeat scroll 0 0;
height:18px;
margin:0 0 0 35px;
padding:16px 0 3px 80px;
width:649px;
}
#spacerTop{
	background:url(../images/spacerTop.gif) no-repeat;
	width:729px;
	height:21px;
	margin: 0 0 0 35px;	
}
#spacerBtm{
	background:url(../images/spacerBtm.gif) no-repeat;
	width:729px;
	height:22px;
	margin: 0 0 0 35px;	
}	
#contentArea{
	background:#cccc98;
	width:729px;
	margin: 0 0 0 35px;	
	min-height:320px;
}
#links_col1{
	float:left;
	width:190px;
}
#links_col2{
	float:left;
	width:220px;
}
#footer{
	background: url(../images/footer.gif);
	width:729px;
	height:59px;
	margin: 0 0 0 35px;	
}

.col40{
	float:left;
	width:38%;
}
.col50{
	float:left;
	width:47%;
}
.col60{
	float:left;
	width:59%;
}