/*footer code*/
* {
    margin: 0;
}
 
html, body {
	 background: #fff url("../images/navbg.jpg") repeat-x;
	 font-family: Georgia, Palatino, "Palatino Linotype", "Times New Roman", times, serif;
	 font-size: 15px;
	 color: #939393;
}

strong {
font-weight: inherit;
}

#wrapper {
     margin: 0 auto 20px;
	 width: 100%;
}

#footer {
	font-size: 10px;
     min-height: 180px;
	 width: 100%;
	 color: #fff;
}

#footerwidth {
width: 950px;
margin-left: auto;
margin-right: auto;
}

#footer a {
color: #fff;
font-size: 14px;
}

#footer ul {
padding: 0px;
font-size: 16px;
padding-bottom: 10px;
text-align: left;
float: left;
}

#footer p {
padding-bottom: 5px;
padding-left: 10px;
clear: both;
}

.footerpush {
height: 300px;
}

#footer {
	 background: url("images/footerbg.jpg") repeat-x #214079;
	 padding-top: 20px;
	 clear:both;
}
/*end footer code*/

/*navigation code*/
#header {
width: 950px;
height: 58px;
max-height: 58px;
margin-left: auto;
margin-right: auto;
}

#header a {
text-decoration: none;
font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
}

ul {
z-index: 100;
padding-top: 20px;
padding-left: 60px;
color: #fff;
float: right;

}

li {
margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

li a
{
	margin: 0 1px 0 0;
	padding: 4px 10px;
	color: #FFF;
	text-align: center;
	text-decoration: none;}

ul div
{	position: absolute;
	margin: 0;
	padding: 0;
	margin-top: 9px;
	border: 1px solid #fff;
	color: #20488E;
	visibility: hidden;}
	
ul div a
{	position: relative;
	background: #E5E5E5;
	display: block;
	margin: 0;
	width: auto;
	min-width: 100px;
	text-align: left;
	text-decoration: none;
	color: #20488E;
	border-bottom: 1px solid #fff;
	padding: 10px;
	padding-left: 20px;}
	
ul div a:hover {
background-color: #204586;
color: #E7FF9F;
}

/*end navigation code*/

#main {
width: 940px;
padding-top: 20px;
margin-left: auto;
margin-right: auto;
min-height: 300px;
}

#mainbox {
width: 940px;
padding-top: 20px;
margin-left: auto;
margin-right: auto;
min-height: 300px;
}

#mainbox .heading1 {
margin-bottom: 50px;
font-weight:normal;	
}

p {
padding-bottom: 5px;
text-align:justify;
}

#mainbox .headingsample{
float:left;
font-weight:normal;
font-size:25pt;
color:#245897;
letter-spacing:-1px;
margin-right:30px;
}

#caption{
background:#ffffe5;
border:1px solid #ffc90f;
float:left;
font-family:"Lucida Grande", "Lucida Sans", sans-serif;
font-size:12px;
color:#000;
width:604px;
}

#caption p{
padding:16px;
}

/*mainpage*/
#shortbutton {
font-size: 20px;
background: url("images/button3.jpg") no-repeat;
height: 37px;
width: 181px;
text-align: center;
padding-top: 5px;
letter-spacing: -1px;
}

#shortbutton a {
color: #fff;
text-decoration: none;
font-size: 20px;
font-weight: normal;
}

#longbutton {
font-size: 10px;
clear: both; 
background: url('images/button2.jpg') no-repeat;
height: 29px;
width: 943px;
padding-top: 7px;
text-align: center;
}

.sansserif {
font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}

.left {
float: left;
width: 380px;
margin-top:60px;
}

.left2 {
float: left;
width: 380px;
}

.right {
float: right;
width: 530px;
margin-top:60px;
}

.right2 {
float: right;
width: 530px;
}

.right img{
border:0;
}

.left2 {
width: 400px;
float: left;
margin-top: 10px;
margin-right: 5px;
}

.right2 {
width: 500px;
float: right;
margin-top: 10px;
margin-left: 5px;
font-size: 18px;
letter-spacing: -1px;
line-height: 24px;
}

