body {
	background: url(../theme/body-bg.gif) repeat-x left top #C0C0C0;
	width: 100%;
	font: normal 14px "Times New Roman", Times, serif;
	color: #444;
}

h1, h2, h3, h4, h5, h6 {color: #333399; font-family: 'Droid Serif', 'Times New Roman', Times, serif; font-weight: bold;}
h1 {font-size: 2em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1em;}
h4 {font-size: .08em;}

a {color: #0099CC; }

hr {color: #FFF;}

blockquote {margin: 20px 50px; padding-left: 15px; border-left: solid 2px #333399; }

/* ---- BANNER ----*/
#wrapper {width: 1200px; margin: 0 auto;}
.banner {position: absolute; z-index: -1;}
.banner div {width: 1200px; height: 700px;}

/* Structure */
#container {width: 960px; margin: 0 auto;}

/* ---- HEADER & NAV ----*/
#header {
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
	background: url(../theme/header-bg.gif) repeat-x left top #efefed;
	border-bottom: solid 1px #422883;}

#header .logo {float: left; width: 558px; margin: 15px 0;}
#header .logo a img {border: none;}
#header .cta {float: right; text-align: right; margin: 10px 10px 10px 0; font-family: Arial, Helvetica, sans-serif;}
#header .cta p {font-size: 12px; font-weight: bold;	}
#header .cta p span {
	font: bold 28px/1.4em 'Droid Serif', 'Times New Roman', Times, serif; 
	color: #FF9900; text-shadow: 1px 1px 1px gray;}

#header .navigation {
	clear: both; height: 36px; 
	background: url(../theme/bg_nav.gif) repeat-x left top; 
	border-left: solid 1px #422883; border-right: solid 1px #422883;}
	
#header .navigation ul li {float: left;}
#header .navigation ul li a {
	display: block;
	font: bold 14px/36px 'Droid Sans', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	padding: 0 15px;
	text-shadow: 0px 1px 1px #000;
	text-align: center;
	text-decoration: none;}
	
#header .navigation ul li a:hover {background: url(../theme/bg_nav_hover.gif) repeat-x left top;}


/* ---- CONTENT WRAPPER ----*/
#content {border-left: 1px solid #FFF; border-right: 1px solid #FFF; background: #FFF; min-height: 600px;}	
#content-wrap {
	clear: both;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
	background: #FFF;
	margin: 270px 0 0;
	padding: 1px 0 0;}
	

/* ---- SERVICES CTA TOP ----*/	
#services {border: solid 1px #FFF; padding-left: 2px; }
#services p {margin: 32px 0 0 12px; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
#services p a {color: #FFF; text-decoration: none;}
#services .feature {width: 159px; height: 61px; float: left; }


/* ---- MAIN CONTENT AREA ----*/
#main {width: 658px; float: left;} 
#main .txtarea {margin: 25px;}
#main .txtarea h1 {margin: 0 0 25px 0; border-bottom: solid 1px #CCC; color: #0099CC; font-weight: normal;}
#main .txtarea h1 strong {color: #333399;}
#main .txtarea h2 {margin: 0 0 5px 0;}
#main .txtarea p {line-height: 24px; margin: 0 0 25px; font-family: Arial, Helvetica, sans-serif; }
#main .txtarea img {
	border: 3px solid #FFF;
	-moz-box-shadow: 0 1px 3px #000;
	-webkit-box-shadow: 0 1px 3px #000;
	box-shadow: 0 1px 3px #000;}
	
#main .txtarea ul {margin: 0 0 25px 15px; }
#main .txtarea ul li {
	background: url(../theme/bullet_o.png) no-repeat left 8px;
	padding: 0 0 0 20px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;}
	
#main .txtarea ol {margin: 10px 0 25px 30px;  }
#main .txtarea ol li {padding: 10px 0 0 0px; line-height: 20px; list-style: decimal outside;}
	

/* ---- RIGHT SIDEBAR ----*/
#right {float: left; background: url(../theme/bg_sidebar.jpg) repeat-x left top #FFF; 
	width: 280px; margin-top: 3px; padding: 10px; color: #656565;}
#right h2 {border-bottom: solid 1px #CCC; margin: 25px 0 10px 0; padding-bottom: 5px;}
#right p {margin: 20px; line-height: 18px;}
#right ul.social li {display: inline; padding: 0;}		

#right .readmore {text-align: right; margin: 0; padding: 0;}
#right .testimonial {font-weight: bold; margin: 0; padding: 0;}
#right .addy {font-weight: bold; margin: 0; padding: 0;}
#right .addy img {margin: 0 10px 0 0;}
#right .link {font: normal 11px/1.4em Arial, Helvetica, sans-serif;}

#right ul li {
	background: url(../theme/bullet_b.png) no-repeat 10px 10px;
	padding: 0 0 0 25px;
	line-height: 25px;
	font-weight: bold;}

/* ---- FORM ----*/
#form {text-align: center; color: #FFF; border: solid 3px white; background: url(../theme/bg_form.gif) repeat-x top left #0094c3; }
#right #form h2 {border: none; color: #0099CC; font-size: 1.4em;  border: none; margin: 15px 10px 0;}
#form h2 span {font-style: italic; font-size: 28px; color: #FF9900;}
#right #form p {text-align: left; font: normal 12px/1.4em Arial, Helvetica, sans-serif; margin: 0 10px 10px;}
#right #form p span {color: #FF9900; font-weight: bold;}
input, textarea, select {
	border: 1px solid #C2C2C2;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #444;
	width: 240px;
	margin: 0 10px 10px;
	text-transform: uppercase; 
	padding: 5px;}
select {padding: 4px 5px 4px 0; width: 250px; }
.submit {border: 0; width: 124px; height: 35px; float: right; }
.txtarea input, .txtarea textarea, .txtarea select {width: auto; }

/* ---- BOTTOM CTA ----*/
.bottom {
	clear: both; font: bold 16px/1.4em 'Droid Sans', Arial, Helvetica, sans-serif; 
	text-transform: uppercase; margin: 20px 20px 40px 20px; padding-top: 10px; border-top: solid 1px #CCC; }
.bottom p {padding: 15px 0 0;}
.bottom strong {color: #669900;}
.bottom span {color: #FF9900; font-weight: bold;}
.bottom img {margin: 0 10px 0 25px;}

/* ---- MEMEBER LOGOS ----*/
#content #members {clear: both; background: #d7d7d7; padding: 10px;}
#members p {line-height: 18px; margin: 5px 0 0;}

/* ---- FOOTER ----*/
#footer {color: #555; margin: 30px 0; font: normal 12px/1em Arial, Helvetica, sans-serif;}
#footer strong {color: #0099CC;}
#footer p {padding-left: 10px;}
#footer p strong span.phone {color: #0099CC;}
#footer ul {margin: 0 0 15px;}
#footer ul li {display: inline; padding: 0 10px; border-right: solid 1px #555;}
#footer ul li.last {border: none;}
#footer ul li a {color: #555; text-decoration: none; }
#footer ul li a:hover {color: #0099CC; text-decoration: underline; }

/* ---- MISC ----*/
.clear {clear: both; }
.center, .right, .left {margin: 10px; }
.center {text-align: center; }
.right {float: right; }
.left {float: left; }
.img_right {float: right; margin: 0 0 0 10px; border: solid 3px #FFF;}
.img_left {float: left; margin: 0 10px 0 0; border: solid 3px #FFF;}
.green {color: #80BD05;}