/* =General
-----------------------------------------------------------------------------*/

html { margin-bottom: 1px; min-height: 100%; }

body {
	background: #fff url("../images/bg_body.jpg") repeat-x;
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 13px;
}

body#lex #content {background-image:url("../images/bg-body1.jpg");}

/* Remove padding and margin on selected elements*/
h1,h2,h3,h4,h5,h6,pre,body,div{
	margin: 33;
	padding: 0;
}



/* Remove border around linked images and fix Firefox odd spaces */
img {
   border: 0;
   vertical-align: bottom;
}

/* =Structural
-----------------------------------------------------------------------------*/
.clear {clear: both;}

#wrapper {
	width:935px;
	margin:auto;
	clear:both;
	position:relative;
	padding-bottom:30px;
}

#footer {
	width:100%;
	background:#363738;
	clear:both;
	color:#949595;
	font-size:11px;
	height:180px;
	padding-top:15px;
}

#header {
	background-color: #FFFFFF;
	padding:16px 0 60px 0;
	position:relative;
	width:935px;
	height:85px;
	background:url("../images/new-container-graphic.jpg") no-repeat bottom center;
}

#logo {
	float: left;
	padding-left:22px;
	width:100px;
}

#photo {
	width:687px;
	height:253px;
	float:right;
	position:absolute;
	right:0;
	bottom:-35px;
}

#web_design_contact{
	clear:both;

}

/* Offset Photos */
.offset {position:relative;left:-40px;top:-15px; float:left;}
.offset2 {position:relative;left:-30px;top:-15px; float:left;}


#container {
	width:935px;
	float:left;
	position:relative;
	margin-top:-7px;
	z-index:1;
}

#content {
	width:934px;
	padding:0 17px 0 17px;
	float:left;
	background-image: url(../images/bg-content.png);
	background-repeat: no-repeat;
	min-height:500px;
	height:auto !important;
	height:500px;
}


#content_home {
	width:934px;
	padding:0 17px 0 17px;
	float:left;
	background-image: url(../images/bg-content.png);
	background-repeat: no-repeat;
	min-height:784px;
	height:auto !important;
	height:784px;
}


.separator {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #7f7f7f;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	height: 1px;
}

/* =Typography
-----------------------------------------------------------------------------*/
p {margin:0; padding:0; margin-bottom:14px;}
p.tagline {margin:0; padding:0;}
	
 ul.seo1 li {margin-left:40px;}

/* =Headings
-----------------------------------------------------------------------------*/
h1 {

}

/* =Links
-----------------------------------------------------------------------------*/

.sub-content a {color:#1989CA;}
a {color:#70b131; text-decoration:none; outline:none;}
a:hover { text-decoration:underline;}



/* =Branding
-----------------------------------------------------------------------------*/

/* =Map
-----------------------------------------------------------------------------*/
.white {color:#fff;}


/* =Header
-----------------------------------------------------------------------------*/
#proposal-info {
	float: right;
	padding-top:10px;
	width:auto;
}
#proposal-info p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555759;
	text-transform: uppercase;
	margin:0; padding:0;
}
#proposal-info p span {
	font-size: 20px;
	text-transform: none;
}
#need-proposal {
	float:right;
	clear:right;
	width:auto;
	padding-top:15px;
	padding-right:60px;
	padding-left:20px;
}
#need-proposal a {
	background-image: url("../images/need-proposal.gif");
	background-repeat: no-repeat;
	text-indent: -99999px;
	display: block;
	float:left;
	width:129px;
	height:27px;
}



