/* 
Title:		Synergy Interactive Styles
Author:     New Wave Media
Website: 	http://www.newavemedia.com
*/

body {
	text-align: left;
	font-size: small;
	font-family: Helvetica, Arial, sans-serif;
	margin: 5px 0 0 0;
	padding: 0;
	background: #030300 url("../images/bg.jpg") top center repeat-x;
	text-align: center;
	color: #fff; 
}

/* ---[ MAJOR IDS ]------------------------------- */

#header {
	width: 810px;
	padding: 0;
	text-align: left;
	margin: 0 auto;
	height: 95px;
}

#header h1 {float: left}

#mainHolder {background: #fff url("../images/bgMain.jpg") top center repeat-x; margin: 9px 0 0 0; padding: 10px; border-top: 1px solid #fff}

#main {
	width: 810px;
	padding: 0;
	text-align: left;
	font-size: 95%;
	line-height: 1.5em;
	margin: 0 auto;
}

#main p {padding: 0}

#contentHolder {background: #3b3b3b url("../images/bgContent.jpg") top center repeat-x; padding: 30px 0; float: left; width: 100%}

#content {
	width: 810px;
	padding: 0;
	text-align: left;
	font-size: 95%;
	line-height: 1.5em;
	margin: 0 auto;
}

#bodyText {float: left; width: 535px; margin: 0 0 0 15px}
#bodyText h1 {border-bottom: 1px solid #999; padding: 0 0 5px 0; margin: 0 0 15px 0}
#bodyQuote {background: transparent url("../images/quoteMiddle.gif") top right repeat-y; margin: 0 0 0 590px; width: 215px}
#bodyQuote h1 {background: transparent url("../images/quoteTop.gif") top right no-repeat; text-indent: -9999px; overflow: hidden; height: 68px; padding: 0; margin: 0 0 3px 0}
#bodyQuote p {color: #000; background: transparent url("../images/quoteEnd.gif") bottom right no-repeat; padding: 0 15px 3px 15px; margin: 0 10px 0 0; line-height: 1.25em; font-size: 90%}
p#credit {background: transparent url("../images/quoteBottom.gif") bottom right no-repeat; text-align: right; padding: 10px 15px 15px 15px; margin-right: 0; min-height: 53px} 

#footerHolder {background: transparent url("../images/bgFooter.gif") top center repeat-x; border-bottom: 5px solid #f8981d; clear: both}

#footer {
	background: transparent url("../images/synergyFooter.gif") top right no-repeat;
	width: 780px;
	text-align: left;
	padding: 25px 0 50px 0;
	margin: 0 auto;
	font-size: 80%;
	line-height: 1.25em;
	color: #f0cc01
}


/* ---[ NAVIGATION ]------------------------------- */

#nav {float: right; margin: 10px 10px 0 0; padding: 0; list-style: none; background: transparent url("../images/navBG.gif") 3px 0 no-repeat; height: 12px}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border: 1px solid #fff;
	float: left
}

#nav a {
	display: block;
	padding-right: 0;
	margin-right: 0; 
	text-decoration: none;
	text-indent: -9999px;
	padding-bottom: 3px;
	overflow: hidden
}

#nav li {float: left}

#n1 a {width: 40px}
#n2 a {width: 64px}
#n3 a {width: 68px}
#n4 a {width: 71px}
#n5 a {width: 72px}
#n6 a {width: 58px}

#n1 {width: 40px; margin-right: 20px;}
#n2 {width: 64px; margin-right: 20px;}
#n3 {width: 68px; margin-right: 21px;}
#n4 {width: 71px; margin-right: 20px;}
#n5 {width: 72px; margin-right: 22px;}
#n6 {width: 58px; margin-right: 0}

#nav li#n6 a {border: 0; padding: 0; margin: 0}

