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

	* * * CONTENTS * * *

	0. HTML5 RESET
	
	1. BACKGROUND STYLES
	
	2. GENERIC STYLES
	
	3. HEADER STYLES
		3.0 Top Header
			3.0.0 Logo
			3.0.1 Social Networks
			
		3.1 Bottom Header
			3.1.0 Top navigation
			3.1.1 First level navigation
			3.1.2 Lower level navigation
			3.1.3 Search box Form
			3.1.4 feature Bar
		
		3.2 Home Splash Header
		3.3 Vesta Call out
		3.4 Critical Matters Header
	
	4. CONTENT STYLES
		4.0 Testimonials
		4.1 Services
		4.2 Quick Folio - carousel gallery
		4.3 Article list
		4.4 UL list styles
		4.5 Forms
		4.6 Elements
			4.6.0 Button
			4.6.1 Image Frame
			4.6.2 Note boxes
			4.6.3 Tab boxes
			4.6.4 Table; Code Snippets
			4.6.5 Dropcap; Highlight; Blockquote
			4.6.6 Sidebar elements
		4.7 Portfolio - Quicksand
		4.8 Blog
		4.9 Error 404
		4.10 Sitemap
		4.10 Sitemap
		4.11 Promises
	
	5. FOOTER STYLES
		5.0 Top Footer
		5.1 Middle Footer
		5.2 Bottom Footer
	
 *	

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

/*==================================================
    0. HTML5 RESET
===================================================*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height: 1;
	
}

article,aside,details,figcaption,figure,hgroup,
header,menu,nav,section,footer { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

.hidden{
	display:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

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

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

dd{
	padding-bottom: 20px;
	color: #999
}

input, select {
    vertical-align:middle;
}

::-moz-focus-inner {
	border:0;
	padding:0;
}

/* This is just to remove the bottom margin on the first section of the home page */
.noDisplay{
	margin-top: -35px;
}

/*==================================================
    1. BACKGROUND STYLES
==================================================*/

body {
    line-height: 1.9em;
    font-size: 0.80em; /* Changed from 0.75em - making any larger will mess up input form alignment */
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    /*color: #191715;*/
    color: #444; /* Changed */
	background-color: #fff; /* Changed */
    /*background-image:url("../images/bg_main.png"); /* Changed */
}

/*==================================================
    2. GENERIC STYLES
==================================================*/

.wrap {
    margin:0px auto;
    width:960px;
}

.container {
	position:relative;
	overflow:hidden;
}

.greenBg{
	background-color: #DFE0DE;
	/* original background-color: #CADCD6; */
	padding-top: 50px;
}

.content {width:570px;}

aside {width:298px;}

aside.left {
	margin-right:30px;
	padding-right:30px;
	border-right:1px dotted #d7d7d7;
}

aside.right {
	margin-left: 30px;
	padding-left: 30px;
	padding-right: 30px;
	border-left: 1px dotted #d7d7d7;
	border-right: 1px dotted #d7d7d7;
}

aside.right.bg{
	/*background-color: #e4e4e4;*/
}

aside.no_border {border:none;}

h1, h2, h3, h4, h5, h6 {
	padding:5px 0px;
}

h1, h2, h3, h4 {
    font-weight:normal;
}

h2.blue{
	color: #0087AC;
}

h1 {line-height:28px; font-size:22px; margin-bottom:10px;}
h2 {line-height:24px; font-size:18px; margin-bottom:6px;}
h3 {line-height:21px; font-size:15px; margin-bottom:3px;}
h4 {line-height:19px; font-size:13px; margin-bottom:3px;}
h5 {line-height:16px; font-size:12px;}
h6 {line-height:15px; font-size:10px; text-transform:uppercase;}

p, ul, .tabs_container, table, pre, figure {margin-bottom:20px;}

p {
	/* font-size: 12pt; */
}

.half p, .third p, .fourth p,
.fifth p, .sixth p, .two_third p,
.three_fourth p,
.half .note, .third .note, .fourth .note,
.fifth .note, .sixth .note, .two_third .note,
.three_fourth .note,
.half ul, .third ul, .fourth ul,
.fifth ul, .sixth ul, .two_third ul,
.three_fourth ul,
.half .tabs_container, .third .tabs_container, .fourth .tabs_container,
.fifth .tabs_container, .sixth .tabs_container, .two_third .tabs_container,
.three_fourth .tabs_container {
	margin-bottom:0px;
}

a, .waitListLink{
	color:#0063be;
	text-decoration:none;
	outline:none;
	cursor:pointer;
}

a:hover {color:#00a0df;}

a.reverse{
	color:#00a0df;
}

::-moz-selection {
	background-color:#ffdf85;
	color:#444;
}

::selection {
	background-color:#ffdf85;
	color:#444;
}

input[type=text]:hover, textarea:hover,
input:focus, textarea:focus {outline:none;}

ul {list-style:none;}

small {font-size:11px;}

.half, .third, .fourth, .fifth,
.sixth, .two_third, .three_fourth {
	position:relative;
	float:left;
	margin-right:4%;
	margin-bottom:20px;
}

.half {width:48% !important;}
.third {width:30.66% !important;}
.fourth {width:22% !important;}
.fifth {width:16.8% !important;}
.sixth {width:13.33% !important;}
.two_third {width: 65.33% !important;}
.three_fourth {width:74% !important;}

.last {margin-right:0px; clear:right;}

.separator {
	position:relative;
	clear:both;
	line-height:0px;
	margin:20px 0px;
	padding:20px 0px;
	background:url("../images/bg_separator.png") repeat-x center;
}

.separator.small {margin:4px 0px; padding:3px 0px;}
.separator.empty {background:none;}

.to_top {
	display:block;
	width:20px;
	height:8px;
	position:absolute;
	top:60%;
	right:0%;
	background:url("../images/btn_top.png") no-repeat 0px 0px;
	overflow:hidden;
}

.to_top:hover {background:url("../images/btn_top.png") no-repeat 0px -8px;}

.left {float:left;}
.right {float:right;}

img.left {margin:3px 15px 3px 0px;}
img.right {margin:3px 0px 3px 15px;}

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height: 0;
}

