/* Reference

"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
"Lucida Grande", Lucida, Verdana, sans-serif;

*/


/*=== Setup ===*/
*{
	margin: 0;
	padding: 0
}
body{
	background: url(../images/interface/bg-top.png) #021424 repeat-x center top;
	color: #ffffff;
	font: .8em "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 30px 0 0;
	text-shadow: #000000 0 1px 1px;
}

img {
	border: 0;
}


a{
	color: #45aaff;
	text-decoration: none;
	outline: none;
}

a:hover{
	text-decoration: none;
	color: #b4ddff;
}


/*input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px
}*/

h1, h2, h3, h4, h5 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

li{
	list-style: none
}

#home h2 {
	font-size: 2em;
	margin: .8em 0 .4em;
	background: none;
}

h2 {
	font-size: 1.8em;
	padding-bottom: .4em;
	margin: 0 0 .8em;
	background: url(../images/interface/bg-seperator.png) repeat-x bottom;
}


h3 {
	font-size: 1.3em;
	margin: 0 0 .7em;
	color: #a3d5ff;
}

#home h3 {
	font-weight: normal;
	font-size: 1.3em;
	text-transform: uppercase;
	margin: 0 0 1.5em;
}

h4{
	"Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1em;
 	color: #6786ac;
}
p{
	font-size: .9em;
	line-height: 1.8em;
	padding: 0 0 1.8em
}
/*=== Layout ===*/
#page{
	display: table-cell;
	display: block;
	position: relative;
	height: auto !important;
	height: 615px;
	margin: 0 auto;
	min-height: 615px;
	padding: 0 30px;
	width: 900px
}

/*=== Header ===*/
#header{
	height: 90px
}
/*- Logo -*/
#header h1{
	margin-top: 16px;
	background: url(../images/interface/logo.png) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 161px
}
#header h1 a{
	display: block;
	height: 59px
}
#header h1 a:hover{
	text-decoration: none
}
/*=== Navigation ===*/
/*- Main Nav -*/
#nav{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	padding: 38px 0 0
}
#nav li{
	float: left;
	line-height: 28px;
	margin: 0 4px 0 0
}
#nav li a{
	color: #ffffff;
	display: block;
	float: left;
	padding: 0 18px 8px 18px;
	margin-left: 10px;
	text-decoration: none
}

#nav li a:hover {
	color: #75bffe;
	cursor: pointer;
	text-decoration: none
}

#nav li.active a{
	background: url(../images/interface/bg-button.png) no-repeat top center;
	cursor: pointer;
	text-decoration: none
}

/*- Sub Nav -*/

/*
#nav_sub_wrapper {
	right: 2em;
	position: absolute;
	top: 6em;
}

ul#nav_sub{
	float: right;
	font-size: 11px;
	height: 20px;
	padding: 38px 0 0
}
ul#nav_sub li{
	float: left;
	line-height: 20px;
	margin: 0 4px 0 0
}
ul#nav_sub li a{
	color: #ffffff;
	display: block;
	float: left;
	padding: 0 0 0 19px;
	text-decoration: none
}
ul#nav_sub li a span{
	display: block;
	float: left;
	height: 20px;
	padding: 0 19px 0 0
}

ul#nav_sub li a:hover{
	color: #75bffe;
	cursor: pointer;
	text-decoration: none
}


ul#nav_sub li.here a{
	background: url(../images/interface/nav-hover.png) no-repeat left;
	text-decoration: none
}

ul#nav_sub li.here a span{
	background: url(../images/interface/nav-hover-.png) no-repeat right
}*/

/*- Side Nav -*/

#sidebar h4 {
	letter-spacing: .1em;
	font-weight: normal;
	font-size: 1.2em;
	text-transform: uppercase;
	border-bottom: 1px solid #092b47;
	padding: .2em 0 .6em 0;	
}

#primary ul.nav_sidebar li, #primary ul#nav_sub li  {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #092b47;
	font-size: 1em;
	line-height: 1.4em;
}

ul.nav_sidebar li a, ul#nav_sub li a {
	display: block;
	padding: .6em .4em;
}


ul.nav_sidebar li.active a, ul#nav_sub li.here a {
	background: #09233b;
	color: #b4ddff;
}

#primary ul#recent-entries li {
	font-size: .85em;
}

#recent-entries span.recent-date {
	display: block;
	margin-top: .2em;
	font-size: .8em;
	font-weight: normal;
	font-style: italic;
}

a span.recent-date {
	color: #6786AC
}

.sidebar-group {
	padding: 0 0 20px 0;
}

form.feedburner p{
	font-family: "Lucida Grande", Lucida, Arial, sans-serif;
	font-size: 11px;
	margin: 5px 0;
	padding: 0;
}

