/*-----------------------------------------------------------------------------
Swift Mail
Floated 2 Column Fixed Width 850px (Main Content Left)

version:   1.0
date: feb 12, 2008
author:    darryl bray
email:     darrylbray@elviowebdesign.com
website:   http://www.elviowebdesign.com/
-----------------------------------------------------------------------------*/

body {
background: url(../images/black_diagnol_large_2.gif) repeat-x;
font-size: 80%;
}

/* Sart BluePrint Over Ride */

hr { 
height: 1px;
}

/* End BluePrint Over Ride */

html{ 
overflow-y:scroll; /* Prevents Firefox Scroll Bar Jump */
}

a {
  color: #054b40;

}

a:hover {
text-decoration: none;
  color: #054b40;
}

h1 {
  font-size: 2.4em;
  font-weight: normal;
  color: #055a40;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
  color: #055a40;  
} 

h3 {
  font-size: 1.6em;
  font-weight: normal;
  color: #055a40;  
}

.clearboth {
clear:both;
}

.floatleft {
float:left;
}

.floatright {
float:right;
}

.bigtext {
font-size: 125%;
font-family:Arial, Helvetica, sans-serif;
}

#scroll {
position:absolute;
top:0;
bottom:-0.1px;
width:1em;
z-index:-1;
} 

#wrapper {
}

#branding {
position: relative;
margin-bottom: 70px;
height: 70px;
}

.positionlogo {
position: absolute;
top: 0px;
left: 10px;
}

.callus {
position: absolute;
top: 25px;
left: 615px;
}

#mainNavigation {
position: absolute;
top: 85px;
left: 0px;
}

#mainNavigation ul {
margin:0;
padding:0;
list-style: none;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

#mainNavigation ul li {
display: inline;
}

#mainNavigation ul li a {
color: #ffffff;
font-size: 110%;
padding: 0 1.0em;
text-decoration: none;
border-right: 1px solid #ee9b37; 
}

#mainNavigation ul li a:hover {
color: #cccccc;
}

#mainNavigation ul .last a {
border-right: none;
}

#mainMessage {
position: relative;
height: 225px;
background-color: #e3decb;
}

.mainmessage {
position: absolute;
top: 20px;
left: 40px;
}

.signupbutton {
position: absolute;
top: 150px;
left: 35px;
}

.envelope {
position: absolute;
top: 20px;
left: 620px;
}

.ideal {
position: absolute;
top: 195px;
left: 450px;
}

#primaryContent {
  	/* background-color: green; */
}

#primaryContent h1 {
padding-left: 40px;
background: url(../images/envelope_header1.gif) no-repeat 0px 0px;
}

#primaryContent table {
margin: 0 30px 20px 30px;
background-color: #ffffff;
width: 530px;
}

#primaryContent p {
font-family: Arial, Helvetica, sans-serif;
}

#boxesmain {
height: 100px;
margin:0;
margin-top: -2em;
padding:0;
padding-left: 52px;
padding-top: 30px;
padding-bottom: 2em; /* hack for over riding Blueprint sceen.css - p {margin:0 0 1.5em;} */
background-color: green;
}

#boxesmain h1 {
color: #000000;
background-image: none;
}

#boxesmain .boxleft {
float:left;
width: 236px;
/* background: #ffc210 url(../images/box-stage-01.gif) no-repeat; */
background-color: rgb(242,242,242);
background-color: #ffffff;
margin-right: 20px;
}

#boxesmain .boxmiddle {
float:left;
width: 236px;
/* background: #ffc210 url(../images/box-stage-01.gif) no-repeat; */
background-color: rgb(242,242,242);
background-color: #ffffff;
margin-right: 20px;
}

#boxesmain .boxright {
float:left;
width: 236px;
/* background: #ffc210 url(../images/box-stage-01.gif) no-repeat; */
background-color: rgb(242,242,242);
background-color: #ffffff;
/* margin-right: 20px; */
}

#boxesmain .boxleft h1, #boxesmain .boxmiddle h1, #boxesmain .boxright h1 {
margin:0;
padding: 10px .5em 0em .5em;
font-size: 1.8em;
border:none;
}

#boxesmain .boxleft p, #boxesmain .boxmiddle p, #boxesmain .boxright p {
padding: 10px 1em 0px 1em;
}

#boxesmain .boxleft img, #boxesmain .boxmiddle img, #boxesmain .boxright img {
padding:0 0 10px 14px;
margin:0;
}

#formboxes {
margin:0;
padding: 0 50px 0 50px;
color: #ffffff;
}

#formboxes p {
margin:0;
padding:0;
}

#formboxes .formboxleft h2, #formboxes .formboxright h2 {
margin:0;
padding:10px .5em 0 .5em;
color: #ffffff;
font-size: 1.5em;
font-family: Arial, Helvetica, sans-serif;
}

#formboxes .formboxleft p, #formboxes .formboxright p {
padding: 10px 1em 20px 1em;
}

#formboxes .formboxleft {
float:left;
width: 360px;
background-color: #000000;
}

#formboxes .formboxright {
float:right;
width: 360px;
background-color: #000000;
}

/* Start Free Demo Account Form */

#freedemoaccount form {
/* border: 1px dotted #AAAAAA; 
padding: 0.5em; */
}

#freedemoaccount input {
/* color: #00008B;
background-color: #ADD8E6; 
border: 1px solid #00008B; */
}

#freedemoaccount input.text {
/* color: #00008B;
background-color: #ADD8E6; 
border: 1px solid #00008B; */
width: 275px;
}

#freedemoaccount textarea.message {
width: 520px;
/* height: 40px;
color: #00008B;
background-color: #ADD8E6;
border: 1px solid #00008B;  */
}

/* End Free Demo Account Form */

#secondaryContent {
  	/*  background-color: yellow; */
}

#secondaryContent p {
font-family: Arial, Helvetica, sans-serif;
}

#footer {
/* background-color: rgb(242,242,242); */

border-top: 1px solid rgb(217,217,217);
}

#footer p {
margin: 0;
padding: 10px 0 10px 0px;
}

#footer ul {
	margin: 0;
	padding: 10px 0 10px 0px;
	list-style-type: none;
}

#footer li {
	display: inline;
	padding-right: 10px;
}


/* Layout Core Technique - DO NOT MODIFY!
================================= */

body {
 	text-align: center; 
}

#wrapper {
  	width: 850px; 
  	margin: 0 auto; 
  	text-align: left; 
}


#primaryContent { 
  	width: 540px;
  	float: left; 
}

#secondaryContent { 
  	width: 240px; 
  	float: right; 
} 

#footer { 
  	clear: both;
} 

#oneColLayout #primaryContent {
width: 850px;
}

/* Layout Padding - DO NOT MODIFY !
================================== */

#primaryContent {
  	padding-top: 20px;
}

/*#primaryContent h1, #primaryContent h2, #primaryContent h3, #primaryContent p, #primaryContent ul, #primaryContent img {
padding-left: 30px;
padding-right: 30px;
} */

#primaryContent img {
/* padding-bottom: 15px; */
}

#primaryContent h1 img {
padding:0;
margin:0;
line-height:0;
}

#secondaryContent {
padding-top: 20px;
}


/* #secondaryContent h1, #secondaryContent h2, #secondaryContent h3, #secondaryContent p, #secondaryContent ul, #secondaryContent table, #secondaryContent img {
padding-left: 20px;
padding-right: 20px;
} */

#secondaryContent img {
padding-bottom: 10px;
}


#footer {
  	padding-top: 5px;
  	padding-bottom: 5px;
}