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

* Filename: stylesheet.css
* Version: 1.0.0 (2009-03-31) YYYY-MM-DD
* Website: http://www.squidgemedia.com/
* Author: Andy @ Squidge Media
* Description: Handles the HTML site layout.

*/
* {
	vertical-align: baseline;
	font-weight: inherit;
	/*font-family: inherit;
	font-style: inherit;*/
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	color: #4D4D4D;
}
sub {
	font-size:0.8em;
	position:relative;
	top:0.4em;
	vertical-align:baseline;
}

strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
u {
	text-decoration:underline;
}
ul {
	margin-left:20px;
}
hr {
	border: none 0;
	border-top: 2px solid #083654;
	height: 2px;/* IE fix - whatever the total width of the border-top and border-bottom equal*/
 	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin: 5px 0px; 
}
body {
	background-image:url(../images/home2.jpg);
	background-position:center top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}


/***********************
* NAVIGATION
***********************/

#nav {
	position:absolute;
	right:20px;
	top:38px;
}
#nav ul#topMenu {
	list-style:none;
	padding:0 130px 0 26px;
	margin:0 0 16px -14px;
	height:auto !important;
	position:relative;
	z-index:998;
	font-size:12px;
}
#nav li a {
	max-height:35px;
	color: #12384E;
	font-weight: bold;
	font-size: 16px;
	padding: 0 10px;
	margin: 0 10px;
}

#nav ul#topMenu {
	margin:0;
	padding:0;
	height:70px;
	min-height:35px;
	height:auto !important;
	/*width: 645px;*/
}

#nav li {
	color:#fff;
	position:relative;
	float:left;
	list-style-image: none;
	max-height:35px;
}
#nav li a {
	display:block;
	line-height:35px;
	text-decoration:none;
	white-space:nowrap;
	text-align:center;
}
/*#nav li a.nav_home {
	width:97px;
	background-image:url(../images/stareco_nav_cs3_01.jpg);
}
#nav li a.nav_about {
	width:110px;
	background-image:url(../images/stareco_nav_cs3_02.jpg);
}
#nav li a.nav_services {
	width:129px;
	background-image:url(../images/stareco_nav_cs3_03.jpg);
}
#nav li a.nav_projects {
	width:125px;
	background-image:url(../images/stareco_nav_cs3_04.jpg);
}
#nav li a.nav_news {
	width:95px;
	background-image:url(../images/stareco_nav_cs3_17.jpg);
}
#nav li a.nav_contact{
	width:89px;
	background-image:url(../images/stareco_nav_cs3_05.jpg);
}*/
#nav li a:hover, #nav li.on a {
	text-shadow:0 1px 2px #000000;
	color:#fff;
	background-color:#12384E;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

/* Top menu dropdowns */
#nav li ul {
	position:absolute;
	z-index:9999;
	width:210px;
	/*background:#1A3441;*/
	color:#fff;
	top:35px;
	list-style:none;
	margin:0 0 0 -999em;
	padding:5px 10px 0;
	background-image:none;
}
#nav li:hover ul, #nav li.sfhover ul {
	margin-left:0;
}
#nav li ul li {
	float:none;
	margin:0;
	padding:0;
	white-space:pre;
	border-bottom:1px dashed #143C56;
	background-image:none;
	background:transparent;
	background:#1A3441;
}
#nav ul#topMenu li ul li a, #nav ul#topMenu li.on ul li a {
	background:none repeat scroll 0 0 transparent;
color:#FFFFFF;
font-size:14px;
font-weight:normal;
margin:0;
padding:0 15px;
text-align:left;
text-indent:0;
}
#nav li ul a, #nav li.on ul a {
	height:auto;
	color:#fff;
	border:0px;
	line-height:35px;
	display:block;
	background-image:none;
	float:none;
	width:80%;
}
#nav li ul li:hover, #nav li ul a:hover, #nav li ul a:focus, #nav li ul a.sffocus {
	color:#fff;
	background-color:#0071BC;
	border-style:solid;
}