/*==================================================
    3. HEADER STYLES
==================================================*/

/*	3.0 Top Header
--------------------------------------------------*/

header {
	margin-bottom: 55px;

}

#header_bar {
	background-color: #344a66;
	background-image: url("../images/bg_bottom_header.png");
	width: 100%;
	height: 1px;
}

#top_header {
	background-color:#f8f8f8;
	/* background-image:url("../images/bg_main.png"); */
	/*border-bottom:1px solid #24303D;*/
	overflow:hidden;
}

#grey_bar {
    width: 50%;
	margin: 15px 0 0 0;
    height: 56px;
}

#grey_bar_wrapper {
    position: absolute;
    padding-right: 960px;
    left: 0;
    right: 0;
    top: 0;
}

/*	3.0.0 Logo
----------------------------------------*/

#logo {
	float:left;
	clear:both;
}

#logo h1 {
	margin:10px 0 10px 0; 
	padding:0px;
	background:url(../images/motorola_logo.png) no-repeat;
	text-indent:-9999px;
	width:960px;
	height:44px;
}

/*	3.0.1 Social Networks
----------------------------------------*/

ul#social_networks {
	float:right;
	margin:7px 0px 0px 0px;
}

ul#social_networks li {
	float:left;
	margin-left:4px;
}

ul#social_networks li a {
	display:block;
	width:20px;
	height:20px;
	-webkit-transition: background 0.2s ease;
	-moz-transition: background 0.2s ease;
	-o-transition: background 0.2s ease;
	transition: background 0.2s ease;
}

ul#social_networks li a.network1 {background:url("../images/social_networks.png") 0px 0px;}
ul#social_networks li a.network1:hover {background:url("../images/social_networks.png") 0px -20px;}

ul#social_networks li a.network2 {background:url("../images/social_networks.png") 0px -40px;}
ul#social_networks li a.network2:hover {background:url("../images/social_networks.png") 0px -60px;}

ul#social_networks li a.network3 {background:url("../images/social_networks.png") 0px -80px;}
ul#social_networks li a.network3:hover {background:url("../images/social_networks.png") 0px -100px;}

ul#social_networks li a.network4 {background:url("../images/social_networks.png") 0px -120px;}
ul#social_networks li a.network4:hover {background:url("../images/social_networks.png") 0px -140px;}

ul#social_networks li a.network5 {background:url("../images/social_networks.png") 0px -160px;}
ul#social_networks li a.network5:hover {background:url("../images/social_networks.png") 0px -180px;}

ul#social_networks li a.network6 {background:url("../images/social_networks.png") 0px -200px;}
ul#social_networks li a.network6:hover {background:url("../images/social_networks.png") 0px -220px;}

/*	3.1 Bottom Header
--------------------------------------------------*/

#bottom_header {
	height:47px;
	padding:10px 0px 0px 0px;
	background-color: #0063BE;
}

/*	3.1.0 Top navigation
----------------------------------------*/

nav ul#top_nav {
	margin:0px;
	position:relative;
	z-index:1000;
}

nav ul#top_nav li {
	float:left;
	position:relative;
}

nav ul#top_nav li:first-child a {padding-left:0px;}

nav ul#top_nav li a {
	display:block;
	padding:5px 12px 18px 12px;
	color:#fff;
	font-size: 13px;
	/*font-family: 'Open Sans', helvetica, arial, sans-serif;*/
	text-decoration:none;
}

nav ul#top_nav li a:hover,
nav ul#top_nav li a:focus,
nav ul#top_nav li a.active {color:#00a0df;}

.sub_nav_arrow {background:url("../images/sub_nav_plus.png") no-repeat center 66%;}

/*	3.1.1 First level navigation
----------------------------------------*/

#top_nav li ul {
	display:none;
	position:absolute;
	left:12px;
	top:43px;
	width:156px;
	background-color: rgba(255,255,255,0.97);
	/*border-top:5px solid #2b3a4f;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;*/
	box-shadow:0px 1px 2px rgba(0,0,0,.4);
	border-top-color:#2b3a4f;
}

#top_nav li ul li {
	width:150px;
	padding:3px;
	line-height:19px;
	/*border-bottom:1px solid #3c5575;*/
}

#top_nav li ul li:last-child {border-bottom:none;}

#top_nav li ul li a {
	display:block;
	color:#0063be;
	padding:2px 8px;
	font-size:12px;
	font-weight:normal;
	text-transform:none;
	text-shadow:none;
	border-radius:3px;
}

#top_nav li ul li:first-child a {padding-left:8px;}

#top_nav li ul li a:hover {color:#00a0df;}

/*	3.1.2 Lower level navigation
----------------------------------------*/

#top_nav li ul li ul.lower_level {
	display:none;
	position:absolute;
	left:150px;
	top:6px;
	border:none;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	z-index:1;
}

/*	3.1.3 Search box Form
----------------------------------------*/

#search {float:right;}

#search fieldset {
	padding:5px 8px;
	background-color:#333;
	background-color:rgba(0,0,0,.5);
	-moz-border-radius:3px;
	border-radius:3px;
}