/* =Main Content
-----------------------------------------------------------------------------*/
h1.headline_top {color:#1989ca;font-size:22px;font-weight:normal;padding-left:20px;margin:20px 0 0px 0;}
h1.headline_top small {font-size:16px;}

img.top_photo {padding-left:2px; float:left;}

#sub-headline {float:right;width:520px;;padding: 45px 20px 0 0;}
#sub-headline-guarantee {
	float:right;
	padding:25px 45px 20px;
	width:338px;
	background-image: url("../images/sub-headline-guarantee-bg.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}
#sub-headline-guarantee h1 {font-size:42px;font-weight:normal;color:#555759;}
#sub-headline-guarantee ul {list-style:none;margin:0;padding:0;}
#sub-headline-guarantee ul li {padding:0px 0 0px 30px;font-size:12px;margin:10px 0 10px 0;font-weight:bold;}
.gg1 {background-image: url("../images/g-g1.jpg");background-repeat: no-repeat;background-position: left top;}
.gg2 {background-image: url("../images/g-g2.jpg");background-repeat: no-repeat;background-position: left top;}
.gg3 {background-image: url("../images/g-g3.jpg");background-repeat: no-repeat;background-position: left top;}
.gg4 {background-image: url("../images/g-g4.jpg");background-repeat: no-repeat;background-position: left top;}
.gg5 {background-image: url("../images/g-g5.jpg");background-repeat: no-repeat;background-position: left top;}
.gg6 {background-image: url("../images/g-g6.jpg");background-repeat: no-repeat;background-position: left top;}
.gg7 {background-image: url("../images/g-g7.jpg");background-repeat: no-repeat;background-position: left top;}
.blue {color:#0484cb;}

#sub-headline h1 {
	color:#555759;
	font-size:47px;
	font-weight:normal;
	margin:0;
	padding:0;
	line-height: 44px;
	/*letter-spacing: -4px;*/
}

#sub-headline h2 {margin:10px 0 10px 0;padding:0;font-weight:normal;font-size:20px;color:#555759;}
#sub-headline h3 {font-weight:normal;margin:30px 0 30px 0;font-size:16px;color:#70b131;}
#sub-headline h3 a {color:#70b131;}
#sub-headline h3 span {font-weight:bold;}
#sub-headline h3 a:hover {text-decoration:underline;}
#sub-headine.big {padding-left:50px;}
#sub-headline.small {float:right;width:44%;padding-top:45px;}

/* =Secondary Content
-----------------------------------------------------------------------------*/

#sub-content h2 {margin:0;padding:0;font-weight:normal; color:#555759;  font-size:20px;}
body#lex .sub-content h1 {color:#3095CF;width:auto;}
body#lex .sub-content {padding:0px 30px 30px 30px;margin:80px 0 20px 0;float:left; color:#fff; width:auto; width:840px;}

.sub-content {
	width: 851px;
	padding: 10px 30px 0px 15px;
	margin:0px 0 10px 0;
	float:left;
	z-index:99;
}

.sub-content-padding {padding: 10px 30px 0px 35px;}

ul.content_one {padding:0 0 20px 0; margin:0; clear:both; width:875px; position:relative; z-index:99;}
ul.content_one li{list-style:none; padding:0 0 0 25px; margin:0; display:block; float:left; width:165px;}
ul.content_one h1 {color:#3095CF; font-size:18px; margin:0; padding:0;}
ul.content_one li.form_cell {width:270px; float:right; padding: 20px 0 0 22px; background:url("../images/bg-contact-top.png") no-repeat; position:relative; top:-28px;}
ul.content_one img { padding: 10px 0 10px 0; display:none;}

ul.content_two {padding:0 0 10px 0; margin:0; clear:both; width:900px; margin-left:-0px;}
ul.content_two li{list-style:none; padding:0 0 10px 40px; margin:0; display:block; float:left; width:250px;}
ul.content_two h1 {color:#3095CF; font-size:18px; margin:0; padding:0;}
ul.content_two img {display:none;}

ul.content_three {padding:0 0 20px 0; margin:0; clear:both; width:935px; margin-left:-30px;}
ul.content_three h1 {color:#3095CF; font-size:18px; margin:0; padding:0;}
ul.content_three li { margin:0; padding:0; padding-left: 30px; list-style:none; float:left; width:190px;}

.sub-content h1 {margin:0;padding:0;color:#555759;font-size:28px; font-weight: normal; clear:left;}
.sub-content h1#big {margin:0; padding:0px 0 20px 15px; font-weight: normal; clear:both;}
.sub-content h1#big2 {margin:0; padding:0px 0 20px 15px; font-weight: normal; clear:both}
.sub-content h2 {margin:0;padding:0;font-weight:normal; color:#555759;}
.sub-content h2.centered {color:#1989ca;font-size:22px;font-weight:normal; text-align:center;}
.sub-content p {line-height:16px;}
.sub-content p.padded{line-height:16px; padding-left: 15px;}

h1.big, h1.big2, h1.big3  {margin:0px 0 10px 0; font-weight: normal;}
h2.seo {margin:0px 0 0px 0; font-weight: bold; color:#3095CF; font-size:15px; }

ol.column_list { margin: 0; padding: 0 0 0 18px; }
ol.column_list li { padding: 0; margin: 0; list-style-type: decimal; list-style-position:outside; display: list-item; float:none; width:auto;}

ul.column_list { margin: 0; padding: 0 0 0 18px; }
ul.column_list li { padding: 0; margin: 0; list-style-type: decimal; list-style-position:outside; display: list-item; float:none; width:auto;}

a.lightbox {display:inline;}
a.lightbox img {display:inline;}

/* =Footer
-----------------------------------------------------------------------------*/

#footer_content { margin:0 auto; width:960px; height:auto !important;}

#footer #footer_content div {
	float:left;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #4a4b4c;
	width:140px;
	padding: 0 0px 0 140px;
	min-height:210px;
	height:auto !important;
	height:210px;
	color:#999999;
	line-height:15px;
}
#footer #footer_content div a {color:#999999;}	
	
#footer #footer_content div#contact {
	width: 245px;
	background-image: url("");
	background-repeat: no-repeat;
	background-position: 240px 25px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#footer #footer_content div#contact p {padding-left:70px;}

#footer #footer_content div p {
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 10px;
	padding-left: 0;
}

#footer #footer_content div h1 {
	font-size: 11px;
	background-image: url("");
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding-left: 70px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	font-weight: normal;
}
	
#footer #footer_content div h2 {font-size: 11px;font-weight: normal;margin: 0px;padding:0; color:#d1d1d1;}
#footer #footer_content div h2 a {color:#d1d1d1;}

/* =Forms
-----------------------------------------------------------------------------*/

ul#form { list-style:none; margin:0; padding:0;}
ul#form li {padding: 3px 0; }
ul#form li .input {
	padding: 4px;
	width: 238px;
	border: 1px solid #c7d5db;
	font-family: "Lucida Sans Unicode", LucidaGrande;
	font-size: 11px;
	color: #666666;
	overflow:hidden;

}
ul#form li .select {padding: 4px;
	width: 247px;
	border: 1px solid #c7d5db;
	font-family: "Lucida Sans Unicode", LucidaGrande;
	font-size: 11px;
	color: #666666;
	overflow:hidden;
}
	
ul#form li .input:hover,  ul#form li .select:hover, ul#form li .select:focus, ul#form li .input:focus  {background-color:#e0eff8;}
ul#form li.button {text-align: right; padding-right:3px; width:247px;}

/* New Contact Form */
.ps-form {
	width:850px;
	padding:5px 0;
	border:none;
	margin:auto;
	}

.ps-form  fieldset {margin:0;padding:0;}
	
.ps-form h1 {font-size:21px;margin:0 0 15px 0; color:#555759; font-weight:normal;}
.ps-form h1 .sub {font-size:12px; font-weight:normal;}
.ps-form p#button {
	padding:30px 0 20px 0;
	margin:20px 0 20px 0;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	/*border-bottom-color: #717171;*/
	border-bottom-color: #ccc;
	background-image: url("../images/bg-button-view.jpg");
	background-repeat: no-repeat;
	background-position: center top;}
	
.ps-form p#button a {color:#1989CA;}


.ps-form ul {margin:0;padding:0;list-style:none;width:260px;float:left;}
.ps-form ul li {padding:0;}
.ps-form ul li.submit {text-align:right;padding-right:9px; position:relative; top:-3px;}

.ps-form .input {margin:3px 0 3px 0;border: 1px solid #c7d5db;color:#666666; position:relative; padding:5px;width:240px;font-family:"Lucida Sans", Lucida, Arial, Helvetica, sans-serif;font-size:12px;}
.ps-form .input_comment {position:relative; top:-2px; margin:5px 0 9px 0;border: 1px solid #c7d5db;color:#666666;padding:5px;width:240px;font-family:"Lucida Sans", Lucida, sans-serif;font-size:12px;height:75px;}

.ps-form .input:hover,.ps-form .input_comment:hover {background:#e0eff8;} 

.ps-form .select {margin:3px 0 3px 0;border: 1px solid #c7d5db;color:#666666;padding:3px;width:253px;font-family:"Lucida Sans", Lucida, Arial, Helvetica, sans-serif;font-size:12px;}

.ps-form .contact-info {padding:0 0 0 60px;background-image: url("../images/bg-contact-form.gif");	background-repeat: no-repeat;background-position: 20px center;width:200px;}
.ps-form .contact-info h1 {font-weight:normal;font-size:21px;margin:0;padding:0;}
.ps-form .contact-info p {color:#6b6c6e; margin: 14px 0 0 0;}
.ps-form .contact-info .view-map {display:none;}



/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
   border-collapse: collapse;
}

td {
  text-align: left;
  font-weight: normal;
}



/* =Misc 1 
-----------------------------------------------------------------------------*/





/* =Main Nav
-----------------------------------------------------------------------------*/
/* THIS IS THE MENU 
---------------------------------------------------------*/
#menu-new {
	background-color: #1989ca;
	position:absolute;
	top:85px;
	width:935px;
	height:42px;
	z-index:500;
	margin:auto;
}


.menuleft { width:150px; float:left; overflow:hidden;}
.menuright { width:150px; float:right; padding-right:32px;  overflow:hidden;}


/* ---------- Mega Drop Down --------- */
#mega {
	list-style: none;
	margin: 0;
	float: left;
	height:40px;
	width:100%;
	padding: 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #53a7d7;
	z-index:9999;
}
#mega li {
	color: #fff;
	display: inline;
	padding: 0;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #53a7d7;
	line-height:18px;
	width:auto;
	z-index:0;
	position:relative;
	background: url("../images/menu-hover-new.gif") no-repeat -9999px;
} 

#mega li:hover {
	position: relative;
	background-position: left top;
	margin-top:-3px;
	border-bottom:0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */
	z-index:99;
}

#mega a {
	display: block;
	color: #fff;
	padding: 12px 40px 12px 40px;
	text-decoration: none;
	font-weight: normal;
	font-size: 16px;
	font-family: "Arial", Helvetica, sans-serif;
	background: url("../images/menu-hover-right.gif") no-repeat -9999px top;
}


* html #mega li:hover a {color: #4b4b4d;
	background-position: top right;
	z-index:99;
	margin-left:1px;
	padding: 15px 46px 9px 33px;
	position:relative; left:5px;
}

#mega li:hover > a, #mega li:hover a:hover {
	color: #4b4b4d;
	background-position: top right;
	z-index:99;
	margin-left:1px;
	padding: 15px 46px 9px 33px;
	position:relative; left:5px;
}

#mega li.dif a, #mega li.dif2 a {background: url("../images/menu-hover-right1.gif") no-repeat -9999px top;}

#mega li.dif:hover > a, #mega li.dif a:hover, #mega li.dif2:hover > a, #mega li.dif2 a:hover {
	background-position: top right;
}