#n1 a:hover, #home #n1 a {background: transparent url("../images/navBG.gif") 3px -23px no-repeat}
#n2 a:hover, #company #n2 a {background: transparent url("../images/navBG.gif") -57px -23px no-repeat}
#n3 a:hover, #products #n3 a {background: transparent url("../images/navBG.gif") -141px -23px no-repeat}
#n4 a:hover, #portfolio #n4 a {background: transparent url("../images/navBG.gif") -230px -23px no-repeat}
#n5 a:hover, #resources #n5 a {background: transparent url("../images/navBG.gif") -321px -23px no-repeat}
#n6 a:hover, #contact #n6 a {background: transparent url("../images/navBG.gif") -415px -23px no-repeat}

#nav li ul li {text-transform: capitalize; font-weight: normal; clear: both; width: 100%; margin-right: 0; padding-bottom: 10px}
#nav li ul li a {border-right: 0; border-bottom: 1px solid #666; padding-bottom: 2px; text-indent: 0; height: auto; float: none; width: 100%}
#nav li ul li a:hover {border-bottom: 1px solid #f0cc01; background-image: none; color: #f0cc01}

#company #n2 ul li a {background-image: none}
#products #n3 ul li a {background-image: none}
#portfolio #n4 ul li a {background-image: none} 

#nav li ul {
	position: absolute;
	left: -999em;
	padding: 13px 15px 0 15px;
	border: 1px solid #ccc;
	background: #000 url("../images/navDrop.jpg") bottom right no-repeat;
	width: 150px
}

#nav li:hover ul {}

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

/* ---[ TEXT ]------------------------------- */

p {margin: 0; padding: 0 0 15px 0; line-height: 1.75em}

strong {font-weight: bold; color: #f8981d}
#bodyQuote strong {color: #000}

address {font-style: normal; float: left; width: 268px; line-height: 1.25em; padding: 0 0 0 10px; margin: 0}

/* ---[ HEADLINES ]------------------------------- */

h1 {padding: 0; margin: 0; font-size: 110%}
h2 {
	font-weight: bold;
	font-size: 110%;
	color: #f8981d;
	padding: 0;
	margin: 0;
	clear: both
}
h3 {font-weight: normal; font-size: 100%; color: #fcfbe3; padding: 0; margin: 0 0 5px 0}

/* ---[ LINKS ]------------------------------- */

a {text-decoration: underline; color: #fff}
strong a {font-weight: bold; color: #f8981d}
a:hover, a:visited:hover {text-decoration: none}
a img {border: none}

#footer a {color: #f0cc01}

/* ---[ LISTS ]------------------------------- */

ul {margin: 0; padding: 0 0 15px 0; list-style: none}
li {margin-bottom: .50em}


/* ---[ FORM STYLE ]------------------------------- */

form {background-color: #030300; border: 1px solid #999; float: left; width: 535px; padding: 20px 0}
form div {float: left; margin-bottom: 10px; width: 485px}
div#submit {width: 65px; float: none; margin-bottom: 0}
form p {margin-left: 20px; float: left}
form strong {color: #fff}
label {text-align: right; width: 120px; float: left; margin-right: 10px; line-height: 2.5em}
textarea {width: 350px; color: #333; padding: 5px 0}
input {width: 150px}
input.button {width: 65px; float: left; clear: both; margin-left: 130px}
input, textarea {
font-family: Helvetica, Arial, sans-serif;
font-size: 100%;
line-height: 1.5em
}



/* ---[ MISC ]------------------------------- */

#contactInfo {float: left}
#contactDetails {float: left; padding: 0 0 0 30px}

.left {float: left; padding: .25em .75em 0 0}
#nwm-credit {background: transparent url("../images/nwm-icon.gif") center left no-repeat; padding: 10px 30px}
hr {
	height:1px;
	width:100%;
	background:#FFF;
	margin: 10px 0px;
}
.strongWhite {
	color: #FFF;
}
.callout {
	font-size: 16px;
	line-height: 1.5em;
}