#search input[type="text"] {
	margin:0px;
	padding:0px 7px 1px 0px;
	float:left;
	width:105px;
	color:#696765;
	background-color:#333;
	background-color:rgba(0,0,0,0);
	border:none;
	outline:none;
	-webkit-transition: width 0.2s ease;
	-moz-transition: width 0.2s ease;
	-o-transition: width 0.2s ease;
	transition: width 0.2s ease;
}

#search input[type="text"]:focus {width:125px;}

#search input[type="submit"] {
	padding:0px;
	float:right;
	margin-top:3px;
	width:11px;
	height:12px;
	background:url("../images/btn_search.png") no-repeat;
	border:none;
	cursor:pointer;
}

/*	3.1.4 Feature Bar
----------------------------------------*/

#featureBar{
	width: 100%;
	background-color: #424a56;
}


/*==================================================
    3.2. HOME SPLASH HEADER
==================================================*/

#homeSplashWrap{
	width: 960px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 430px;
	padding-left: 10px;
}


.homeSplash{
	background: #0093d0 url("../images/main-hero.jpg") center center no-repeat;
	height: 400px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}
/*==================================================
    3.2. HOME SPLASH HEADER
==================================================*/

.homeOfVesta{
	background-color: #fff;
	/* background: #CADCD6 url("../images/halftone.png"); */
	padding-top: 20px;
	padding-bottom: 20px;
}

.homeOfVesta div{
	margin-left: auto;
	margin-right: auto;
}

.homeOfVesta img{
	display: block;
	margin-left: auto;
    margin-right: auto;
}

.homeOfVesta h2{
	text-align: center;
	color: #0087AC;
}

/*==================================================
    3.3. VESTA CALL OUT
==================================================*/

.homeOfVesta.interior{
	margin: 0;
	padding: 10px 0;
	margin-bottom: 50px;
}

/*==================================================
    3.4. CRITICAL MATTERS HEADER
==================================================*/

.criticalMattersHeader{
	background-color: #e4e4e4;
	clear: both;
	display: inline-block;
	width: 100%;
}

.criticalMattersHeader div{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.criticalMattersHeader img{
	float: right;
	display: block;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 80px;
}

img.criticalMatters{
	display: block;
    margin-left: auto;
    margin-right: auto;
	padding-top: 10px;
}

/*==================================================
    4. CONTENT STYLES
==================================================*/

/*	4.0 Testimonials
--------------------------------------------------*/

.testimonials {
	position:relative;
	margin:50px 0px;
	background:url("../images/quote_bg.png") no-repeat;
	height:178px;
	overflow:hidden;
}

.testimonialsMain {
	position:relative;
	margin: 0px 0px 50px 0px;
	background:url("../images/quote_bg.png") no-repeat;
	height:178px;
	overflow:hidden;
}

ul.quotes {
	position:absolute;
	top:0px;
	left:90px;
}

ul.quotes li {
	padding:30px;
}

ul.quotes li blockquote {
	margin:0px;
	padding:7px 30px;
	width:660px;
	background:url("../images/quote.png") no-repeat;
	line-height:36px;
	font-size:24px;
	font-family:georgia, serif;
	text-align:center;
	text-shadow:none;
}

.quote_author {
	display:block;
	color:#bfbebb;
	font-size:14px;
	font-family:helvetica,arial,sans-serif;
	font-weight:bold;
}

.quote_author .company {
	font-weight:normal;
	font-style:italic;
}

ul.quotes_buttons {
	display:none;
	position:absolute;
	left:50%;
	margin-left:-13px;
	bottom:-6px;
}

ul.quotes_buttons li {
	margin-right:4px;
	float:left;
	width:6px;
	height:6px;
	overflow:hidden;
}

ul.quotes_buttons li a {
	display:block;
	padding:3px;
	background:url("../images/btn_quotes.png") no-repeat left top;
}

ul.quotes_buttons li a.selected {
	background:url("../images/btn_quotes.png") no-repeat left bottom;
}

/*	4.1 Services
--------------------------------------------------*/

#services {overflow:hidden;}

#services h2 {
	padding:10px 0px 5px 40px;
}

#services .fourth {margin-bottom:0px;}

h2.service1 {background:url("../images/service1.png") no-repeat;}
h2.service2 {background:url("../images/service2.png") no-repeat;}
h2.service3 {background:url("../images/service3.png") no-repeat;}
h2.service4 {background:url("../images/service4.png") no-repeat;}

ul.services > li {
	padding-top:20px;
	border-top:1px dotted #D7D7D7;
	overflow:hidden;
}

ul.services > li div {margin-bottom:0px;}

ul.services > li p,
ul.services > li ul {margin-bottom:20px;}

/*	4.2 Quick Folio - carousel gallery
--------------------------------------------------*/

#quick_folio {
	margin: 0px 0px 50px 0px;
	padding:25px 0px;
	background-color:#f2f2f2;
	/* background-image:url("../images/bg_quick_folio.png"); */
	border-top:1px solid #d7d6d5;
	border-bottom:1px solid #d7d6d5;
	outline:1px solid #fff;
}

#quick_folio .wrap {width:1020px;}

.carousel {
	position:relative;
	margin:0px;
	padding:0px 30px;
}

.carousel_btn_left, .carousel_btn_right {
	display:none;
	position:absolute;
	background:url("../images/btn_carousel.png") no-repeat 0px 0px;
	width:15px;
	height:20px;
	top:50px;
	left:10px;
}

.carousel_btn_right {
	background:url("../images/btn_carousel.png") no-repeat 0px -20px;
	left:995px;
}

.carousel_btn_left:active, .carousel_btn_right:active{ margin-top:1px; }

.carousel_mask {
	position:relative;
	width:960px;
	overflow:hidden !important;
}

