/*
Theme Name: Umbrella Media
Theme URI: http://www.overhaulmedia.com
Description: Custom design for umbrella media
Version: 1.6
Author: Overhaul Media
Author URI: http://www.overhaulmedia.com
Tags: 
*/


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

/*qTranslate*/
.qtrans_language_chooser { list-style-type:none }
.qtrans_language_chooser li { margin-right:3px; display:inline}
.qtrans_language_chooser li.active a span{color:#7cc2fd}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	background: url(images/tile.jpg) top left repeat-x;
	background-color: #132230;
}

img {border:0px;}
h1 { color: #2e5b85; font-size: 18px; font-weight: normal; }
h2 { color: #2e5b85; font-size: 18px; font-weight: normal; margin-bottom: 10px;}
h3 { color: #2e5b85; font-size: 16px; font-weight: normal; margin-bottom: 10px; }
h4 { color: #a2c9ea; font-size: 12px; font-weight: normal; margin-bottom: 5px; }



p { padding-bottom: 10px; }

#main {
	width: 100%;
	margin: 0 auto;
	z-index: 100;
	background: url(images/skyline.jpg) top center no-repeat;
	overflow-x: hidden;
}

#navigation {
	display:none;
	width: 964px;
	height: 34px;
	margin: 0 auto;
	background: url(images/nav-bg.jpg) top center no-repeat;
}


#navlist {
	float: left;
	width: 500px;
	/*padding-top: 8px;
	padding-left: 15px;*/
}
/*
#navlist ul li { list-style-type: none; display: inline; padding-right: 20px; }
#navlist ul li a { color: #ffffff; text-decoration: none; }
#navlist ul li a:hover { color: #7cc2fd; }
#navlist ul li a:visited { color: #ffffff; }
#navlist ul li a:visited:hover { color: #7cc2fd; }
*/

#newsletter {
	width: 320px;
	float: right;
	padding-top:11px;
	padding-right: 15px;
	text-align: right;
	font-size:10px;
}

#newsletter ul {float:right; margin-left:15px;}

#newsletter ul li { list-style-type: none; display: inline; margin-left: 4px;}
#newsletter ul li a { color: #ffffff; text-decoration: none; }
#newsletter ul li a:hover { color: #7cc2fd; }
#newsletter ul li a:visited:hover { color: #7cc2fd; }

#logo {
	width: 964px;
	height: 95px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 2;
}

#banner-home {
	width: 964px;
	height: 324px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

#banner-sub {
	width: 964px;
	height: 324px; /*old is 169px*/
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

#banner-sub2 {
	width: 964px;
	height: 169px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

#promos {
	width: 964px;
	margin: 0 auto;
	height: 138px;
	padding-top: 5px;
	clear: both;
}

.promobox {
	width: 189px;
	margin-right: 4.5px;
	float: left;
}

.promo5 {
	margin-right: 0px;
}

#main-content {
	width: 964px;
	margin: 0 auto;
	background: #fbfbfb;
	margin-top: 5px;
	line-height: 18px;
}

#corner-top { width: 964px; height: 6px; background: url(images/corner-top.jpg) top center no-repeat; }
#corner-bottom { width: 964px; height: 6px; background: url(images/corner-bottom.jpg) top center no-repeat; }

#content {
	width: 964px;
	height: auto;
}

#left-col {
	width: 170px;
	padding-top: 20px;
	padding-left: 33px;
	float: left;
}

#left-col ul { padding-top: 5px; padding-right: 20px;}
#left-col ul li { list-style-type: none; padding: 5px 0 5px 0px; border-bottom: 1px solid #dedede; }
#left-col ul li a { color: #1d103f; text-decoration: none; }
#left-col ul li a:hover { color: #7cc2fd; text-decoration: none; }
#left-col ul li a:visited { color: #1d103f; text-decoration: none; }
#left-col ul li a:visited:hover { color: #7cc2fd; text-decoration: none; }

#right-col {
	float: left;
	width: 750px;
	border-left: 1px solid #dedede;
	text-align: justify;
}

#breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a7a7a7;
	border-bottom: 1px solid #dedede;
	padding: 3px 0 8px 20px;
}

#breadcrumbs a { color: #a2c9ea; text-decoration: none; }
#breadcrumbs a:hover { color: #a2c9ea; text-decoration: none; }
#breadcrumbs a:visited { color: #a2c9ea; text-decoration: none; }
#breadcrumbs a:visited:hover { color: #a2c9ea; text-decoration: none; }

#right-col-main {
	padding: 10px 20px 10px 20px;
}

#right-col-main a { color: #7cc2fd; text-decoration: none; }
#right-col-main a:hover { color: #2e5b85; }
#right-col-main a:visited { color: #7cc2fd; }
#right-col-main a:visited:hover { color: #2e5b85; }

.image{ border: 3px solid #dedede; float: left; margin: 0px 3px 3px 0px; }

#right-col-main ul {
	margin-left: 23px;
}