.biggrey {
font-size: 24px;
letter-spacing: -1px;
color: #939393;
}

.heading1 {
font-size: 25pt;
letter-spacing: -1px;
color: #245897;
font-weight:normal;
}

.subheading {
margin-bottom: 20px;
}

.logotext {
font-size: 11px;
color: #204992;
text-align: right;
}

/*end main page*/

.launch {
}

a.launch {
font-size: 14px;
color: #fff;
text-decoration: none;
}

.launchbtn{
margin:0;
padding:0;
}

p.smtitle {
font-size:15px;
letter-spacing: -1px;
padding-bottom: 0px;
}

#resellers td {
width: 250px;
}

#samples{
margin-top:30px;
float:left;
margin-bottom:20px;
}

#samples td {
vertical-align: top;
padding-top: 10px;
padding-bottom: 10px;
border-bottom:1px solid #cecece;
}	

#samples img{
margin-top:3px;
}

a {
font-size: 12px;
text-decoration: none;
color: #356299;
}

/*training center*/
#trainingcenter img{
border:0;
text-decoration:none;
}

#theader {
background: url('images/bluegradient.jpg') no-repeat;
font-size: 20px;
color: #fff;
padding-left: 15px;
}

#t1 {
background: url("images/lesson1.jpg") no-repeat;
height: 74px;
width: 565px;
padding-top: 0px;
padding-left: 15px;
}

#t2 {
background: url("images/lesson2.jpg") no-repeat;
height: 74px;
width: 565px;
padding-top: 0px;
padding-left: 15px;
}

#t3 {
background: url("images/lesson3.jpg") no-repeat;
height: 74px;
width: 565px;
padding-top: 0px;
padding-left: 15px;
}

#t4 {
background: url("images/lesson4.jpg") no-repeat;
height: 74px;
width: 565px;
padding-top: 0px;
padding-left: 15px;
}

#t5 {
background: url("images/lesson5.jpg") no-repeat;
height: 74px;
width: 565px;
padding-top: 0px;
padding-left: 15px;
}

#t6 {
background: url("images/lesson6.jpg") no-repeat;
height: 73px;
width: 565px;
padding-top: 0px;
padding-left: 15px;
}

.traininglink img{
border:0;
}


/*Features*/
#feature_outer{
float:left;
width:650px;
color:#231f20;
margin:30px 0 0 0;
}

#feature_outer .feature_title{
margin:0 0 40px 0;
}

#feature_outer #feature{
float:left;
width:700px;
margin:0 0 20px 0;
}

#feature_outer #feature img{
margin:0 20px 0 0;
padding:0;
float:left;
}

#feature_outer #feature h3{
margin:5px 0 0 0;
padding:0;
float:left;
font-size:25px;
font-weight:normal;
color:#245897;
}

#feature_outer #feature p{
margin:0;
padding:0;
float:left;
width:470px;
color:#939393;
font-size:13px;
}

#features{
float:left;
margin-bottom:20px;
}

#samplework{
float:left;
width:290px;
margin-top:40px;
}

#samplework p.caption2{
float:left;
font-size:10px;
color:#959595;
padding-top:7px;
font-family:"Lucida Grande", "Lucida sans", sans-serif;
}

#samplework p.caption2 a{
font-size:10px;
}

#samplework #featurebox{
float:left;
background:#ffffe5;
border:1px solid #ffc90f
}

#samplework #featurebox img{
float:left;
margin:15px 10px 0px 15px;
padding:0;
border:0;
}

#samplework #featurebox h4{
float:left;
color:#266da9;
font-weight:normal;
font-size:18px;
margin:12px 0 7px 0;
}

#samplework #featurebox p.caption{
float:left;
color:#000;
font-size:10px;
line-height:15px;
font-family:"Lucida Grande", "Lucida sans", sans-serif;
}

#samplework #featurebox #btn{
float:left;
width:108px;
height:17px;
text-align:center;
padding-top:5px;
background-image:url('images/samplework_btn.jpg');
margin:10px 0 17px 97px;
}