.carousel ul.carousel_items {
	position:relative;
	margin:0px;
}

.carousel ul.carousel_items li {
	float:left;
	margin-right:19px;
}

.carousel ul.carousel_items li img {
	width:160px;
	height:100px;
}

/*	4.3 Article list
--------------------------------------------------*/


.article_list li {
	position:relative;
	margin-bottom:20px;
	overflow:hidden;
}


.article_list .img_frame {margin-bottom:4px;}

.article_list .img_frame ul li {
	float:left;
	margin:0px;
	padding:0px;
	border:none;
}

.article_list.small img {
	width:130px;
	height:80px;
}

.article_list.small li article {
	float:right;
	width:393px;
}

.article_list.medium img {
	width:170px;
	height:105px;
}

.article_list.medium li article {
	float:right;
	width:353px;
}

.article_list.large img {
	width:550px;
	height:250px;
}

.article_list.large li article {
	padding:5px 5px 0px 5px;
	width:560px;
}

.article_list li article h2,
.article_list li article h3 {padding-top:3px;}

.article_list li article h2 a,
.article_list li article h3 a {color:#444;}

.article_list li article h2 a:hover,
.article_list li article h3 a:hover {color:#e85757;}

.article_list li article h2 a.red{
	color:#e85757;
}

.details {
	display:block;
	margin-top:6px;
	padding-left:15px;
	background:url("../images/bg_arrow_details.png") no-repeat 0px 7px;
	color:#929190;
	font-size:10px;
}

a.article_author, a.cat, a.comm, a.tag {color:#737271;}
a.article_author:hover, a.cat:hover, a.comm:hover, a.tag:hover {text-decoration:underline;}

.ribbon_featured {
	position:absolute;
	top:0px;
	left:0px;
	background:url("../images/ribbon_featured.png") no-repeat;
	width:78px;
	height:49px;
	z-index:10;
}

/*	4.4 UL list styles
--------------------------------------------------*/

.zebra_list li {
	padding:8px 22px;
	background:#f0f0f0 url("../images/li_zebra_arrow.png") no-repeat 10px center;
}

.zebra_list li:nth-child(even) {background-color:#e9e9e9;}

.zebra_list li a {color:#737271;}
.zebra_list li a:hover {color:#e85757;}

.arrows li, .arrows2 li, .arrows3 li,
.dots li, .plusses li, .circles li,
.checkmarks li, .minuses li {
	text-align: top;
	margin:0px;
	background-position:0px 9px;
	background-repeat:no-repeat;
	padding-bottom: 10px;
}

.arrows li {padding-left:12px;}

.arrows.orange li {background-image:url("../images/li/li_arrow_orange.png");}
.arrows.grey li {background-image:url("../images/li/li_arrow_grey.png");}
.arrows.blue li {background-image:url("../images/li/li_arrow_blue.png");}
.arrows.green li {background-image:url("../images/li/li_arrow_green.png");}
.arrows.red li {background-image:url("../images/li/li_arrow_red.png");}

.arrows2 li {padding-left:8px;}

.arrows2.orange li {background-image:url("../images/li/li_arrow2_orange.png");}
.arrows2.grey li {background-image:url("../images/li/li_arrow2_grey.png");}
.arrows2.blue li {background-image:url("../images/li/li_arrow2_blue.png");}
.arrows2.green li {background-image:url("../images/li/li_arrow2_green.png");}
.arrows2.red li {background-image:url("../images/li/li_arrow2_red.png");}

.arrows3 li {padding-left:9px;}

.arrows3.orange li {background-image:url("../images/li/li_arrow3_orange.png");}
.arrows3.grey li {background-image:url("../images/li/li_arrow3_grey.png");}
.arrows3.blue li {background-image:url("../images/li/li_arrow3_blue.png");}
.arrows3.green li {background-image:url("../images/li/li_arrow3_green.png");}
.arrows3.red li {background-image:url("../images/li/li_arrow3_red.png");}

.dots li {padding-left:8px;}

.dots.orange li {background-image:url("../images/li/li_dot_orange.png");}
.dots.grey li {background-image:url("../images/li/li_dot_grey.png");}
.dots.blue li {background-image:url("../images/li/li_dot_blue.png");}
.dots.green li {background-image:url("../images/li/li_dot_green.png");}
.dots.red li {background-image:url("../images/li/li_dot_red.png");}

.plusses li {padding-left:10px;}

.plusses.orange li {background-image:url("../images/li/li_plus_orange.png");}
.plusses.grey li {background-image:url("../images/li/li_plus_grey.png");}
.plusses.blue li {background-image:url("../images/li/li_plus_blue.png");}
.plusses.green li {background-image:url("../images/li/li_plus_green.png");}
.plusses.red li {background-image:url("../images/li/li_plus_red.png");}

.circles li {padding-left:10px;}

.circles.orange li {background-image:url("../images/li/li_circle_orange.png");}
.circles.grey li {background-image:url("../images/li/li_circle_grey.png");}
.circles.blue li {background-image:url("../images/li/li_circle_blue.png");}
.circles.green li {background-image:url("../images/li/li_circle_green.png");}
.circles.red li {background-image:url("../images/li/li_circle_red.png");}

.checkmarks li {padding-left:15px;}

.checkmarks.orange li {background-image:url("../images/li/li_checkmark_orange.png");}
.checkmarks.grey li {background-image:url("../images/li/li_checkmark_grey.png");}
.checkmarks.blue li {background-image:url("../images/li/li_checkmark_blue.png");}
.checkmarks.green li {background-image:url("../images/li/li_checkmark_green.png");}
.checkmarks.red li {background-image:url("../images/li/li_checkmark_red.png");}

.minuses li {padding-left:9px;}

.minuses.orange li {background-image:url("../images/li/li_minus_orange.png");}
.minuses.grey li {background-image:url("../images/li/li_minus_grey.png");}
.minuses.blue li {background-image:url("../images/li/li_minus_blue.png");}
.minuses.green li {background-image:url("../images/li/li_minus_green.png");}
.minuses.red li {background-image:url("../images/li/li_minus_red.png");}

.list_indent {margin-left:45px;}

/*	4.5 Forms
--------------------------------------------------*/

#subscribe {position:relative;}

#subscribe fieldset {
	margin-bottom:20px;
	padding:4px;
	background-color:#e9e9e9;
}

#subscribe input[type="text"], span.placeholder {
	margin:0px;
	padding:7px;
	float:left;
	width:67%;
	background-color:#e9e9e9;
	color:#a2a1a0;
	font-family:Georgia, serif;
	font-style:italic;
	text-shadow:0px 1px 1px rgba(255,255,255,.85);
	border:none;
	outline:none;
}

span.placeholder {
	margin:0px;
	padding:0px;
	position:absolute;
	top:9px;
	left:13px;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
}

.error {
	padding:10px;
	background:url("../images/exclamation_mark.png") no-repeat;
	position:absolute;
	top:35%;
	right:24%;
}

#subscribe input[type="submit"] {
	float:right;
	height:30px;
}




#survey {
	width:570px;
	margin:10px 0px 30px 0px;
	overflow:auto;
}

#survey fieldset{
	padding:4px;
	margin-bottom:15px;
	background-color:#f0f0f0;
	-moz-border-radius:2px;
	border-radius:2px;
}

#survey label {
	float:left;
	margin:9px 20px 8px 6px;
	width:355px;
	font-size:13px;
	text-shadow:0px 1px 0px #fff;
}