* html #mega li.dif a:hover, * html #mega li.dif2 a:hover, * html #mega li.dif:hover a, * html #mega li.dif2:hover a {background-position: top right;}
* html #mega li.dif div.menu_drop a:hover, * html #mega li.dif2 div.menu_drop a:hover {background:none;}


/* ----------- Hide/Show Div ---------- */

* html #mega li:hover div.menu_drop {padding:10px 10px 20px 10px; background:url("../images/bg-menu-dropdown.gif") no-repeat;}
* html #mega li.dif:hover div.menu_drop {padding:10px 10px 20px 10px; background:url("../images/bg-menu-dropdown1.gif") no-repeat;}
* html #mega li.dif2:hover div.menu_drop {padding:10px 10px 20px 10px; background:url("../images/bg-menu-dropdown2.gif") no-repeat;}

#mega li div.menu_drop {
	position:absolute;
	left:-9999px;
	margin-top:-2px;
	margin-left:1px;
	width:340px;
	padding:10px 10px 5px 10px;
	border-top:0;
	font-weight:normal;
	text-align:left;
	background:url("../images/bg-menu-dropdown.png") no-repeat;
}

#mega li:hover div.menu_drop {
	left:-1px;top:auto;

}


#mega li.dif div.menu_drop {background:url("../images/bg-menu-dropdown1.png") no-repeat -9999px top;}
#mega li.dif2 div.menu_drop {background:url("../images/bg-menu-dropdown2.png") no-repeat -9999px top;}