/********************
 FOOTER STYLES
*********************/

#footer {
	margin: 0 auto;
	width: 1000px;
	clear: left;
	background-color: #E5E5E5;
	height: 170px;
}
#logo_footer {
	float: left;
	height: 170px;
	width: 350px;
	border-right: 1px solid #ffffff;
	background-image: url(../images/home2_31.jpg);
	background-position: center 20px;
	background-repeat: no-repeat;
}
#footer_nav {
	display: block;
	float: left;
	list-style-type: none;
	width: 600px;
	margin: 20px;
	font-size: 12px;
	font-weight: bold;
}
#footer_nav a {
	text-decoration:none;
}
#footer_nav a:hover {
	text-decoration:underline;
}
#footer_nav a.footer_main {
	padding-bottom:5px;
	display:block;
}
#footer_nav li {
	float: left;
}
#footer_nav .footer_nav_sub {
	font-weight: normal;
}





/********************
  GENERIC SITE STYLES
*********************/
#wrapper {
	background-image: url(../images/home2_slice_02_02.png);
	background-repeat: repeat-y;
	background-position: center;
	width: 100%;
	float: left;
}
#header {
	margin: 0 auto;
	width: 1000px;
	position:relative;
}
#main_logo {
	background-image:url(../images/home2_03.jpg);
	background-position:20px 20px;
	background-repeat:no-repeat;
	display:block;
	height:95px;
	text-indent:-9999px;
	width:290px;
}
#content {
	margin: 0 auto;
	width: 970px;
	padding: 15px;
}
#content h1 {
	background-image: url(../images/home2_07.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 100%;
	background-position: center top;
	text-indent: -999em;
}
#content h2 {
	display:block;
	width:100%;
	border-bottom: 2px solid #083654;
	float: left;
	margin: 15px 0 0 0;
}
#content a {
	color: #083654;
}



/********************
  HOME PAGE STYLES
*********************/
#home_col_1 {
	float:left;
	padding:15px;
	width:285px;
}
#home_col_1 h2 {
	border:none;
	font-size:18px;
	line-height:1.25em;
	padding:0 0 15px;
	margin:0;
}
#home_col_1 p {
	padding: 15px 0 0;
	font-size: 14px;
}
a.home_cta {
	display: block;
	float: left;
	width: 305px;
	margin: 0 0 15px 15px;
	text-decoration:none;
}
a.right_cta {
	margin-left:23px;
}
#home_col_2 {
	float: left;
	width: 650px;
	padding: 15px 0;
}
a.home_cta .cta_img {
	background-image: url(../images/home_cta_06.jpg);
	background-repeat: no-repeat;
	display: block;
	padding: 70px 8px 5px 7px;
	color: #12384E;
	font-weight: bold;
	font-size: 15px;
}
a.home_cta .cta_text {
	font-size: 13px;
	padding: 0 0 0 5px;
}


/*********************
	PAGE STYLES
**********************/
#content h2 span {
	color: #FFFFFF;
	background-color: #083654;
	background-image: url(../images/strat_h2_10.jpg);
	background-position: right top;
	display: block;
	background-repeat: no-repeat;
	padding:7px 70px 7px 15px;
	float: left;
}
#page_nav {
	display: block;
	float: left;
	width: 100%;
	margin: 15px 0 0;
	list-style-type: none;
}
#page_nav a {
	display:block;
	line-height:35px;
	padding:0 10px;
	text-decoration:none;
}
#page_nav a:hover, #page_nav a.on {
	background-color:#12384E;
	color:#fff;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