#samplework #featurebox #btn a{
font-size:10px;
font-family:"Lucida Grande", "Lucida sans", sans-serif;
color:#8d6511;
}

/*Case Study*/

#case_study{
color:#231f20;
margin:30px 0 30px 90px;
padding-bottom:300px;
float:left;
width:400px;
}

.canhaul_title{
margin:0 0 40px 0;
float:right;
}

.casestudy{
margin:0 0 0 90px;
}

.casestudy_image01{
float:left;
margin:10px 0 0 30px;
}

.casestudy_image02{
float:left;
margin:10px 0 0 30px;
}

.casestudy_image03{
float:left;
margin:30px 0 0 30px;
}

.casestudy_image04{
float:left;
margin:40px 0 0 30px;
}

#case_study h3{
margin:20px 0 0 0;
padding:0;
font-weight:normal;
}

#case_study p{
margin:0;
padding:0;
width:400px;
}


/*Questions*/

#questions{
color:#231f20;
}

#questions p{
margin:20px 0 5px 0;
}

#questions input[type="text"]{
border:1px solid #cecece;
margin:0 0 3px 0;
width:200px;
}

#questions input[type="checkbox"]{
border:1px solid #cecece;
margin:0 0 10px 0;
}

#questions input[type="submit"]{
border:1px solid #cecece;
margin:10px 0 0 0;
}

#questions textarea{
border:1px solid #cecece;
margin:0 0 3px 0;
width:500px;
height:100px;
}

#questions select{
border:1px solid #cecece;
padding:3px;
}

#questions .questionSection{
float:left;
width:960px;
margin-bottom:10px;
}

/*SPLASH*/

#splash {
	width: 100%;
	background: #fff;
	font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans-serif;
	font-size: 13px;
	min-width: 1080px;
	max-width: 2000px;
}

#splash_header {
	background: url('/images/splashheaderbg.jpg') repeat-x;
	height: 49px;
	border-bottom: 1px solid #fff;
}

#splash_header li {
	display: inline;
}

#splash_header a {
color: #fff;
text-decoration:none;
font-size: 13px;
}

#splash_header a:hover {
color: #fff68f;
}

#imgpane {
	background: url('/images/blackgrad.jpg') no-repeat scroll 50% 0% #3a3a3a;
	border-bottom: 1px solid #fff;
}

#signuparea {
	background: url("/images/greybar.jpg") no-repeat scroll 50% 0 #232323;
	
}

#bottompane {
	margin-left: auto;
	margin-right: auto;
	width: 970px;
	margin-top: 30px;
}

.bottomcontent {
width: 295px;
float:left;
text-align:left;
padding-right: 23px;
}

.bottomcontent h2 {
	font-size: 18px;
	font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans-serif;
	font-weight: normal;
	color: #000;
	letter-spacing: -.5px;
}

.bottomcontent ul {
	color: #000;
	padding-left: 0px;
}

.bottomcontent p {
	color: #999999;
	font-size:12px;
}

#icon1 {
	background: url('/images/draganddrop.jpg') no-repeat;
	padding-left: 42px;
}

#icon2 {
	background: url('/images/paint.jpg') no-repeat;
	padding-left: 42px;
	margin-top: 20px;
}

#icon3 {
	background: url('/images/gear.jpg') no-repeat;
	padding-left: 42px;
	margin-top: 20px;
}

#icon4 {
	background: url('/images/graph.jpg') no-repeat;
	padding-left: 42px;
	margin-top: 20px;
}

/*PLANS PAGE*/

#plans {
width: 960px;
margin: 30px auto 0 auto;
font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;
font-size: 21px;
}

#planbox {
border: 1px solid #e6e6e6;
text-align:center;
}

#planbox td {
padding: 10px;
}

#planbox h2 {
font-size: 30px;
font-weight: bold;
color: #000;
letter-spacing: -2px;
line-height: 36px;
}

#planbox h3 {
font-size: 21px;
font-weight: normal;
color: #000;
letter-spacing: -1px;
line-height: 18px;}

