/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');
/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

html {
	height:100%; /* needed for container min-height */
}

body {
	line-height: 1;
	font: normal 12px Arial, Helvetica, sans-serif;
	vertical-align: top;
	color: #616060;
	height:100%; /* needed for container min-height */
	background : #3f1f6b url(../img/bkg_shadow.jpg) repeat-y center;
}
.right {
float: right;
}
.left {
float: left;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.align-center {
text-align:center;
}
.justify {
text-align:justify;
}
.hide {
display: none;
}
.clear {
clear: both;
}
.bold {
font-weight:bold;
}
.italic {
font-style:italic;
}
.underline {
border-bottom:1px solid;
}
.highlight {
background:#d6f545;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
float:left;
margin:4px 10px 4px 0;
}
img.alignright {
float:right;
margin:4px 0 4px 10px;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
.icon-align {
	vertical-align: middle;
}
p {
	margin-bottom: 1.5em;
	line-height: 1.5em;
}

/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited {
	color: #3f1e6b;
}
a:hover {
	color: #99cc01;
}
a:active {
	color: #99cc01;
}

.subnav a:link, .subnav a:visited {
	color: #fff;
	text-decoration : none;
}
.subnav a:hover {
	color: #6a069b;
}
.subnav a:active {
	color: #6a069b;
}
.subnav a.current {
	color: #6a069b;
}

.blog a:link, .blog a:visited {
	color: #fff;
	text-decoration : none;
}
.blog a:hover {
	color: #6a069c;
}
.blog a:active {
	color: #6a069c;
}

.sidenav a:link, .sidenav a:visited {
	color: #616060;
	text-decoration : none;
}
.sidenav a:hover {
	color: #6a069c;
}
.sidenav a:active {
	color: #6a069c;
}

/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 {
	font: normal 1em/36px Arial, Helvetica, sans-serif;
	background : url(../img/bkg_seo_top.gif) no-repeat;
	height : 36px;
	width : 755px;
	float : right;
	padding-left : 25px;
	margin-bottom : 55px;
}
h2{
	font: italic normal normal 1.417em Arial, Helvetica, sans-serif;
  	color: #3f1e6b;
	margin-bottom: 1.5em;
  }
h3 {
	font: bold 1.417em Arial, Helvetica, sans-serif;
  	color: #3f1e6b;
	text-align: right;
	padding-right: 15px;
	margin-bottom: 20px;
  }
h4 {
font: bold 1em Arial, Geneva, Helvetica, sans-serif;
}
h5 {
font: bold 0.9em Arial, Geneva, Helvetica, sans-serif;
}

.xxxlg {
	font-size: 2.25em;
}
.xxlg {
	font-size: 1.667em;
}
.xlg {
	font-size: 1.5em;
}
.lg {
	font-size: 1.333em;
}
.med {
	font-size: 1.167em;
}
.sm {
	font-size: 0.917em;
}
.purple {
	color: #3f1e6b;
}
.green {
	color: #99cc00;
}
.spaced {
	letter-spacing: 2px;
}


/* =4 Misc.
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#dropmenudiv
{
	border-bottom: 1px solid #b6dd10;
	border-left: 1px solid #b6dd10;
	border-right: 1px solid #b6dd10;
	line-height: 18px;
	position: absolute;
	z-index: 999;
}
#dropmenudiv a
{
	color: #616060;
	display: block;
	padding: 5px;
	text-decoration: none;
	text-indent: 3px;
	width: 100%;
}
#dropmenudiv a:hover
{
	color: #3f1e6b;
}
.blog
{
	background: url(../img/bkg_nav_int.gif) no-repeat top right;
	display: inline;
	float: left;
	font: 1.25em Arial, Helvetica, sans-serif;
	color: #fff;
	height: 33px;
	padding: 15px 0 0 30px;
	width: 245px;
}
.list
{
	list-style: none;
	margin: 5px 0 1.5em 0;
}

.list li
{
	padding-left: 10px;
	background-image: url(../img/purple_dot.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	line-height: 1.5em;
}
.callouts
{
	float: right;
	margin: 0 0 20px 20px;
}
.co_contact
{
	margin-top: 20px;
}
.co_signup
{
	background: url(../img/bkg_signup_box.gif) no-repeat bottom left;
	padding: 10px 10px 20px 20px;
	text-align: center;
	width: 176px;
}
.comments
{
	padding: 10px 20px 5px 20px;
	width: 180px;
	border-left: 1px solid #999999;
}
.container
{
	background: #fff;
	height: 100%;
	height: auto !important;
	margin: 0 auto;
	min-height: 100%;
	width: 960px;
	position: relative;
}
.container_int
{
	background: #fff;
	height: 100%;
	height: auto !important;
	margin: 0 auto;
	min-height: 100%;
	padding: 50px 0 0 0;
	width: 960px;
	position: relative;
}
.content
{
	background: url(../img/bkg_content.gif) no-repeat bottom;
	display: inline;
	float: left;
	width: 780px;
}
.content_int
{
	background: url(../img/bkg_content.gif) no-repeat bottom;
	display: inline;
	float: left;
	min-height: 500px;
	padding: 33px 70px 20px 70px;
	width: 640px;
}
.flash
{
	display: inline;
	float: left;
	height: 221px;
	width: 180px;
}
.flash_photo
{
	border-top: 1px solid #fff;
}
.flash_sm
{
	display: inline;
	float: left;
	height: 135px;
	width: 180px;
}
.footer
{
	padding: 5px 0 0 220px;
}
.logo
{
	display: inline;
	float: left;
	height: 32px;
	width: 452px;
}
.mainnav
{
	background: url(../img/bkg_nav.gif) no-repeat;
	display: inline;
	float: left;
	height: 48px;
	list-style: none;
	padding-left: 180px;
	width: 780px;
}
.mainnav li a, .mainnav_int li a
{
	background: url(../img/bkg_nav_item.gif) no-repeat 0 0;
	color: #fff;
	display: block;
	height: 34px;
	padding-top: 14px;
	text-align: center;
	text-decoration: none;
	width: 72px;
}
.mainnav li a:hover, .mainnav_int li a:hover
{
	background-position: 0 -48px;
}
.mainnav li a.current, .mainnav_int li a.current
{
	background-position: 0 -48px;
}
.mainnav li, .mainnav_int li
{
	float: left;
}
.mainnav_int
{
	background: url(../img/bkg_nav_int.gif) no-repeat;
	display: inline;
	float: left;
	height: 48px;
	list-style: none;
	padding-left: 180px;
	width: 505px;
}
.photo_main
{
	display: inline;
	float: left;
	height: 221px;
	position: relative;
	width: 780px;
}
.photo_main div
{
	bottom: 14px;
	color: #fff;
	font-size: 0.917em;
	left: 22px;
	position: absolute;
	width: 290px;
}
.photo_top
{
	display: inline;
	float: left;
	height: 135px;
	position: relative;
	width: 780px;
}
.purple_bar
{
	background-color: #6a069b;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	height: 4px;
}
.rule
{
	border-top: 1px solid #6a069b;
	margin-bottom: 10px;
}
.services
{
	margin: 50px 0 50px 0;
}
.services p
{
	border-right: 1px solid #999999;
	display: inline;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	width: 160px;
}
.services p.end
{
	border-right: none;
}
.sidebar
{
	display: inline;
	float: left;
	padding-top: 33px;
	width: 180px;
}
.sidenav
{
	list-style: none;
	margin-bottom: 50px;
	padding-right: 0px;
	width: 180px;
}
.sidenav li
{
	font: normal normal normal 1em/25px Arial, Helvetica, sans-serif;
	padding-right: 15px;
	text-align: right;
}
.sidenav li:hover
{
	color: #3f1e6b;
}
.sidenav li.current
{
	background-image: url(../img/bkg_sidenav.gif);
	background-position: right 0.4em;
	background-repeat: no-repeat;
}
.sidenav li.current a
{
	color: #3f1e6b;
}
.signup
{
	background: url(../img/bkg_signup.gif);
	float: right;
	height: 32px;
	margin-top: 1px;
	padding-left: 54px;
	width: 221px;
}
.signup #go
{
	float: left;
	margin: 5px 0px 0 5px;
}
.signup #searchbox
{
	background: #fff;
	border: 1px solid #999999;
	color: #999999;
	float: left;
	font-size: 1em;
	height: 21px;
	line-height: 21px;
	margin: 4px 0 0 4px;
	padding: 0 0 0 5px;
	width: 115px;
}
.signup_int
{
	margin: 40px 0 40px 0;
	text-align: center;
	font-size: 0.917em;
	color: #616060;
}
.signup_int #signup_form
{
	margin: 5px 0 5px 30px;
}
.signup_int #go
{
	float: left;
	margin: 8px 0px 0 5px;
}
.signup_int #searchbox
{
	background: #fff;
	border: 1px solid #999999;
	color: #999999;
	float: left;
	font-size: 1em;
	height: 21px;
	line-height: 21px;
	margin: 4px 0 0 4px;
	padding: 0 0 0 5px;
	width: 100px;
}
.signup_int span.signup-head
{
	background-color: #b2d800;
	padding: 5px;
	color: #4e2c80;
	font-weight: bold;
	font-size: 1.167em;
	line-height: 28px;
}
.subnav
{
	background: url(../img/bkg_nav_sub.gif) no-repeat;
	display: inline;
	float: left;
	height: 32px;
	list-style: none;
	padding-left: 29px;
	width: 479px;
}
.subnav li
{
	color: #fff;
	display: inline;
	font: 1em;
	line-height: 32px;
	padding-right: 25px;
}
#content-bottom-left
{
	background: url(../img/bkg_content-bottom.gif) no-repeat top right;
	width: 698px;
	margin: 50px 0 0 0;
	padding: 0 0 25px 0;
	display: inline;
	float: left;
}
#content-bottom-right
{
	width: 262px;
	margin: 50px 0 0 0;
	padding: 0 0 25px 0;
	display: inline;
	float: left;
}

#portfolio
{
	text-align: right;
	margin: 35px 0 0 0;
}
#phone
{
	width: 150px;
	font: bold 1.333em/28px Arial, Helvetica, sans-serif;
	color: #3f1f6b;
	position: absolute;
	top: 275px;
	right: 40px;
	text-align: right;
}
#consultation
{
	width: 255px;
	height: 35px;
	background: #b1d700;
	font: 1.333em/35px Arial, Helvetica, sans-serif;
	color: #fff;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0 0 0 20px;
}


label.error {
	display: block;
	color: #cd7019;
	font-style: italic;
	font-size: 0.917em;
}

input.error {
	background: #f0d4ba;
}

div.error {
	color: red;
}

div.error a {
	color: #336699;
	font-size: 12px;
	text-decoration: underline;
}

.request-form {
	background: #f6fae8;
	border: 1px solid #a186be;
	width: 525px;
	padding: 10px;
	margin: 0 0 20px 0;
}

.form-name {
	width: 100px;
	text-align: right;
	font-weight: bold;
	padding-top: 5px;
}


