/* ========== GLOBAL STYLES ========== */

body {
	background: #333 url('/img/bg_body.png') repeat-x;
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
img {
	border: none;
	margin: 0;
	padding: 0;
	outline: none;
	}
	
img a:link, img a:visited { outline: none; }

/* ========== TEXT ========== */

p {
	font: normal 9pt Arial;
	line-height: 18px;
	color: #231f20;
	margin: 0 0 8px 0;
	padding: 0;
	}

div {
	margin: 0;
	padding: 0;
	}

h1 {
	color: #231f20;
	font: bold 17pt Arial;
	line-height: 18pt;
	padding: 0 0 15px 0;
	margin: 0;
	}

h1.home { font: bold 16pt Arial; }	
	
h2 {
	color: #993333;
	font: bold 13pt Arial;
	line-height: 16pt;
	padding: 4px 0 4px;
	margin: 0;
	}

ul.list {
	margin:0 0 20px;
	padding:0;
	}

ul.list li {
	margin: 0 0 0 5px;
	padding:0 0 8px 15px;
	font: normal 10pt Arial;
	color: #231F20;
	line-height: 18px;
	list-style-type:none;
	background:url('/img/arrow.gif') no-repeat left 5px;
	}

.formtable {
	color: #999999;
	font: bold 9pt Arial;
	margin: 18px 0 0 12px;
	}
	
.inputbox {
	background:#f5f3e7;
	width: 117px;
	height:19px;
	border:1px solid #aba9a3;
	}

.inputarea {
	background:#f5f3e7;
	width: 117px;
	border:1px solid #aba9a3;
	}

.inputbutton {
	background:#666666;
	color: #fcb03f;
	font: bold 9pt Arial;
	border:none;
	
	height: 25px;
	}

.hr {
	height:1px;
	border-top:1px solid #d5d3c5;
	width:95%;
	margin:15px auto;
	}

.name { 
	text-transform:uppercase;
	font-weight:bold;
	}
	
.title {
	font-size: 8pt;
	font-weight:bold;
	}

.red {
	color:#993333;
	font-size: 8pt;
	font-weight:bold;	
	}

/* ========== LINKS ========== */

a, a:visited {
	color: #993333;
	text-decoration: none;
	outline: none;
	font-weight:bold;
	}

a:hover {
	color: #c8827d;
	}

/* ========== Overall Styles ========== */

#logo {
	background:url('/img/logo.png') no-repeat top left;
	position:absolute;
	top:0;
	left:0;
	z-index: 1000;
	height: 121px;
	width: 172px;
	float:left;
	}

#wrapper {
	margin: 0;
	padding: 0;
	width: 588px;
	float:left;
	position: relative;
	background: url('/img/bg_repeat.gif') repeat-y top left;
	}
	
#content {
	background: url('/img/bg_content.gif') no-repeat bottom left;
	width: 498px;
	padding: 70px 45px 55px 45px;
	}

#footer {
	background: #333 url('/img/bg_footer.gif') no-repeat top left;
	margin: 0 auto 20px auto;
	padding: 50px 0 0 0;
	color: #666;
	font: normal 8pt Arial;
	width: 588px;
	float:left;
	}

#footer a:link, #footer a:visited {
	color: #666;
	font: normal 8pt Arial;
	text-decoration: none;
	}

#footer a:hover {
	color: #989a9d;
	border-bottom:1px dotted #666;
	}

#contact {
	background: url('/img/contact.png') no-repeat top left;
	width: 182px;
	height: 166px;
	margin-bottom:20px;
	}
	
#mindy {
	background:url('/img/pic.png') no-repeat top left;
	float:right;
	margin:0 0 20px 20px;
	width:217px;
	height:224px;
	}

/* ======= LIST ITEMS ======= */

#navcontainer{ 
	background: url('/img/bg_top.gif') no-repeat top left;
	width: 588px;
	height: 73px;
	margin: 0;
	padding: 0;
	}

#navlist {
	margin: 0;
	padding: 14px 0 0 0;
	float:right;
	}
	
#navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	float: left;
	color: #FFF;
	font: normal 8pt Arial;
	}

#navlist li a { 
	margin: 0;
	padding: 0;
	}

#navlist li a:link, #navlist li a:visited {
	font: normal 10pt Arial;
	color: #000;
	display: block;   /* VERY IMPORTANT FOR CORRECT DROP DOWN POSITIONING IN IE7, REMOVE FOR HORIZONTAL POSITIONING */
	margin: 0;
	padding: 0;
	text-decoration: none;
	}

#navlist li a:hover { 
	color: red;
	border-bottom:none; 
	}

a.nav1:link, a.nav1:visited { background:url('/img/nav_home.gif') no-repeat top left; }
a.nav1:hover	{ background:url('/img/nav_home.gif') no-repeat 0 -46px; }

a.nav2:link, a.nav2:visited { background:url('/img/nav_services.gif') no-repeat top left; }
a.nav2:hover	{ background:url('/img/nav_services.gif') no-repeat 0 -46px; }

a.nav3:link, a.nav3:visited { background:url('/img/nav_about.gif') no-repeat top left; }
a.nav3:hover	{ background:url('/img/nav_about.gif') no-repeat 0 -46px; }

a.nav4:link, a.nav4:visited { background:url('/img/nav_clients.gif') no-repeat top left; }
a.nav4:hover	{ background:url('/img/nav_clients.gif') no-repeat 0 -46px; }

a.nav5:link, a.nav5:visited { background:url('/img/nav_socialize.gif') no-repeat top left; }
a.nav5:hover	{ background:url('/img/nav_socialize.gif') no-repeat 0 -46px; }

/* CSS DROP DOWN NAVIGATION CONTROLS */
/*  DROP DOWN NAVIGATION  */ 

#navlist li ul {
	position: absolute;
	left: -999em;
	height: auto;
	margin: 0;
	padding: 0;
	background: #e9e9e6;
	border: 1px solid #b8b2a8;
	opacity: .90; 
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9;
	list-style-type: none;
}

#navlist li ul li { padding: 0; margin: 0; float:none; }

#navlist li ul a:link, #navlist li ul a:visited  { 
	font: normal 11px Tahoma;
	color: #1d3f6f !important; 
	text-decoration: none; 
	display: block !important;
	line-height: 22px;
	padding: 0px 20px 2px 10px;	
	text-align: left;
	}
	
#navlist li ul a:hover 	{ 
	background: #112e5a;
	color: #FFF !important;
	text-decoration: none;
	}

#navlist li:hover ul {
	left: auto;
}

#navlist li:hover ul, #navlist li.sfhover ul {
	left: auto;
}

/* FIXES IE7 STICKY */
#navlist li:hover, #navlist li.hover {
    position: static;
}

/* Second Nav List Styles */

ul#secnavlist {
	margin: 0px;
	padding: 0px;
	width: 168px;
	}

#secnavlist li {
	list-style-type:none;
	border-top: 1px solid #FFF;
	line-height: 43px;
	background: #dfdbd5;
	display: block;
	float: left;
	width: 168px;
	}
	
/* nav style of double for two liner */
#secnavlist li.double {
	height: 56px;
	}

#secnavlist a:link, #secnavlist a:visited { 
	font: normal 8pt Arial !important; 
	display: block; 
	float: left; 
	margin: 0px; 
	outline: none; 
	}
	
#secnavlist a:hover {
	text-decoration:underline;
	}