#page_nav li {
	float: left;
	margin-right: 15px;
}
#page_col_left {
	float: left;
	width: 660px;
	padding: 15px;
	font-size: 14px;
}
#page_col_right {
	float: left;
	width: 260px;
	padding: 10px;
	background-color: #083654;
	color: #fff;
	margin-bottom:15px;
}
#page_col_right .page_quote {
	background-image: url(../images/strat_about_quote_14.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 150px;
	text-indent: -999em;
	margin: 0 0 150px 0;
}
#page_col_left p, #page_col_left ul, #page_col_left ol {
	padding: 0 0 15px 0;
}
#content .person {
	float: left;
	width: 940px;
	padding: 25px 15px;
	border-bottom: 2px solid #083654;
}
#content .person h3 {
	font-size: 20px;
	color: #083654;
}
#content .person .person_title {
	font-size: 12px;
	padding: 0;
}
#content .person p {
	padding: 15px 0 0 0;
	font-size: 14px;
}
#content .person .person_left {
	float: left;
	width: 250px;
}
#content .person .person_right {
	padding: 0 0 0 15px;
	float: left;
	width: 675px;
}
#content .services_h2 {
	float: left;
	width: 270px;
	font-size: 18px;
	margin: 15px 0 0 0;
}
#content .cta_services {
	float: left;
	width: 306px;
	margin: 0 0 0 30px;
	display: block;
	padding: 0 0 15px 0;
	text-decoration:none;
}
#content .cta_services .cta_services_title {
	font-size: 16px;
	color: #083654;
	display: block;
	margin-top: 10px;
}
#content .cta_services .cta_services_desc {
	font-size: 13px;
	font-style: italic;
	display: block;
}
#content .resource h3 {
	font-size: 20px;
	color: #083654;
	padding: 0 0 15px 0;
}
#content .resource p {
	font-size: 13px;
	margin: 0 0 15px 0;
}
#content .resource ul li {
	font-size: 13px;
	color: #083654;
}
#content .resource ul {
	margin: 0 15px 15px 15px;
}
#content .resource {
	clear: left;
	float: left;
	width: 970px;
	margin: 15px 0 0 0;
}
#content .resource .marketing_name {
	color: #083654;
	margin: 0px;
}
#content .resource .marketing_name strong {
	color: #083654;
}
#content #page_col_left .project_h3 {
	font-size: 20px;
	color: #083553;
	padding: 0 0 15px 0;
}
#project_col_left {
	float: left;
	width: 325px;
}
#project_col_right {
	margin: 5px 0 0 15px;
	width: 310px;
	float: left;
}
#content #page_col_left #project_col_left .project_site_link {
	color: #083654;
	text-decoration: none;
}
#content #page_col_left #project_col_left .project_site_link:hover {
	text-decoration: underline;
}
#content #page_col_left #project_col_left p {
	padding: 0 0 0 10px;
}
#contact_col_left {
	padding: 15px;
	float: left;
	width: 300px;
}
#contact_col_left h3 {
	font-size: 20px;
	color: #083654;
	padding: 0px;
}
#contact_col_left p {
	padding: 0 0 25px 0;
}
#contact_col_right {
	margin: 15px 0 15px 30px;
	width: 610px;
	display: block;
	float: left;
	list-style-type: none;
}
#contact_col_right li {
	float: left;
	width: 100%;
	display: block;
	padding: 5px 0;
	font-size: 20px;
	color: #083654;
	border-bottom: 1px solid #999;
}
#contact_col_right label {
	display: block;
	float: left;
	width: 130px;
	color: #083654;
}
#content #contact_col_right a {
	color: #083654;
	text-decoration: none;
}
#content #contact_col_right a:hover {
	text-decoration: underline;
}
#content #page_col_left .news_title {
	font-size: 20px;
	color: #083654;
}
#content #page_col_left .news_image {
	padding: 0 0 15px 0;
}

#news_archive_list {
	display: block;
	margin: 0;
	list-style-type: none;
}
#news_archive_list a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;
}
#news_archive_list a:hover {
	text-decoration:underline;
}
#page_col_right .news_archive_title {
	color: #FFFFFF;
	font-size: 18px;
	border-bottom: 2px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#page_col_left #about_images {
	display: block;
	clear: left;
	float: left;
	width: 100%;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
}
#about_images li {
	margin: 10px;
	float: left;
}