#planbox .plantype {
font-size: 18px;
color: #7dbbf4;
letter-spacing: -.5px;
}

.plandetails p {
color: #000;
letter-spacing: -1px;
line-height: 20px;
}

.greenspan {
font-weight: bold;
color: #7ba810;
}

.signupbutton {
background: url('/images/signupbutton.png') no-repeat;
color: #fff;
padding: 12px 24px; 
font-size: 21px;
font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans-serif;
letter-spacing: -.5px;
}

#shadow {
background: url('/images/shadow.jpg') repeat-x;
height: 10px;
}

#contact {
width: 960px;
margin: 30px auto 0 auto;
font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;
font-size: 14px;
}

#contact .sticky {
background: #E8E8E8;
border: 1px solid #BBB;
padding: 20px;
width: 50%;
margin: 0 auto 0 auto;
min-height: 200px;
color: #000;
}

#contact .contactform {
width: 100%;
}

#contact hr {
margin: 10px 0px 40px 0px;
background: #ccc;
border: none;
height: 1px;
}

#contact p.header {
font-size: 30px;
color: #000;
font-weight:bold;
letter-spacing: -2px;
}

#contact .contactform input, #contact .contactform textarea {
width: 80%;
border: 1px solid #999;
padding: 5px;
}

#contact .contactform textarea {
height: 100px;
}

#signupmain #contactform input[type="submit"] {
padding: 10px 24px;
width: 110px;
background: url("/images/signupbutton.png") no-repeat scroll 0 0 transparent;
border: none;
font-family: "Myriad Pro","Lucida Grande","Lucida Sans",Helvetica,Arial,Sans-serif;
font-size: 21px;
letter-spacing: -.5px;
color: #fff;
height: 45px;
margin: 10px;
}

#contact a {
color: #000;
text-decoration: none;

}

#signupmain textarea {
	width: 224px;
	margin: 2px 10px;
	border: 1px solid #CECECE;
	height: 100px;
}

#signupmain h3 a {
font-size: 14px;
}

#why_div table td {
vertical-align: top;
padding-bottom: 10px;
}

#why_div h1 {
font-family: "Myriad Pro","Lucida Grande","Lucida Sans",Helvetica,Arial,Sans-serif;
font-weight:normal;
letter-spacing: -1px;
font-size: 24px;
color: #1f5d96;
margin-bottom: 25px;
}

#why_div h2 {
font-family: "Myriad Pro","Lucida Grande","Lucida Sans",Helvetica,Arial,Sans-serif;
font-weight:bold;
font-size: 16px;
color: #000;
}

#featurelist ul {
color: #000;
font-weight:bold;
font-size: 16px;
float:left;
padding-left: 15px;
margin-bottom: 10px;
}

#featurelist ul li {
list-style: square outside url("/images/bluebullet.jpg");
padding-bottom: 10px;
}

#featurelist .sticky {
width: 100%;
background: #fcfee1;
border: 1px solid #f4eac3;
padding: 10px;
clear: both;
color: #000;
font-size: 12px;
margin-bottom: 20px;
}

.about_tbl p {
color: #000;
font-size: 12px;
line-height: 18px;
margin-bottom: 10px;
text-align:justify;}

.about_tbl table {
border-collapse: collapse;
margin-top: 10px;
color: #000;
}

.about_tbl table td, .about_tbl table th {
border: 1px solid #ccc;
border-collapse:collapse;
padding: 9px;
text-align: justify;
}

.about_tbl table th {
font-size: 18px; 
font-weight: bold;
letter-spacing: -1px;
padding: 10px;
text-align: center;
}

.myriadh1 {
font-size: 24px !important;
letter-spacing: -1px !important;
font-family: "Myriad Pro","Lucida Grande","Lucida Sans",Helvetica,Arial,Sans-serif !important;
color: #000 !important;
margin-bottom: 10px !important;
}

#portfolio_table {
margin-top: 20px;
}

#portfolio_table td {
padding: 0px 0px 20px 0px !important;
}

#portfolio_table a img {
border: 1px solid #ccc;
}