#survey input[type=text], #survey textarea {
	display:block;
	padding:10px;
	width:530px;
	height:15px;
	background-color:#fffefd;
    color:#777;
    font-size:13px;
	font-family:'Droid Sans', helvetica, arial, sans-serif;
    border:1px solid #d2d1d0;
	-moz-border-radius:2px;
	border-radius:2px;
	box-shadow:inset 0px 1px 1px #fff;
}

#survey input[type=text]:focus, #survey textarea:focus {
	background-color:#fcfbfa;
	border-color:#c2c1c0;
}

#survey textarea {
	margin:0px;
	min-height:150px;
    -moz-resize:vertical;
    resize:vertical;
}

#survey select {

	font-size:14px;
}

#login {
	width:570px;
	margin:10px 0px 30px 0px;
	overflow:auto;
	background-color: #344A66;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 10px;
}

#login fieldset{
	padding:4px;
	margin-bottom:15px;
	-moz-border-radius:2px;
	border-radius:2px;
}

#login label {
	float:left;
	margin:9px 10px 8px 6px;
	width:70px;
	font-size:13px;
	color: white;
}

#login label.long {
	float:left;
	margin:9px 10px 8px 6px;
	width:350px;
	font-size:15px;
	text-shadow:0px 1px 0px #fff;
}

#login input[type=text], #login input[type=password] {
	display:block;
	padding:10px;
	width:454px;
	height:15px;
	background-color:#fffefd;
    color:#777;
    font-size:13px;
	font-family:'Droid Sans', helvetica, arial, sans-serif;
    border:1px solid #d2d1d0;
	-moz-border-radius:2px;
	border-radius:2px;
	box-shadow:inset 0px 1px 1px #fff;
}

#login input[type=text]:focus, #login input[type=password]:focus {
	background-color:#fcfbfa;
	border-color:#c2c1c0;
}

#login textarea {
	margin:0px;
	min-height:150px;
    -moz-resize:vertical;
    resize:vertical;
}

#login select {
	width:475px;
	height:35px;
	font-size:14px;
}

#contact{
	background-color: #DDDCDC;
	padding: 20px;
}

#contact fieldset{
	padding:4px;
	margin-bottom:15px;
	/* background-color:#f0f0f0; */
	-moz-border-radius:2px;
	border-radius:2px;
}

#contact label {
	float: left;
	margin: 9px 10px 8px 6px;
	width: 70px;
	font-size: 13px;
}

#contact label.long {
	float:left;
	margin:9px 10px 8px 6px;
	width:300px;
	font-size:15px;
}

#contact input[type=text], #contact textarea, #contact input[type=email], #contact input[type=tel], #contact input[type=password] {
	display:block;
	padding:10px;
	width:396px;
	height:15px;
	background-color:#fffefd;
    color:#777;
    font-size:13px;
	font-family:'Droid Sans', helvetica, arial, sans-serif;
    border:1px solid #d2d1d0;
	-moz-border-radius:2px;
	border-radius:2px;
	box-shadow:inset 0px 1px 1px #fff;
}

#contact input[type=text]:focus, #contact input[type=email]:focus, #contact input[type=tel]:focus, #contact textarea:focus {
	background-color:#fcfbfa;
	border-color:#c2c1c0;
}

#contact textarea {
	margin:0px;
	min-height:150px;
    -moz-resize:vertical;
    resize:vertical;
}

#contact select {
	
	width: 418px;
	height: 35px;
	font-size: 14px;
}

form .button {padding:7px 10px;}

#confirmation h2 {
	padding:10px 0px 5px 40px;
    background:url("../images/ok.png") no-repeat top left;
}

select.selectStatus {
	width:70px;
	padding:0px;
}

select.selectLocation {
	width:70px;
	padding:0px;
}

.editStartDate {
	width:40px;
	padding:0px;
}

.editEndDate {
	width:40px;
	padding:0px;
}
/*	4.6 Elements
--------------------------------------------------*/

