/******************************************************************************************
SITE:	  http://www.spatialnet.net
AUTHOR:	  Kevin Dwyer (kevin@dwyerstudios.com)
CREATED:  5/10/2009
PAGE:	  style.css
DESC:	  Applies styles to any object that holds content (divs,tables,lists,etc...).
VER:	  1.0.0	
1.0.0 - Initial page
******************************************************************************************/
#colLeft-internal2 { float:left; width:555px; padding-right:20px; margin-top:10px; padding-left:10px; }
#colRight-internal2 { float:right; width:325px; margin-left:0px; margin-top:10px; }

/*------------------------------------------------------------*
**  GLOBAL 
**------------------------------------------------------------*/
* { margin: 0px 0 0 0; padding: 0; }

body,html { font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5F5F5F; margin:0; padding:0; line-height:130%; background-color: #ffffff; text-align:justify }

p {margin:0px; padding:0px;}

img, div, h1 a, h1 a:hover { behavior: url("css/iepngfix.htc") }

a.no-border:hover {text-decoration:none; border-bottom:0px dashed;}

hr { border: 1px solid #5d7353; margin: 0; padding: 0; width: 100%; vertical-align:top; }

ul {
	list-style: none;
	margin-bottom:10px;
	margin-top:10px;	
	 }

ul li { 
	padding:5px 0; 
	/*background:url(../images/link_arrow.gif) 0 20% no-repeat; */
	margin-left:10px;
	padding-left: 20px;
	padding-top: 0px;
	/*position:relative; */
	line-height: 1.00em;
	}

	
#check ul {
	list-style: none;
	margin-bottom:10px;
	margin-top:10px;	
	 }

#check ul li { 
	padding:5px 0; 
	background:url(../images/checkbox.gif) 0 20% no-repeat; 
	margin-left:10px;
	padding-left: 20px;
	padding-top: 0px;
	/*position:relative; */
	line-height: 1.00em;
	}	
	
#check2 ul { list-style: none; margin-bottom:0px; margin-top:10px;
	 }

#check2 ul li { 
	padding:5px 0; 
	background:url(../images/checkbox2.gif) 0 20% no-repeat; 
	margin-left:10px;
	padding-left: 20px;
	padding-top: 0px;
	/*position:relative; */
	line-height: 1.00em;
	}
	
#services ul {
	list-style: none;
	margin-bottom:0px;
	margin-top:2px;	
	padding:0px 0px 0px 0px;	
	 }

#services ul li { 
	padding:4px 0; 
	background:url(../images/icon_next_11x11.gif) 0 25% no-repeat; 
	margin-left:1px;
	padding-left: 15px;
	padding-top: 2px;
	/*position:relative; */
	line-height: 1.00em;
	}
		
/*------------------------------------------------------------*
** LAYOUT STRUCTURE
**------------------------------------------------------------*/
#wrapper {	margin:0 auto;	width:900px;}

#mainWrapper { background:url(../images/bg-mainWrapper.jpg) 0 0 repeat-x; }
#mainWrapper-internal { background:url(../images/bg-mainWrapper-int.jpg) 0 0 repeat-x; }

#wrapper-home { margin:0 auto; width:940px; background: url(../images/bg-wrapper.jpg) 100% 0 no-repeat; }
#wrapper-internal { margin:0 auto; width:940px; background: url(../images/bg-wrapper2.jpg) 0% 0 no-repeat; }

#header { height:285px; position:relative; }
#header-internal { height:165px; position:relative;  border-bottom: 1px solid #65904c;}

#content {	padding:0 0 25px;}

#content-internal {	padding:0 0 25px;}

#content-products {
	padding:0px 0 55px;
}

#innerWrapper { width: 100%; float: left; border: 0px; border-bottom: 0px; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

#footer { height:80px; margin-top:60px; }

#innerFooter { width:930px; margin:0 auto; height:40px; line-height:25px; padding: 0 0 0 0; }

