html *{
margin:0;
padding:0;
}

body {
color:#555;
font-size:14px;
font-family:Helvetica, Arial;
}

a:active, a img:active, a:visited, a img:visited, a:link, a img:link {
border:none;
outline:none;
}

.image_reel a {
cursor: default;
}

/*/////////////////////*/

#header {
width: 740px;
margin:0 auto;
}

#logo {
margin-left:260px;
margin-bottom:34px;
margin-top:12px;
}

a img {
border:none;
}

#page {
background: #eaeaeb url('../images/pageTopper.gif') repeat-x;
margin-top:27px;
clear:both;
}

#page_container {
width: 740px;
margin:0 auto;
padding-top:33px;
}

h1, h2 {
font-family:Geneva, Myriad Pro, Arial;
color:#777;
font-weight:lighter;
}

h1 {
font-size:26px;
padding-bottom:20px;
}

h2 {
font-size:19px;
}

h3 {
font-family:Geneva, Myriad Pro, Arial;
font-size:15px;
color:#784ea2;
font-weight:lighter;
}

h4 {
font-size:14px;
font-weight:bold;
background: url(../images/h3_topper.gif) repeat-x;
padding:16px 0 10px 0;
cursor:pointer;
}

h4:hover {
text-decoration:underline;
}

ul.dotsList span {
font-weight:lighter;
}

a {
text-decoration:none;
}
	
a:hover {
text-decoration:underline;
}

a, a:hover, a:visited {
color:#336699;
}

.left {float:left;}

.shadow {
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}

.horizBreak {
clear:both;
padding:30px 0 20px 0;
}

.indented {
margin-left:240px;

}

.footerPadding {
padding-bottom:50px;
}

.greenBorder {
border:1px solid #55ba47;
}

#show {
float:right;
margin-top:-15px;
}

/*//////////////Main Navigation and Header////////*/

#quizlabel {
position:absolute;
text-align:center;
color:#777;
font-size:15px;
margin: 30px 0 0 48px;
}

#quizlabel p {
line-height:18px;
}

#nav{
	list-style:none;
}

#nav li {
float:left;
padding-right:55px;
}

#nav li.last {
padding-right:0 !important;
}

#nav li a.currentLast {
padding-right:0 !important;
background-position:bottom left;
}

#nav li a {
	display:block;
	height:21px;
	background:top left no-repeat #fff;
	text-decoration:none;
}

#nav li a.home { background-image:url(../images/homeBtn.gif); width:49px; }
#nav li a.thereishope { background-image:url(../images/thereishopeBtn.gif); width:108px; }
#nav li a.about { background-image:url(../images/aboutBtn.gif); width:98px; }
#nav li a.services{ background-image:url(../images/servicesBtn.gif); width:74px;}
#nav li a.faq { background-image:url(../images/faqBtn.gif); width:46px;}
#nav li a.resources { background-image:url(../images/resourcesBtn.gif); width:88px; }

#nav li a:hover { background-position:bottom left; }
#nav li a.current { background-position:bottom left; }
#nav li a span { visibility:hidden; }

#logoTemp {
font-size:50px; color:#999999; padding:0 0 10px 0;
}

/* end Header and main nav styles */

#examples, #services {
clear:both;
padding-bottom:50px;
}

#examples h2, #examples img {
float:left;
}

#examples h2 {
margin-top:150px;
margin-left:30px;
} 

#examples img {
margin-left:30px; 
display:inline;
} 

#examples .dotsList li {
margin-left:380px;
}

.dotsList li {
background: url(../images/listDots.png) no-repeat;
font-family:Helvetica, Arial;
font-size:14px;
font-weight:bold;
color:#666;
padding:20px 0 10px 0;
}

.first {
background:none !important;
}

ul.dotsList {
	display:block;
	list-style-type:none !important;
}

#leftColumn {
float:left;
padding-right:10px;
}

#page_container p {
padding-bottom:10px;
}

#leftColumn p {
width:376px;
line-height:17px;
color:#444;

}