/*	4.6.0 Button
----------------------------------------*/

.button {
	display:block;
	margin:0px;
	padding:5px 8px;
	background-color:#555;
	color:#fff;
	line-height:13px;
	font-size:12px;
	border:none;
	-moz-border-radius:2px;
	border-radius:2px;
	width:auto;
	overflow:visible;
	cursor:pointer;
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}

.button:hover, .button.selected {
	background-color:#e85757;
	color:#fff;
}

.button_read_more {
	display:block;
	margin:8px 0px 0px 0px;
	padding:5px 8px;
	background-color:#555;
	color:#fff !important;
	line-height:13px;
	font-size:12px;
	border:none;
	-moz-border-radius:2px;
	border-radius:2px;
	width:60px;
	overflow:visible;
	cursor:pointer;
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}

.button_read_more:hover, .button_read_more.selected {
	background-color:#f36f36;
	color:#fff;
}

ul.button_bar {margin-left:4px; overflow:hidden;}
ul.button_bar li {float:left; margin-right:5px;}

.read_more {
	margin:20px 0px;
	padding-right:10px;
	background:url("../images/btn_read_more.png") no-repeat right top;
	height:7px;
	line-height:8px;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.read_more:hover {
	background-position:right bottom;
	color:#595959;
}


.homButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.homButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.homButton:active {
	position:relative;
	top:1px;
}

/*	4.6.1 Image Frame
----------------------------------------*/

.img_frame {
	display:inline-block;
	margin:4px;
	padding:5px;
	background-color:#fff;
	line-height:0px;
	border:1px solid #c0c1c2;
	-moz-border-radius:3px;
	border-radius:3px;
	box-shadow:0px 0px 4px 0px rgba(0,0,0,0.12);
}

.img_frame .container ul {position:absolute;}

.img_frame .container ul li {
	margin:0px;
	padding:0px;
	width:100%;
	overflow:hidden;
}

.img_frame a.description {
	display:block;
	padding:5px 8px;
	background-color:#ffd86a;
	color:#555;
	line-height:16px;
	font-size:12px;
}

.img_frame a.description h4 {padding:0px;}

/*	4.6.2 Note boxes
----------------------------------------*/

.note {
	padding:15px;
	margin-bottom:20px;
	-moz-border-radius:2px;
	border-radius:2px;
}

.note.info {
	background:#ddecf5;
	color:#99b1c1;
	border:1px solid #c3d9e5;
}

.note.warning {
	background:#fcf9da;
	color:#b3ad77;
	border:1px solid #ebe7bc;
}

.note.success {
	background:#e9f6e3;
	color:#93c088;
	border:1px solid #ceedc4;
}

.note.err {
	background:#ffe3e3;
	color:#cf9494;
	border:1px solid #fdcdcd;
}

.note.careers {
	background:#ddecf5;
	color:#00336E;
	border:1px solid #c3d9e5;
	text-align:center;
	font-size:14pt;
	text-decoration:none;
}

/*	4.6.3 Tab boxes
----------------------------------------*/

.tabs_container {
	border:1px solid #e2e1e0;
	-moz-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
}

ul.tabs {
	height:30px;
	margin:0px;
	background:#e9e9e9;
	border-top:1px solid #f9f9f9;
	border-bottom:1px solid #e0e0e0;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}

ul.tabs li {
	float:left;
	margin-bottom:-1px;
	height:30px;
	line-height:30px;
	border-left:1px solid #f7f5f3;
	border-right:1px solid #d7d7d7;
	overflow:hidden;
}

ul.tabs li a {
	display:block;
	padding:0 15px;
	color:#737271;
	font-size:13px;
	text-shadow:0px 1px 0px #fff;
}

ul.tabs li a:hover {background:#f0f0f0;}

ul.tabs li.active, ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom:1px solid #fff;
}

ul.tabs li:first-child.active,
ul.tabs li:first-child.active a:hover {
	border-top-left-radius:3px;
}

.tabs_contents {	
	background:#fcfbfa;
	border:1px solid #fff;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	overflow: hidden;
}

.tab_content {padding: 15px;}

/*	4.6.4 Table; Code Snippets
----------------------------------------*/

table {background:#fcfbfa; border:1px solid #e9e9e9;}
tr:nth-of-type(odd) {background-color:#f0f0f0;}
th, td {padding:7px 8px; border:1px solid #CBCBCB;}
th {background:#dfdfdf;}

table#partners {
	text-align: center;
	width: 100%;
	border-collapse: collapse;
}

table#partners tr:nth-of-type(odd) {
	background-color:#fcfbfa;
}

pre {
	padding:0;
	font-family: Consolas, "Courier New", Courier, monospace;
	background:url("../images/bg_pre.png");
	border: 1px solid #e2e1e0;
	overflow:auto;
	overflow-Y:hidden;
}

pre code {display:block; margin:0px 0px 0px 20px;}

/*	4.6.5 Dropcap; Highlight; Blockquote
----------------------------------------*/

.dropcap {
	float:left;
	display:block;
	margin:2px 7px 0px 0px;
	line-height:35px;
	font-size:38px;
	font-family:georgia,serif;
	text-transform:uppercase;
}

.highlight_yellow {background:#ffdf85;}
.highlight_blue {background:#b0e0ea;}

blockquote {
	margin:25px 0px 25px 30px;
	padding:0px 25px;
	background:url("../images/quote_small.png") no-repeat;
	
}

aside blockquote {
	margin:25px 0px 25px 0px;
	padding:0px 25px;
	background: url("../images/quote_small.png") no-repeat;
}

blockquote p {
	margin:0px;
	color:#575655;
	/* font-style:italic;
	font-family:Georgia, serif; */
	padding-bottom: 10px;
}

blockquote cite {color:#999;}

.customerQuotes blockquote{
	margin: 5px 0px 15px 0px;
	padding:0px 25px;
	background:url("../images/quote_small.png") no-repeat;
	text-shadow:0px 1px 0px #fff;
	font-size: 16px;
	color: #9e9fa1;
	font-style:italic;
	font-family:Georgia, serif;
}

.customerQuotes blockquote cite{
	font-size: 12px;
	font-style: italic;
}

.customerQuotes h3 {
	margin-left: 24px;
}

/*	4.6.6 Sidebar elements
----------------------------------------*/

.adverts li {float:left;}

.post_list {border-bottom:1px dotted #d7d7d7;}

.post_list li {
	padding:2px;
	margin-bottom:10px;
	overflow:hidden;
}

.post_list .post_thumb {
	float:left;
	margin-right:10px;
	padding:3px;
	background:#fff;
	border:1px solid #ddd;
	box-shadow:0px 1px 2px #eee;
	-webkit-transition: border 0.2s ease;
	-moz-transition: border 0.2s ease;
	-o-transition: border 0.2s ease;
	transition: border 0.2s ease;
}

.post_list .post_thumb {height:40px; width:40px;}

.post_list .post_thumb:hover {border:1px solid #b9b8b7;}

.post_list .post_description a.post_caption {
	padding:1px 0px 0px 0px;
	margin:0px;
	color:#737271;
	line-height:16px;
	font-size:13px;
}

.post_list .post_description a.post_caption:hover {color:#e85757;}

.post_list .post_description .details {margin-top:0px;}

.tag_list {overflow:hidden;}

.tag_list li {
	float:left;
	margin:0px 8px 10px 0px;
}

.tag_list li a {
	display:block;
	padding:0px 6px;
	color:#a3a2a1;
	text-shadow:0px 1px 0px #fff;
	background-color:#e9e9e9;
	border:1px solid #d2d1d0;
	-moz-border-radius:2px;
	border-radius:2px;
}

.tag_list li a:hover {
	color:#737271;
	background-color:#f0f0f0;
	border:1px solid #ddd;
}

/*	4.7 Portfolio - Quicksand
--------------------------------------------------*/

.portfolio_filter {
	padding:6px 0px 5px 5px;
	margin-bottom:40px;
	background:#fafbfc;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	-moz-border-radius:2px;
	border-radius:2px;
	box-shadow:0px 1px 0px #eee;
	overflow:hidden;
}

.portfolio_filter li {float:left;}

.portfolio_filter li a {
	padding:2px 7px;
	font-family:georgia,serf;
	font-style:italic;
	text-shadow:0px 1px 0px #fff;
}

.portfolio_filter li a.selected {color:#737271;}

.portfolio_filter li span {color:#b3b2b1;}

.portfolio_content {
    width:1000px;
	padding:4px;
	margin-bottom:0px;
	min-height:350px;
    overflow:hidden;
}

.portfolio_content.col2 {background:url("../images/bg_portfolio_col2.png") 0px -24px;}
.portfolio_content.col3 {background:url("../images/bg_portfolio_col3.png") 0px -24px;}
.portfolio_content.col4 {background:url("../images/bg_portfolio_col4.png") 0px -24px;}

.portfolio_content li {
	float:left;
	margin:0px 38px 60px 0px;
}

.portfolio_content li.half,
.portfolio_content li.half img {width:445px; height:270px;}

.portfolio_content li.third,
.portfolio_content li.third img {width:280px; height:170px;}

.portfolio_content li.fourth,
.portfolio_content li.fourth img {width:199px; height:121px;}
.portfolio_content li.fourth {margin-right:36px;}

.standard {
	padding:0px;
	width:960px;
}

.standard li {margin:0px; float:none;}

.standard li .half img {width:441px; height:260px;}
.standard li .third img {width:276px; height:167px;}
.standard li .fourth img {width:193px; height:115px;}

.standard a img, .post a img {
	opacity:1;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}

.standard a:hover img, .post a:hover img {opacity:.8;}

.standard .description {padding:5px;}

/*	4.8 Blog
--------------------------------------------------*/

.blog, .sb {padding:0px;}

.blog li, .sb li {
	width:570px; 
	margin:0px 0px 30px 0px;
	padding-bottom:30px;
	border-bottom:1px dotted #e2e1e0;
}

.post_title {margin-bottom:0px; padding-bottom:0px;}
.post .details {margin:0px 0px 15px 0px;}

.post_content {
	padding:0px 4px;
	margin:20px 0px;
}

.about_author {
	padding:20px;
	margin:50px 0px;
	background-color:#eeede8;
	-moz-border-radius:2px;
	border-radius:2px;
	box-shadow:0px 1px 2px #d2d1d0;
}

.about_author h3 {padding-top:0px;}

.about_author .author_avatar {
	float:left;
	margin-right:15px;
	padding:3px;
	background:#fff;
	border:1px solid #ddd;
	box-shadow:0px 1px 2px #eee;
}

ul#comments {
    padding-bottom:5px;
	margin-bottom:35px;
    background:url("../images/bg_separator.png") repeat-x bottom;
}

ul#comments li {
	margin-top:5px;
    padding-top:25px;
    background:url("../images/bg_separator.png") repeat-x;
    overflow:hidden;
}

ul#comments ul.children {margin:25px 0px 0px 70px;}

ul#comments img.avatar {
    float:left;
    height:45px;
    width:45px;
	margin-top:1px;
	padding:3px;
	background:#fff;
	border:1px solid #ddd;
	box-shadow:0px 1px 2px #eee;
}

ul#comments div.comment {margin-left:70px;}

ul#comments div.comment small {
    display:block;
    line-height:11px;
    font-size:10px;
    margin-bottom:9px;
}

ul#comments div.comment small a {
    color:#4486be;
    font-weight:bold;
    text-shadow:none;
}

ul#comments div.comment .author_name {
	color:#555;
    font-weight:bold;
    font-size:13px;
}

ul#comments div.comment small a:hover,
ul#comments div.comment a.author_name:hover {color:#f36f36;}

ul#comments div.comment small.author_mark {
    display:inline;
	position:absolute;
    padding:2px;
    margin:3px 0px 0px 8px;
    background-color:#ffd400;
	line-height:8px;
    font-size:8px;
    font-weight:bold;
	border:1px solid #e7bf05;
    text-transform:uppercase;
	-moz-border-radius:2px;
    border-radius:2px;
	box-shadow:0px 1px 1px #fff;
}

.nssLand {
	padding-top:10px;
	
}

/*	4.9 Error 404
--------------------------------------------------*/

ul#error_404 {
	padding-top:50px;
	text-align:center;
}

ul#error_404 li {margin-bottom:50px;}

ul#error_404 li p {
	line-height:26px;
	font-size:18px;
	font-family:georgia, serif;
}

ul#error_404 li ul {margin:100px 0px 0px 0px;}

ul#error_404 li ul li {
	display:inline;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}

ul#error_404 li ul li span {margin:0px 7px;}

ul#error_404 li ul li a,
ul#sitemap a {
	color:#737271;
	-webkit-transition:color 0.2s ease;
	-moz-transition:color 0.2s ease;
	-o-transition:color 0.2s ease;
	transition:color 0.2s ease;
}

ul#error_404 li ul li a:hover,
ul#sitemap a:hover {color:#f36f36;}

/*	4.10 Sitemap
--------------------------------------------------*/

ul#sitemap {font-size:16px;}

ul#sitemap > li {
	margin: 15px 0px 10px 0px;
	padding-left:10px;
	background:url("../images/li/li_arrow3_orange.png") no-repeat left 7px;
}