.no-border a { border: 0 none; border-bottom:0px dashed;}
#no-border a { border: 0 none; border-bottom:0px dashed;}

#border { border: 1px solid #86af5a; padding: 15px; }
.border { border: 1px solid #86af5a; padding: 15px; }

#border2 { border: 1px solid #86af5a; padding: 0px; }
.border2 { border: 1px solid #5e8b50; padding: 0px; }

.border-bottom { border-bottom: 1px solid #86af5a; padding: 15px; }

.border-top { border-top: 1px solid #86af5a; padding: 15px; }

.contact { height:99px; width:309px; background-image:url(../images/contact.png); margin-top:15px;}
/*------------------------------------------------------------*
**  SPACING
**------------------------------------------------------------*/
/* Classes*/
.margin-5 {	margin: 5px;}
.margin-10 {margin: 10px;}
.margin-15 {margin: 15px;}
.margin-20 {margin: 20px;}
.margin-30 {margin: 30px;}
.margin-B-T-5 { margin-bottom: 5px; margin-top: 5px; }
.margin-B-T-10 { margin-bottom: 10px; margin-top: 10px; }
.margin-B-T-20 { margin-bottom: 20px; margin-top: 20px; }
.margin-B-T-30 { margin-bottom: 30px; margin-top: 30px; }
.margin-bottom-5 {margin-bottom: 5px;}
.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-15 {margin-bottom: 15px;}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-top-5 {margin-top: 5px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-30 {margin-top: 30px;}
.margin-top-40 {margin-top: 40px;}
.margin-top-50 {margin-top: 50px;}
.margin-left-10 {margin-left: 10px;}
.margin-left-15 {margin-left: 15px;}
.margin-left-20 {margin-left: 20px;}
.margin-left-25 {margin-left: 25px;}
.margin-left-30 {margin-left: 30px;}
.margin-left-35 {margin-left: 35px;}
.margin-left-35 {margin-left: 35px;}
.margin-left-40 {margin-left: 40px;}
.margin-left-50 {margin-left: 50px;}
.margin-right-20 {margin-right: 20px;}
.padding-4 {padding: 4px; }
.padding-10 {padding: 10px;}
.padding-20 {padding: 20px;}
.padding-30 {padding: 30px;}
.side-margin-5 {margin-right: 5px; margin-left: 5px; }
.side-margin-10 {margin-right: 10px; margin-left: 10px; }
.side-padding-10 {padding-right: 10px; padding-left: 10px; }
.side-spacing {padding-right: 10px;	padding-left: 10px;}
.all-spacing {margin: 10px;}
/* IDs*/
#margin-5 {	margin: 5px;}
#margin-10 {margin: 10px;}
#margin-15 {margin: 15px;}
#margin-20 {margin: 20px;}
#margin-30 {margin: 30px;}
#margin-B-T-5 { margin-bottom: 5px; margin-top: 5px; }
#margin-B-T-10 { margin-bottom: 10px; margin-top: 10px; }
#margin-B-T-20 { margin-bottom: 20px; margin-top: 20px; }
#margin-B-T-30 { margin-bottom: 30px; margin-top: 30px; }
#margin-bottom-5 {margin-bottom: 5px;}
#margin-bottom-10 {margin-bottom: 10px;}
#margin-bottom-15 {margin-bottom: 15px;}
#margin-bottom-20 {margin-bottom: 20px;}
#margin-top-5 {margin-top: 5px;}
#margin-top-10 {margin-top: 10px;}
#margin-top-20 {margin-top: 20px;}
#margin-top-30 {margin-top: 30px;}
#margin-top-40 {margin-top: 40px;}
#margin-top-50 {margin-top: 50px;}
#margin-left-10 {margin-left: 10px;}
#margin-left-15 {margin-left: 15px;}
#margin-left-20 {margin-left: 20px;}
#margin-left-25 {margin-left: 25px;}
#margin-left-30 {margin-left: 30px;}
#margin-left-35 {margin-left: 35px;}
#margin-left-40 {margin-left: 40px;}
#margin-left-50 {margin-left: 50px;}
#margin-left-50 {margin-left: 50px;}
#margin-right-20 {margin-right: 20px;}
#padding-4 {padding: 4px; }
#padding-10 {padding: 10px;}
#padding-20 {padding: 20px;}
#padding-30 {padding: 30px;}
#side-margin-5 {margin-right: 5px; margin-left: 5px; }
#side-margin-10 {margin-right: 10px; margin-left: 10px; }
#side-padding-10 {padding-right: 10px; padding-left: 10px; }
#side-spacing {padding-right: 10px;	padding-left: 10px;}
#all-spacing {margin: 10px;}
/*------------------------------------------------------------*
**  LINKS
**------------------------------------------------------------*/
a, a:link, a:visited { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #0a800d; }
a:hover {border-bottom:thin #693 dashed;  text-decoration: none;}

a, a.dgreen:link, a.dgreen:visited, a.dgreen:active { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #29522a; }
a.dgreen:hover { color: #0a800d; border-bottom:thin #0a800d dashed;  text-decoration: none;}

a.white:link, a.white:visited, a.white:active { text-decoration: none; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold;letter-spacing:.05em; }
a.white:hover { border-bottom:0px dashed;border-bottom-color: #FF3;text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; letter-spacing:0.05em;  }

a.gray:link, a.gray:visited, a.gray:active { text-decoration: none; color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal;letter-spacing:.065em; }
a.gray:hover {text-decoration: underline;color: #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal;letter-spacing:.065em; }


a.aqua:link { text-decoration: none; color: #97eedf; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; letter-spacing:0.040em; }
a.aqua:visited { text-decoration: none; color: #97eedf; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; letter-spacing:0.040em; }
a.aqua:hover { border-bottom:0px dashed; text-decoration: underline; color: #97eedf; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; letter-spacing:0.040em; }
a.aqua:active { text-decoration: none; color: #97eedf; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; letter-spacing:0.040em; }

a.aqua2:link { text-decoration: none; color: #97eedf; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; letter-spacing:0.000em; }
a.aqua2:visited { text-decoration: none; color: #97eedf; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; letter-spacing:0.000em; }
a.aqua2:hover { border-bottom:0px dashed; text-decoration: underline; color: #97eedf; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; letter-spacing:0.000em; }
a.aqua2:active { text-decoration: none; color: #97eedf; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; letter-spacing:0.000em; }
/*------------------------------------------------------------*
**  TYPOGRAPHY
**------------------------------------------------------------*/
h1 { font-size:24px; line-height:105%; letter-spacing: 00em; color:#518F47; font-weight:900; padding:0; font-family: Arial black, Arial, Helvetica, sans-serif; margin: 0 0 0 0; 	}

h2 { font-size:18px; color:#5c5c5c; font-weight:900; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px 0 2px 0; letter-spacing: 0em; line-height: 1.09em; 	}

h3 { font-size:14px; color:#29522a; font-weight:normal; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 1.250em; font-family: Arial, Helvetica, sans-serif; }

h4 { font-size:13px; color:#3C6239; font-weight:bold; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 1.25em; font-family: Verdana, Arial, Helvetica, sans-serif; }

h5 { font-size:14px; color:#fff; font-weight:normal; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 1.250em; font-family: Arial, Helvetica, sans-serif; }

h6 { font-size:12px; color:#5F5F5F; font-weight:bold; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 1.250em; font-family: Arial, Helvetica, sans-serif; }

.text-med-grey{ font-size:14px; color:#666; font-weight:normal; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 1.380em; font-family: Arial, Helvetica, sans-serif; }

.text-med-green{ font-size:14px; color:#29522a; font-weight:normal; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 1.380em; font-family: Arial, Helvetica, sans-serif; }

.text-med-black{ font-size:14px; color:#000; font-weight:normal; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 1.250em; font-family: Arial, Helvetica, sans-serif; }

.white { color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 1.40em; }

.sizeLess-5 { font-size: 98%; }
.sizeLess10 { font-size: 90%; }
.sizeLess15 { font-size: 85%; }
.sizeLess20 { font-size: 80%; }
.sizeLess40 { font-size: 60%; }
.sizeLess60 { font-size: 40%; }
.sizeGreater10 { font-size: 110%; }
.sizeGreater15 { font-size: 115%; }
.sizeGreater20 { font-size: 120%; }
.sizeGreater30 { font-size: 130%; }
.sizeGreater40 { font-size: 140%; } 
.sizeGreater60 { font-size: 160%; }
.sizeGreater80 { font-size: 180%; }
.sizeGreater90 { font-size: 190%; }
.sizeGreater100 { font-size: 200%; }

#sizeLess5 { font-size: 98%; }
#sizeLess20 { font-size: 80%; }
#sizeLess60 { font-size: 60%; }
#sizeLess40 { font-size: 40%; }
#sizeGreater10 { font-size: 110%; }
#sizeGreater15 { font-size: 115%; }
#sizeGreater20 { font-size: 120%; }
#sizeGreater30 { font-size: 130%; }
#sizeGreater40 { font-size: 140%; } 
#sizeGreater60 { font-size: 160%; }
#sizeGreater80 { font-size: 180%; }
#sizeGreater100 { font-size: 200%; }
/*------------------------------------------------------------*
** HEADER ELEMENTS 
**------------------------------------------------------------*/

/* ------------ logo ------------*/
#logo { position:absolute; top:19px; left:3px;	border-bottom:0px solid #29522a;}

#logo h1 {padding:0;	border-bottom:0px solid #29522a;}

#logo h1 a, #logo h1 a:hover{
	background:url(../images/logo.png) 0 0 no-repeat;
	width:453px;
	height:58px;
	text-indent:-9000px;
	display:block;
	text-decoration:none;
	border-bottom:0px solid #29522a;	
}

#topheadline { position:absolute; top:170px; left:6px; /*background:url(../images/top_headline.png) 0 0 no-repeat; text-indent:-9999px;*/ width:923px; height:125px; font-weight: normal; }

#border-right-lGreen { border-right:1px solid #d5ebd6; padding:  0px 10px 0px 10px; margin: 0px 0px 0px 0px; }
#border-left-lGreen { border-left:1px solid #d5ebd6; padding:  0px 10px 0px 10px; margin: 0px 5px 0px 5px; }	

#border-right-dGreen { border-right:1px solid #29522a; padding:  0px 10px 0px 10px; margin: 0px 0px 0px 0px; }
#border-left-dGreen { border-left:1px solid #29522a; padding:  0px 10px 0px 10px; margin: 0px 0px 0px 0px; }	

#pageTitle { position:absolute; top:134px; left:10px; border-bottom: 0px solid #29522a;}

#pageTitle h1 {
	 /*font-size:18px;*/
	font-size: 180%;	
	color:#445d44;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	}

/* ------------ top menu -----------------
-------------------------------------------*/
#topMenu { position:absolute; top:45px; right:10px; margin: 0 0 0 0; }

#topMenu li { float:left; padding:0 0 0 0; background:none; margin: 0 0 0 0; }

#topMenu li a {
	font-size:12px;
	color:#29522a;
	text-decoration:none;
	font-weight:600;
	padding:0 8px;
}

#topMenu li a:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:0px; 	
}

#topMenu li.selected a{ 
	color:#ffffff; 
	text-decoration:underline; 
	}

/* ------------ main menu ---------------
-------------------------------------------*/
#mainMenu { position:absolute; top:98px; right:10px; }

#mainMenu li {
	float:left;
	padding:0 3px;
	background:none;
}

#mainMenu li a {
	font-size:13px;
	color:#29522a;
	text-decoration:none;
	font-weight:600;
}

#mainMenu li a:hover {
	color:#d5ebd6;
	text-decoration:none;	
	border-bottom:0px; 
	
}

#mainMenu li.selected a{
	color:#fff;
	text-decoration:underline
}
/* ------------ bottom menu ---------------
-------------------------------------------*/
#bottomMenu { position:relative; top:30px; left:10px; right: 0px; margin: 0; padding: 0; white-space: nowrap; letter-spacing: -.005em; font-size:10px; color:#717171; font-weight:600; clear:both; float: left; }

/*#bottomMenu li { float:left; padding:0 10px 0 0; margin: 0 0 0 0; background:none; white-space: nowrap; }*/

#bottomMenu a {font-size:11px; color:#717171; text-decoration:none; padding:0 15px 0 0; margin: 0 0 0 0; letter-spacing: -.005em;  white-space: nowrap; }

#bottomMenu a:hover { color:#88b2a2; padding:0 15px 0 0; margin: 0 0 0 0; text-decoration:none; border-bottom:0px; letter-spacing: -.005em; 
 white-space: nowrap; }

#bottomMenu selected a{ color:#88b2a2; text-decoration:underline; padding:0 15px 0 0; margin: 0 0 0 0; letter-spacing: -.005em; white-space: nowrap; }
/*------------------------------------------------------------*
** CONTENT ELEMENTS
**------------------------------------------------------------*/
#content p {
	margin:0.7em 0;
}

#colLeft {
	float:left;
	width:392px;
	padding-right:20px;
	margin-top:10px;
	padding-left:10px;
}
#colLeft-internal { float:left; width:640px; padding-right:20px; margin-top:10px; padding-left:10px; }
#colLeft-products { float:left; width:451px; padding-right:20px; padding-left:10px; padding-bottom:0px; margin-top: 10px; margin-bottom:0px; }
#colRight {
	float:left;
	width:514px;
	margin-left:0px;
	margin-top:15px;
}
#colRight-internal { float:left; width:265px; margin-left:0px; margin-top:10px; }
#colRight-products { float:left; width:455px; margin-left:0px; margin-top: 10px; margin-bottom:0px; padding-top:0px; padding-bottom:0px }

#colRight p.line {
	background:url(../images/bk_horizline.jpg) 0 100% repeat-x;
	display:block;
	padding:10px 0;
	margin:0;
}

#colRight p img {
	vertical-align:middle;
	padding-right:5px;
}

#colRight .featured {
	margin:10px 0;
}

#colRight .featured img{
	background:#fff;
	padding:6px;
	border:none;
}


/* CAROUSEL
---------------------------------------------*/

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 940px; /*Width of Carousel Viewer itself*/
	height: 365px; /*Height should enough to fit largest content's height*/
	margin-top:0px;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px;
	padding:0px;	
	width: 940px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:365px;
	position:relative;
}

.stepcarousel .panel .projectDetails { float:left; width:220px; margin:35px 0 0 5px; z-index: 50; }

.stepcarousel .panel .projectImg { position:absolute; top:0px; right:0px; z-index: 1; 	height:358px;}


/*------------------------------------------------------------*
** FORMS
**------------------------------------------------------------*/

form label {
	display:block;
	padding:8px 0 2px;
	font-weight:bold;
}

/*form input, form textarea {
	border:1px solid #E5E5E5;
	padding:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	width:300px;
}*/

form textarea {
	width:500px;
}

form input.submit {
	border:none;
	width:103px;
	height:24px;
	text-align:center;
	padding-top:4px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:15px;
	background:url(../images/bk_submit.jpg) 0 0 no-repeat;
}

/*------------------------------------------------------------*
** CLEARING
**------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.noclear {
	clear: none;
}

#mainWrapper #wrapper-home #content #innerWrapper table tr td a:hover { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }