/*----------------------------------------------------------
title:		master stylesheet
template:	00187
----------------------------------------------------------*/

* {margin: 0; padding: 0; outline: 0;}

p { margin: 5px 0px 5px 0px;}

body {font: 12px Arial,sans-serif; color: #646464; text-align: left; background: #000;}

a { color: #999; text-decoration: none; cursor: pointer;}
	a:hover {text-decoration: underline;}
	a img {border: 0;}

.ar {display: block; text-align: right;}
.ac {display: block; text-align: center;}
.al {display: block; text-align: left;}
.cl {clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;}
.fr {float: right; display: inline;}
.fl {float: left; display: inline;}
.hidden {display: none;}
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}
.shell {margin: 0 auto; width: 940px;}
.clear {clear: both;}

#logo {float: left; margin: 10px 0 0 10px; padding: 0; font-size: 30px; color: #999;}

.mylogo {float: left; margin: 0; padding: 0; width: 100%; height: 100%; font-size: 27px!important;}

h3 {font-size: 15px; line-height: 18px; color: #999;}

#page {float: left; margin: 0; padding: 10px 0 10px 0; background: #fff;}
	#page .btm {float: left; clear: both; width: 940px; height: 11px; font-size: 0; line-height: 0;}

	#page #copy {clear: both; height: 22px; font-size: 11px; line-height: 200%; background: #eee url(/images/credit_cards.jpg) right center no-repeat; color: #000; border: 3px solid #eee;}

a#ew { background: url('/images/element-works-logo.jpg') left center no-repeat; padding-left: 20px; line-height: 20px;}

#header {height: 70px; width: 940px;}
	#header .right-area {width: 220px; float: right; display: inline; padding: 0px 0px 10px 0;}
	#header .right-area a {font-size: 11px; float: left; position: relative; text-decoration: none; color: #999!important;}
	#header .right-area a:hover {text-decoration: underline;}
	#header .right-area .header-links span {color: #686868; float: left; padding: 0 7px;}

#content {width: 940px;}
	#content .frame {width: 940px; margin: 0 auto; padding-bottom: 10px;}

#nav {height: 25px; padding-bottom: 5px; margin-bottom: 5px; clear:both; background: #f8f8f8;}
	#nav ul {height: 25px; list-style-type: none; padding-left: 5px;}
	#nav li {line-height: 25px; padding-right: 35px;}
	#nav li a {color: #717171; padding: 0px 10px; line-height: 28px;}

#nav ul { display: inline; margin :0; padding: 0;}

#nav ul li { display: none;}
#nav ul li { display: inline; padding: 0; margin: 0; margin-right: 30px;}
#nav ul li a { display: inline;}
#nav li ul li { display: none;}

#content-left li.subcats ul {
	background: #ccc;
	margin: 0;
	padding: 0;
	width: 220px;
}

#content-left li.subcats ul li {
	background: #ccc;
	margin: 0;
	padding: 0;
	width: 220px;
}

#content-left #dcatMenu li a:link, #content-left #dcatMenu li a:visited {
	text-decoration: none;
}

#content-left #dcatMenu li a:hover {
	color: #000;
}

#content-left ul, #content-left ul li {
	margin: 0;
	padding: 0;
}

#content-left ul ul li {
	margin: 0;
	padding: 0;
	margin-left: -10px;
}

#content-left ul a {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height: 2;
}

#content-left ul ul a {
	font-size: 11px;
	font-weight: normal;
	line-height: 1.30;
}

#topNav {margin: 0; padding: 9px 0 0 0; width: 940px;}
    #topNav .left {float: left; width: 0;}
    #topNav .center {width: 96%;}
    #topNav .center .link {float: left; padding: 0; width: 115px; text-align: center;}
    #topNav .center .link a {font-family: Arial,sans-serif; font-size: 15px; font-weight: normal; text-decoration: none; color: #fff;}
    #topNav .center .link a:hover {color: #999;}
    #topNav .center .spacer {float: left; width: 0; height: 35px;}
    #topNav .right {float: left; width: 2%;}

#content-left {width: 210px; float: left; margin-right: 7px; display: inline;}

#content-right {width: 210px; float: left; margin-left: 7px; display: inline;}

a.detail {display: block; width: 69px; line-height: 32px; background: url../images/detail-bg.gif); color: #fff; margin: 14px auto; text-align: center; font-weight: bold;}

#content-middle {float: left; width: 705px; min-height: 400px; display: inline; background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
	#content-middle .box .frame {margin: 0 auto; padding: 10px;}
	#content-middle p.display {font-size: 12px; color: #999; padding-top: 8px;}
	#content-middle p.location {font-size: 14px; font-weight: bold; color: #666;}

.pageNote, .pageNote p { text-align: justify; }

#footer {float: left; margin: 0; padding: 0; width: 940px; clear: both;}

#splashpage {clear: both;}

#splashpage img { margin-bottom: 5px;}

.middlecats { margin-left: 5px; margin-right: 5px;}

#splashpagefloat {
	text-align: right;
	width: 940px;
	height: 300px;
	top: 285px;
	position: absolute;
	z-index: 10;
	background: none;
}

#splashpagefloat img {
	margin-right: 15px;
}

div.copyright {display: none;}

#foottable td {
	text-align: left;
	vertical-align: top;
}

#footnavs {width: 480px;}

#helplinks {width: 150px;}

#newsletter {padding: 10px;}

#newsletter .title {font-weight: bold;}

.nav2 {
	float: left;
	margin: 0;
	padding: 15px 0 10px 0px;
	width: 150px;
	}

.nav2 .title {
	margin: 0;
	padding: 0;
	width: 120px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #646464;
	}

.nav2 ul {
	margin: 0 0 0 1px;
	padding: 0;	
	text-align: left;
	list-style: none;
	}

.nav2 ul li {
	text-align: left;
	line-height: 1.50;
	}

.nav2 ul li a {
	text-decoration: none;
	color: #686868;
	}

.nav ul li a:hover {
	text-decoration: underline;
	color: #999;
	}

div#facebook  {
	margin-top: 3px;
	text-align: right;
	width: 124px;
	float: right;
}