/* ======================== */
/* RESET MARGIN AND PADDING */
/* ======================== */

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

/* ================== */
/* MAIN TAG OVERRIDES */
/* ================== */

html{
	
}

img{
	border: none;
	float: left;
}

body{
	/*font-family: Helvetica, Arial, sans-serif;*/
	font-family: Arimo, Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #666666;
	background-color: #FFFFFF;
	-webkit-text-size-adjust: 100%;
}

h1{
	 font-size:1.75em; 
	 color:#808080;
	 letter-spacing: -1px;
}

h2{
	font-size:1.5em;
	color:#808080;
	letter-spacing: -1px;
}

h3{
	font-size:1.25em; 
	color:#808080;
	letter-spacing: -1px;
}

div{
	float: left;
}

input[type=button]{
	-webkit-appearance: none;
}

input[type=text]{
	-webkit-appearance: none;
}

.clear{
	clear:both;
}

a, a:visited, a:active{
	color: #666666;
	text-decoration: none;
}

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

/* ============== */
/* LAYOUT CONTROL */
/* ============== */

#container{
	float: none;
	width: 640px;
	margin: 0px auto;
}

#main{
	width: 100%;
}

#header{
	width: 100%;
	background-color: #2E2E2E;
	margin-bottom: 10px;
}

#content{
	width: 620px; 
	min-height: 300px;
	margin: 0px 10px;
}

#footer{
	width: 100%;
	margin: 10px 0px 0px 0px;
	background-color: #2e2e2e;
}

/* ============= */
/* HEADER STYLES */
/* ============= */

#header #mainLogo{
	margin:15px;
}

#header #searchContainer{
	float: right;
	margin:10px;
}

#header #searchContainer #mainSearchBox{
	font-size:1.5em;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	padding:5px;
}

#header #searchContainer #mainSearchGoButton{
	font-size:1.5em;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	padding:5px;
	margin-left:5px;
}

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

#footer a, #footer a:visited, #footer a:active{
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover{
	color: #bb1c20;
	text-decoration: underline;
}

#footerInner{
	width:620px;
	margin: 10px;
	color: #FFFFFF;
	line-height:31px;
}

#footerSocialMedia{
	float: right;
}

#footerSocialMedia img{
	margin:10px;
}

/* =================== */
/* GENERIC OVERLAY CSS */
/* =================== */

.overlayContainer{
	position:relative;
}

.overlay{
	position:absolute;
	color: #FFFFFF;
	background-image:url('/mobile/template_2_0/images/black_trans_bg2.png');
}

.overlay span{
	display:inline-block;	
}

/* =================== */
/* SOLUTION BANNER CSS */
/* =================== */

.sol_banner{
	height:101px; width:100%; margin-bottom: 10px;
	background: #7db1e5; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db1e5', endColorstr='#2e68a1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#7db1e5), to(#2e68a1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #7db1e5,  #2e68a1); /* for firefox 3.6+ */
}

.sol_banner a, .sol_banner a:visited, .sol_banner a:active{
	color: #FFFFFF;	
}

.sol_banner a:hover{
	text-decoration: underline;
}

.sol_banner h1{
	line-height:50px; 
	color:#FFFFFF;
	padding:0px 0px 0px 15px;
	margin:0px;
	border-bottom:1px solid white;
}

.sol_banner .cta_containter{
	width:100%; margin-top:10px;
}

.sol_banner .cta_containter .cta_01{
	margin:0px 0px 0px 15px;
}

.sol_banner .cta_containter .cta_02{
	margin:0px 15px 0px 0px; float: right;
}

.sol_banner .cta_containter .cta_01 img, .sol_banner .cta_containter .cta_02 img{
	margin:0px 5px 0px 0px;
}

.sol_banner .cta_containter .cta_01 span, .sol_banner .cta_containter .cta_02 span{
	font-weight:bold; line-height:31px; color:#FFFFFF;
}

/* =================== */
/* PROJECT CSS */
/* =================== */

#projectBrowseContainer {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
}

#rowProj{
	margin-left: 20px;
	padding-bottom: 2px;
}

#projectContainer{
	width: 160px; 
	margin-left: 20px; 
	margin-right: 20px; 
	border: none;	
}

#projectMainImg{
	margin-bottom: 10px;
}