ul#sitemap li ul {
	margin:5px 0px 5px 30px;
	font-size:12px;
}

ul#sitemap > li > ul > li {
	padding-left:10px;
	background:url("../images/li/li_circle_blue.png") no-repeat left 8px;
	font-size:13px;
}

ul#sitemap > li > ul > li > ul > li {
	padding-left:10px;
	background:url("../images/li/li_dot_green.png") no-repeat left 8px;
}

ul#sitemap > li > ul > li > ul > li ul li {
	padding-left:10px;
	background:url("../images/li/li_arrow2_grey.png") no-repeat left 8px;
}

/*	4.11 Promises
--------------------------------------------------*/

#promises{
	position: relative;
	font-family: georgia, serf;
	text-align: center;
	font-size: 43px;
	opacity: 0.2;
	margin-top: 35px;
	margin-bottom: -17px;
	z-index: 99999;
}

/*==================================================
    5. FOOTER STYLES
==================================================*/

footer {
	margin-top:35px;
	line-height:20px;
	font-size:12px;
	background-color:#24303d;
	border-top:5px solid #f8971d;
	outline:1px solid #d4d4d4;
	overflow:hidden;
}

/*	5.0 Top Footer
--------------------------------------------------*/

#top_footer {
	padding:13px 0px 10px 0px;
	background-color:#344a66;
	background-image:url("../images/bg_bottom_header.png");
	border-bottom:1px solid rgba(255,255,255,.07);
}