#right-col-main li {
	list-style-image: url(images/liststyle.gif);
	line-height: 14px;
	padding: 0px 0px 10px 5px;
}

.col {
	width: 200px;
}

.col1 {
	width: 250px;
}

.align { text-align: left; }


.clear { clear: both; width: 964px; }

#footer {
	clear: both;
	width: 964px;
	margin: 0 auto;
}

#footer-links {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#footer-links ul  {
	float: left;
	padding-top: 15px;
}

#footer-links ul li { list-style-type: none; display: inline; padding-left: 15px; padding-right: 17px; border-right: 1px solid #333e4d; }
#footer-links ul li a { color: #4e709e; text-decoration: none; }
#footer-links ul li a:hover { color: #ffffff; }
#footer-links ul li a:visited { color: #4e709e; }
#footer-links ul li a:visited:hover { color: #ffffff; }

#footer-copyright {
	float: right;
	padding-top: 15px;
	padding-right: 15px;
	color: #4e709e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#footer-copyright a { color: #4e709e; text-decoration: none; }
#footer-copyright a:hover { color: #ffffff; }
#footer-copyright a:visited { color: #4e709e; }
#footer-copyright a:visited:hover { color: #ffffff; }

#overhaulbox {
	padding-top: 10px;
	padding-left: 15px;
}

.overhaul {
	font-size: 11px;
	color: #375276;
}

.overhaul a { text-decoration: none; color: #375276; }
.overhaul a:hover { color: #fff; }
.overhaul a:visited { text-decoration: none; }
.overhaul a:visited:hover { color: #fff; }

#newsletterbox {
	background-color: #0c141f; 
	width: 200px; 
	position: absolute; 
	margin-left: 734px;
	top: 39px;
	padding: 15px; 
	color: #FFFFFF; 
	text-align: left; 
	z-index:1000;
}

.input-search {
	padding: 4px;
	color: #fff;
	border: 1px solid #7cc2fd;
	font-size: 11px;
	width: 150px;
	background: #7cc2fd;
}

#closebutton {
	float: right;
}

#closebutton a {
	color: #CC0000;
	text-decoration: underline;
}


/* form styles */
.label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 175px;
}

.field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.textinput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	padding: 3px;
	width: 250px;
	
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.selectinput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	padding: 3px;
	width: 258px;
	
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
.textinputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	padding: 3px;
	width: 250px;
	height: 125px;
	
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.errormessage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	padding-bottom: 5px;
}
.req {
	font-size: 10px;
	color: #999999;
	padding-left: 10px;
}
/* end of form styles */



/* Menu */
.menu {width:600px; height:34px; font-size:12px; position:relative; z-index:100; border-right:0px; text-align: center; float: left;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:600px; width:600px;  text-align: center;}
* html .menu {margin-top: 0px;  text-align: center;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;  text-align: center; margin: 0 auto; padding-top: 8px; padding-left: 15px;}
.menu ul ul { width:150px; margin-top: 9px; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:auto;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {width: auto; display:block; font-size:12px; text-decoration:none; color:#fff; height:34px; padding-right: 20px; font-weight: normal; }

.menu a:hover, .menu a:visited:hover { color: #7cc2fd; }

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:117px; display: inline; padding-top: 0px; padding-bottom: 0px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#FFFFFF; color:#158cbf; }
/* style the second level hover */
.menu ul ul a.drop:hover{ background:#ffffff; }
.menu ul ul :hover > a.drop { background:#ffffff; }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#000000;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#000000;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute; height:0; top:9px; left:-35px; border-top: 1px hidden #fff; width: 175px; z-index: 10000; }
/*
.menu ul ul li {
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
}
*/
/* another hack for IE5.5 */
* html .menu ul ul {top:23px;t\op:23px;}

/* position the third level flyout menu */
.menu ul ul ul{left:119px; top:-1px; width:119px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-119px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#0c141f; color:#ffffff; height:auto; text-align: left; line-height: 25px; padding:0px 5px 0px 20px; width: 200px; border-width:0 0px 0px 0px; }

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:118px; display: block;}

/* style the top level hover */
.menu a:hover {text-decoration: none;}
.menu :hover > a {text-decoration: none;}

/*style the second level hover */
.menu ul ul a:hover{ color:#fff; text-decoration: none; background: #7cc2fd; }
.menu ul ul a:visited:hover { background: #7cc2fd; color: #fff; }
.menu ul ul:hover > a { color:#fff; text-decoration: none; background: #7cc2fd;}
.menu li:first-child li{
	display: none;
}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/* End Overhaul Styles */

#counter {
	float:right;
	display:block;
	width:320px;
	height:35px;
	text-align:right;
	margin-top:15px;
	padding-right:90px;
	color: #7cc2fd;
	font-size:30px;
	font-weight:bold;
}

.facebook{
	float: right;
	width: 35px;
	height: 35px;
	padding: 5px;
	margin-left: 10px;
}

.twitter{
	float: right;
	width: 35px;
	height: 35px;
	padding: 5px;
}

.centeredMarkets{
	margin-left: 100px;
}