@charset "utf-8";
/* -------------------------------------------------------------- 
   

   == STRUCTURE: ========================
    * Page width:            960 px
    * Number of columns:     3
    * Column width:          310 px
    * Margin width:          15 px
   ======================================

   
-------------------------------------------------------------- */

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


body {
  margin:1.5em 0;	
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3 {float:left;margin-right: 15px;}

div.span-5 {float: left; margin-right: 21px;}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-5  { width: 190px;}
.span-1  { width: 310px;}
.span-2  { width: 635px;}
.span-3, div.span-3 { width: 960px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 325px;}
.append-2  { padding-right: 650px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 325px;}
.prepend-2  { padding-left: 650px;}



/* Border on right hand side of a column. */
div.border {
  padding-right:6.5px;
  margin-right:7.5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:305.5px;
  margin-right:302.5px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -325px;}
.pull-2 { margin-left: -650px;}
.pull-3 { margin-left: -975px;}

.pull-1, .pull-2, .pull-3 {float:left;position:relative;}


.push-1 { margin: 0 -325px 1.5em 325px;}
.push-2 { margin: 0 -650px 1.5em 650px;}
.push-3 { margin: 0 -975px 1.5em 975px;}

.push-1, .push-2, .push-3 {float:right;position:relative;}



/* Misc classes and elements
-------------------------------------------------------------- */


/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


/* Header / Footer
-------------------------------------------------------------- */
#logomain {float: left;}
#nav {float: right; margin-top: 15px;}

#pageheader{
border-bottom: 1px solid #5b7983;
padding: 18px 0 3px 0;
margin-bottom: 15px;
font-size: 15px;
color: #5b7983
}

#pageheader a {
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
}

#pageheader a:hover {
text-decoration: underline;
}

#pageheader #subnav {margin-top: 8px}

#pagelabel {
float: right;
}

#footer {
	padding: 35px 0 15px;
	color: #808b91;
	}
	
#footer a {
color: #2b3d47;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

	

/* General Typography / Etc.
-------------------------------------------------------------- */

body {
	font-family: Tahoma, Arial, Sans-Serif;
	color: #5f5f5f;
	font-size: 11px;
	line-height: 25px;
	padding-top: 18px;
}

body#home {
background:url(images/bg_home.jpg) repeat-x top center #ffffff
}

body#inside {
background:url(images/bg_inside.jpg) repeat-x top center #ffffff
}

a {color: #2B3D47}

hr {
	border: none 0;
	background-color: #d9dadb;
	height: 1px !important;
} 

ahr {
	border: none 0;
	border-top: 1px dashed #d9dadb;
	height: 1px !important;
} 

ul.services  {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: -4px;
}

.services li {
	 border-bottom: 1px solid #d9dadb;
	float: left;
	width: 130px;
	margin: 0;
	background-image: url(images/bullet.gif);
	background-position: 8px 11px;
	background-repeat: no-repeat;
	list-style: none;
	padding: 0 0 0 23px; 
	line-height: 30px;
	font-weight: bold;
	font-size: 13px;
} 


/* Home
-------------------------------------------------------------- */

#features {
	margin-top: 15px !important;
}

#homefeature {
	margin: 15px 0 15px;
}

.label {margin-bottom: 13px;}

.morebutton {margin-top: 12px;}

fieldset { border:0;margin:0;padding:0; }
label { display:block; }
input.text, textarea, select { width:300px; font-size:12px; color:#333;padding:3px; margin:1px 0 5px; border:1px solid #d9dadb; }
textarea {font-family: Tahoma, Arial, Sans-Serif !important; font-size: 11px;}
.submit-button {margin-top: 10px}


/* Inside
-------------------------------------------------------------- */

.project {
background: url('images/project_bg.jpg') top center no-repeat #fff;
height: 200px;
}

#content {width: 975px;}

#content .span-1 h3 {
color: #2b3d47;
font-size: 17px;
font-weight: normal;
}

.sublabel {margin: 19px 0 23px 0; clear: both;}




.box, .boxe { 
  padding: 1.5em; 
border: 1px solid #ebebeb;
}


.box h3 { 
margin: 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #d5d9db;
}

.symbol {text-align: center; margin: 0 0 8px 0;}

.symbolexecutive {float: left; margin: 20px 25px 20px 20px;}

.boxe {height: 120px;}

.executivetext {float: left; width: 600px;}

.getstartede {float: left; margin: 42px 0 0 40px;}


 html { overflow-x: hidden; overflow-y: auto;}

.designs .project {height: 230px !important; }
.designs h3 {margin-top: 5px}
.price {color: #8baab7; margin-left: 4px;}
.designs .projectlaunch {display:none;}

.services .span-1 {margin-bottom: 15px;}

.pricing .box  { min-height:360px; height:auto !important; height:360px;}
.pricing .box ul {padding-left: 14px; _padding-left: 0px; _margin-top: 0px}
*+html .pricing .box ul {padding-left: 0px !important; margin-top:5px}
.getstarted {position: absolute; top: 812px}
*+html .getstarted {position: absolute; top: 830px}

#alacarte h3 {border-bottom: 1px solid #d5d9db; font-size: 13px;}
.span-5 p {line-height: 150%; margin-bottom: 15px;}
.span-5 em {
	font-style: normal; 
	color: #47778F; 
	padding-left: 13px;	
	background-image: url(images/bullet.gif);
	background-position: 0px;
	background-repeat: no-repeat;}
.span-5  { width: 175px; margin-left: 4px; display: inline}

.contact input.text, .contact textarea, .contact select { width:570px; font-size:12px; color:#333;padding:3px; margin:1px 0 5px; border:1px solid #d9dadb; } 

.error {text-align: center; background-color: #ffdfdf; border: 1px solid #ff6f6f; padding: 20px 0; font-weight: normal;}

.success {text-align: center; background-color: #dfffe0; border: 1px solid #53df59; padding: 20px 0; font-weight: normal;}

#overlay {height: 100% !important}

.boxshadow {line-height: 0px !important}

.whybt h2 {
color: #2b3d47;
font-size: 20px;
font-weight: normal;
}