#mega li.dif:hover div.menu_drop {
	left:-195px;
	background-position:top left;
}

#mega li.dif2:hover div.menu_drop {
	left:-182px;
	background-position:top left;
}

#mega div.menu_drop_btm {
	background: url("../images/bg-menu-dropdown-cap.png") no-repeat bottom left;
	width: 350px;
	position:absolute;
	bottom:-14px;
	left:0px;
	height:14px;
}

* html #mega div.menu_drop_btm {bottom:0; background: none;}


* html #mega li:hover div.menu_drop a {	
	width: 150px;
	font-size:13px;
	color: #1989cb;
	font-weight:bold;
	padding: 3px 0px 3px 15px;
	background:none;
	position:relative; left:-0px;
	margin:0;
}

* html #mega li:hover div.menu_drop a:hover {color:#0e4e73;}


#mega div.menu_drop a , #mega div.menu_drop a:hover{
	width: 150px;
	font-size:13px;
	color: #1989cb;
	font-weight:bold;
	padding: 3px 0px 3px 15px;
	background:none;
	position:relative; left:-0px;
	margin:0;
}

#mega div.menu_drop a:hover {color:#0e4e73;}


* html #mega li:hover div.menu_drop a.menu-sub {	
	width: 150px;
	font-size:12px;
	color: #999;
	font-weight:normal;
	padding: 0;
	padding-left:30px;
	background:none;
	position:relative; left:-0px;
	margin:0;
}