form .email_field {
	width: 130px;
}

form .button {
	font-size: 11px;
	margin: 0;
}



form.feedburner p.rss {
	background: url(../images/interface/ico-rss.png) no-repeat left;
	line-height: 16px;
	padding-left: 22px;
	margin: 10px 0;
}

/*=== All Columns ===*/
#columns{
	height: 1%;
	margin: 20px 0 0;
	padding: 0 0 15px
}

#primary ul {

}

#primary ul li {
	list-style-type: circle;
	margin: 0 1.4em;
	line-height: 1.8em;
}

#sidebar {
	width: 220px;
	margin-left: 20px;
	float: right;
}


/*=== Sub Columns ===*/

.col1{
	float: left;
	width: 490px
}
.col2{
	float: right;
	width: 380px
}
/*=== Styling Boxes ===*/
/*- Video Placeholder -*/
.videoapp{
	height: 285px;
	margin: 0 0 2em;
	overflow: hidden
}
/*- Date -*/
.date{
	background: url(../images/interface/date-bgr.gif) repeat-x top;
	border: 1px solid #152034;
	float: left;
	font-weight: bold;
	height: 38px;
	margin: 0 18px 0 0;
	text-align: center;
	width: 38px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 16px;
}
.date small{
	color: #87a0b2;
	display: block;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: .1em;
}
.date big{
	color: #090c1a;
	font-size: 24px;
	text-shadow: none;
}
/*=== Styling Lists ===*/
/*- Home List -*/
.home-list{
	font-size: 1em;
	margin: 0 0 .8em
}
.home-list li{
	background: url(../images/interface/ico-list.png) no-repeat 0 2px;
	margin: 0 0 1.3em;
	padding: 0 0 0 25px
}
.home-list li a{
	color: #ffffff
}
/*=== Content Styles ===*/

#home-news p {
	font-size: .85em;
}


/*- General Content -*/

#content {
	position: relative;
	width: 650px;
	float: left;
}

#content-wide {
	position: relative;
}

#content .group {
	clear: both;
	border-bottom: 1px solid #092b47;
	margin-bottom: 1.4em;
}


.archives-link {
	clear: both;
	height: 1.4em;
}

.pagination {
	position: relative;
	border-bottom: 1px solid #092b47;
	height: 2em;
}

.page-left {
	position: absolute;
	left: 0;
	padding-bottom: 1.4em;
}

.page-next {
	position: absolute;
	right: 0;
}

/*- News -*/

h3.news-title {
	margin-bottom: .4em;	
}

h4.news-meta {
	margin-bottom: 1em;
	font-size: 1em;
	font-weight: normal;
}

.archives-list h3.news-title {

}

.archives-list h4.news-meta {
	margin-bottom: 1.4em;
}



/*- Team -*/

.team_member {
	margin-bottom: 20px;
}

.team_member h3, .team_member h4, .team_member p {
	padding-left: 130px;
}

.team_member h3 {
	text-transform: capitalize;
	font-size: 1.6em;
	margin-bottom: 4px;
}

.team_member h4 {
	text-transform: uppercase;
 	font-weight: normal;
	margin-bottom: 10px;

}


.team_member img {
	float: left;
	margin-right: 30px;
	margin-top: 4px;
	overflow: auto;
}

/*- Clients -*/

#clients #primary img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

#client-list {
	width: 660px;
	float: left;
}

#client-list p {
	margin-right: 20px;
}

/*- Contact -*/

.contact_map {
	position: absolute;
	top: 1.2em;
	right: 0;
	
}

/*- Forms -*/


div.form {
	margin: 0;
}

div.form .group {
	float: clear;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	overflow: hidden;
}

div.form .group label {
	float: left;
	width: 100px;
	padding: 4px 0 6px 0;
	font-weight: normal;
	vertical-align: middle;
}

div.form .group span.req{
	margin: 0 5px 0 5px;
	font-family: Baskerville, Georgia, serif;
	color: #45aaff;
	font-size: 18px;
	line-height: 1;
}

sub.req {
	font-family: Baskerville, Georgia, serif;
	color: #CC6600;
	font-size: 16px; 
}

div.form .group .field {
	float: left;
	width: 300px;
} 

div.form .group .field input {
	padding: 4px;
	font-size: 12px;
}

div.form .group .field .text-area {
	width: 330px;
	padding: 4px;
	font-size: 12px;
}

span.check-text {
	margin: 0 1em 0 .6em;
}

div.form div.submit {
	clear: both;
	margin-left: 100px;
}


/*=== Footer ===*/
#footer{
	background: url(../images/interface/bg-seperator.png) repeat-x top;
	clear: both;
	color: #6786ac;
	height: 1%;
	padding: 15px 0 0;
	font-size: .95em;
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}