.tweetsFeed {margin:0px;
	color:#a49a94;
	font-family:Georgia, serif;
	font-style:italic;
	text-align:center;
}

.tweetsFeed .jta-tweet-text {
	padding-left:25px;
	background:url("../images/icon_twitter.png") no-repeat;
}

.tweetsFeed .jta-tweet-list {margin:0px;}
.tweetsFeed .jta-tweet-attributes,
.tweetsFeed .jta-tweet-retweeter,
.tweetsFeed .jta-clear {display:none;}

/*	5.1 Middle Footer
--------------------------------------------------*/

#middle_footer {
	padding:20px 0px;
	color:#888;
	border-top:1px solid rgba(0,0,0,.2);
	overflow:hidden;
}

#middle_footer h3 {color:#d2d1d0;}

#middle_footer li {
	padding:5px 0px;
	background:none;
	border-bottom:1px dotted #3c5575;
}

#middle_footer li a {
	margin:0px;
	padding-left:12px;
	color:#929190;
	background:url("../images/li/li_arrow_orange.png") no-repeat 0px center;
	-webkit-transition:margin-left 0.1s ease;
	-moz-transition:margin-left 0.1s ease;
	-o-transition:margin-left 0.1s ease;
	transition:margin-left 0.1s ease;
}

#middle_footer li a:hover {
	margin-left:3px;
	color:#f36f36;
}

#readBlog{
	border-bottom: 1px dotted #3c5575;
	border-top: 1px dotted #3c5575;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	width: 100%;
	text-align: center;
}

/*	5.2 Bottom Footer
--------------------------------------------------*/

#bottom_footer {
	padding:15px 0px;
	color:#494847;
	background:#1d1c1b;
	background:rgba(0,0,0,.35);
	border-top:1px solid rgba(0,0,0,.1);
	overflow:hidden;
}

#bottom_footer img {margin:0px;}

#bottom_footer p {margin:4px 0px 0px 0px;}

#bottom_footer a{
	color: #888;
}
 .reveal{
	display: none;
	float: left;
	clear: both;
 }
 
 .homeShift{
	margin-top: -55px;
 }