/*///////imagery with sliding captions */

			.boxgrid{ 
				width: 153px; 
				height: 144px; 
				margin:10px; 
				 float:left;
				overflow: hidden; 
				position: relative;
				-moz-border-radius: 20px;
				border-radius: 20px;
			}

				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				
				.boxgrid p{ 
					padding: 20px 10px 10px 10px; 
					height: 144px;
					font-size:18px;
					color:#666;
					line-height:18px;
				}
				
			.captionfull .boxcaption{ 
				float: left; 
				position: absolute; 
				height: 100px; 
				width: 100%; 
				
 			}
 				.captionfull .boxcaption {
 					top: 260px;
 					left: 0;
 				}
 				
#faq ul li{
	list-style-type:circle;
	margin-left:20px;
}

#page_footer {
background: #eaeaeb url(../images/footerImage2.png) no-repeat;
height:50px;
margin-top:60px;
display:block;
}

/*   Footer  */

#footer{
background: #fff url(../images/footerTop.gif) repeat-x;
}

#footer #body {
display:block; 
width:740px;
margin:0 auto;
height:100px;
clear:both;
padding-top:30px;
color: #888;
}

#footer form {
margin-left:30px;
float:left;
padding-right:30px;
font-size: 12px;
}

#footer form {
width:338px;
}

#footer form label{
float:left;
width:60px;
}

.form_element {
margin-bottom:4px;
}

.form_element input {
width:255px;
height:25px;
font-size:13px;
border:1px solid #ccc;
}


textarea {
font-family: Arial;
font-size:13px;
height:60px;
width:255px;
border:1px solid #ccc;
}

#formSubmit {
margin-left:130px;
background: url('../images/sendBtnBG.jpg') no-repeat;
width:131px;
height:34px;
}

.safari #formSubmit {
margin-top:-3px;
}

form #submit input{
font-size:1.3em;
background:none;
cursor:pointer;
border:none;
color:#fff;
width:131px;
height:24px;
}



#address {
float:left;
padding-right:10px;
line-height:1.2em;
}

#footer .icon {
padding-bottom:10px;
margin-left:16px;
}

.left {
float:left;
}

.legal {
font-size:9px;
clear:both;
float:right;
text-align:right;
padding-right:20px;
padding-bottom:10px;
}

dt {
font-weight:bold;
padding-bottom: 5px;
}

dd {
padding-bottom: 5px;
}

.subnav ul li{
display: block;
float:left;
height:30px;
width: 230px;
padding-right:8px;
padding-left:10px;
font-weight:bold;
border-left:1px solid #824c8b;
}

li.last {
padding-right:0px !important;
}


.toTop {
float:right;
}

ul.services {
list-style-type: none;
padding-bottom: 60px;
font-weight: lighter;
color:#FFFFFF;
}


ul.services li.passive {
display:inline;
color:#FFF !important;
border: 1px solid #ccc;
font-size:26px;
padding: 10px 50px;
margin-left:10px;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(left, #1e5799 0%, #25aae1 0%, #207cca 100%, #0f75bc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1e5799), color-stop(0%,#25aae1), color-stop(100%,#207cca), color-stop(100%,#0f75bc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #1e5799 0%,#25aae1 0%,#207cca 100%,#0f75bc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #1e5799 0%,#25aae1 0%,#207cca 100%,#0f75bc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #1e5799 0%,#25aae1 0%,#207cca 100%,#0f75bc 100%); /* IE10+ */
background: linear-gradient(left, #1e5799 0%,#25aae1 0%,#207cca 100%,#0f75bc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#0f75bc',GradientType=1 ); /* IE6-*/
}

ul.services li.active {
display:inline;
border: 1px solid #ccc;
font-size:26px;
padding: 10px 50px;
margin-left:10px;
}

ul.services li.active:hover {
background-color: #fff;
}

ul.services a {
color:#777;
}

ul.services a:hover {
color:#2498D8;
text-decoration: none;
background-color: #fff;
}