#mega div.menu_drop a.menu-sub , #mega div.menu_drop a.menu-sub:hover{
	width: 150px;
	font-size:12px;
	color: #999;
	font-weight:normal;
	padding: 0;
	padding-left:30px;
	background:none;
	position:relative; left:-0px;
	margin:0;
}

#mega div.menu_drop a.menu-sub:hover{ color:#333;}


.tableform {}
table.tableform  td { padding: 10px 0; border-bottom: 1px solid #999; vertical-align:top;}
table.inner td { padding: 10px 0; border-bottom: none; vertical-align:top;}
tr.head td { font-weight:bold}
table.tableform td.date { width:233px}
table.tableform td.website {width:70px}
table.tableform td.name {width:110px}
table.tableform td.firm {width:110px}
table.tableform td.phone {width:110px}
table.tableform td.email {width:100px}
table td.question {color: #1989cb;}
table td.inner, table tr.head td {color:black;}
table td.date span {display:block; background-color:#1989cb; padding:3px; color:#fff; font-size:11px;text-align:center;width:140px;}
table td img {padding-right:8px;}
table.tableform div.info {font-size:15px;}
 
#moreresults {padding-bottom:20px; padding-top:20px;}
#moreresults ul {margin-left:40px;}
#moreresults ul li { width:400px; float:left; list-style:none; margin:0;}

/* Web Apps Page */
#webapps h2 { color: #3095CF; font-size:18px; font-weight: bold;  }
#webapps div.webapplication { clear: both; padding-left: 15px; } 
#webapps div.webappdesc { float: left; width: 51%; clear: both;}
#webapps div.webappimgs { float: right; width: 44%; }
#webapps div.webappimgs img { border: 2px solid #95ccf4; }

#do-you-want {
	float:right;
	clear:none;
	position:relative;
	top:-47px;
}

#want-your {
	padding-top:55px;
}


/* Why Tab Style */
#tab-why {float:left;width:870px;padding-left:15px;}
#tab-why h1 {color:#1989ca;font-size:25px;font-weight:normal;margin:20px 0 30px 0;}
#tab-why h2, #tab-why h2 a {font-size:16px;color:#679622;}
.left {
	float:left;
	width:860px;
}
.medium {
	float:left;
	width:295px;
	padding-right:30px;
	background-repeat: no-repeat;
	background-position: right center;
}
.right {float:right;width:290px;padding-left:20px;}

.left ul, .medium ul, .right ul {list-style:none;padding:0;margin:0;}
.left ul li {margin:5px 0 5px 0;}
.medium ul li {
	padding:0 0 0 35px;
	margin:30px 0 30px 0;
	background-image: url("../images/bg-tab-arrow.jpg");
	background-repeat: no-repeat;
	background-position: 5px top;
}
.right li {margin:0 0 15px 0;font-weight:bold;}

.g1 {background-image: url("../images/g1.jpg");background-repeat: no-repeat;background-position: left top;padding:0 0 0 30px}
.g2 {background-image: url("../images/g2.jpg");background-repeat: no-repeat;background-position: left top;padding:0 0 0 30px}
.g3 {background-image: url("../images/g3.jpg");background-repeat: no-repeat;background-position: left top;padding:0 0 0 30px}
.g4 {background-image: url("../images/g4.jpg");background-repeat: no-repeat;background-position: left top;padding:0 0 0 30px}
.g5 {background-image: url("../images/g5.jpg");background-repeat: no-repeat;background-position: left top;padding:0 0 0 30px}
.g6 {background-image: url("../images/g6.jpg");background-repeat: no-repeat;background-position: left top;padding:0 0 0 30px}
.g7 {background-image: url("../images/g7.jpg");background-repeat: no-repeat;background-position: left top;padding:0 0 0 30px}

.medium-headline {padding-left:25px;}
.blue {color:#1989ca;}
#wrapper #container #content .sub-content .style10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	background-color: #1989ca;
}