/*
Theme Name: OWC
Theme URI: http://www.oneworldconnections.com/
Description: OneWorld Connections has strong and proven diverse work experience across USA, UK, India, and Philippines. 
Version: 1.0
Author: Stratforce Unlimited
Author URI: http://www.stratforce.com/
Tags: fixed width, photography, sacramento, weddings, photos, pictures, photographer, camera, events, aniversary

	One World Connection
	http://www.oneworldconnections.com/

	OneWorld Connections has strong and proven diverse work experience across USA, UK, India, and Philippines.

*/

/* imported styles
========================================== */
@import url('./css/reset.css');
@import url('./css/text.css');
@import url('./css/grid.css');
@import url('./css/layout.css');


html, body {
	height: 100%;
}

/* custom style
----------------------------------------------- */
.alignleft { float: left; }
.alignright { float: right; }
.box {
	background: none;
}
.black { color:#000000; }
.blue {
	color: #074F68;
}
.red {
	color: #EE4036;
}
.alignleft { float: left; }
.alignright { float: right; }
.textcenter { text-align: center; }

/* grid system container background
----------------------------------------------- */
.container_12, .container_16 {
	background: url(img/container-bg.png) center repeat-y;
	width: 990px;
	margin: 0 auto;
	padding: 0;
	height: auto;
}
.grid_16 {
	width: 100%;
}	

/* body tags
----------------------------------------------- */
body {
	border: none;
	color: #7D7D7D;
	background: #E8E8E8 url(img/body-bg.png) top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	font-size: 12px;
}
a, a:hover {
	color: #ADAAA9;
	text-decoration: underline;
}
h1 a {
	font-weight:normal;
	display: block;
	text-indent: -9999px;
	height: 90px;
	margin: .5em 0 0 0;
}

h3{
	font-weight: normal;
}
/* header
----------------------------------------------- */
#header{
	background: url(img/border-top.png) top center no-repeat;
	height: 140px;
	margin: 0 auto 5px;
	width: 960px;
	padding: 16px 15px 0 15px;
	*\padding: 34px 15px 0 15px;
}

#logo {
	margin: 0 auto;
	width: 520px;
	height: 130px;
}
h1#branding {
	background: url(img/logo.png) top left no-repeat;
	font-weight:normal;
	font-size:3em;
	text-align:left;
	padding:0;
	margin-bottom:0;
	display: block;
	height: 130px;
}

/* page heading
----------------------------------------------- */
h2#page-heading {
	font-weight:normal;
	padding:0.5em;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
	display: none;
}
#topnav {
	width: 395px;
	position: relative;
	margin: 0;
	padding: 35px 0 0 0;
        color:#074F68;
}
#topnav .box{
	padding: 0;
	margin: 0 20px 0 0;
}
#topnav strong{
	font-size: 14px;
}
#topnav span#email{
	padding-left: 30px;
	background: url(http://stratforce.com/images/email.jpg) 8px 2px no-repeat;
	border-left: solid #38518E 1px;
}
#topnav span#email a{
	text-decoration: none;
	font-weight:normal;
        color:#074F68;
}
#topnav #searchbox{
	clear: both;
	border: solid #ACABAB 1px;
	width: 285px;
	height: 25px;
	text-align: right;
	position: relative;
	top: 38px;
	border-right: solid #FFF 1px;
	margin: 0;
	padding: 5px 7px 2px 2px;
}
#topnav #searchbox #inputtext{
        color:#074F68;
}
#topnav #searchbox #button{
	width: 110px;
	background: url(img/search-button-bg.png) right no-repeat;
	text-indent: -999px;
	border: none;
	*\font-size: 0px;
	*\display:block;
	line-height: 0;
	cursor: pointer;
	height: 18px;
}

#navi {
	margin: 0 auto;
	height: 24px;
	padding: 2px 0 0 0;
	width: 960px;
	background: none;
	clear: both;
	border-bottom: solid #ACABAB 1px;
	border-top: solid #ACABAB 1px;
}
#navigation {
	margin: 0 auto;
	background: none;
	font-size: 12px;
	padding: 0;
	position: relative;
	border: none;
}

#navigation ul.menu {
	list-style:none;
	margin:0 0 0 135px;
	padding:0;
	color: #818181;
	background: none;
	border: none;
}
#navigation ul.menu * {
	margin:0 auto;
	padding:0
}
#navigation ul.menu a, #navigation ul.menu a:hover {
	color:#074F68;
	text-decoration:none;
	text-transform: lowercase;
	background: none;
	font-size: 12px;
	font-weight: normal;
	padding:2px 25px;
	font-weight:normal;
	border-bottom: none;
	border-left: solid #ACABAB 1px;
}
#navigation ul.menu a:hover, #navigation ul.menu li.current_page_item a, #navigation ul.menu li.current_page_ancestor a, #navigation ul.menu li:hover{
	background: #F8F8F8; /* url(img/blue-bullet.png) 5px 8px no-repeat; */
}
#navigation ul.menu li.current_page_item a, #navigation ul.menu li.current_page_ancestor a{
	background: url(img/blue-bullet.png) 5px 8px no-repeat; 
}
#navigation ul.menu li.current_page_item ul a, #navigation ul.menu li.current_page_ancestor ul a{
	background: none; 
}
#navigation ul.menu li {
	position:relative;
	float: left;
}
#navigation ul.menu ul {
	position:absolute;
	top:25px;
	left:0px;
	background: #DBDBDB;/* url(img/transparent-bg.png) repeat;*/
	display:none;
	/*opacity:0.6;
	filter:alpha(opacity=60);*/
	list-style:none;
	color: #2F6270;
}
#navigation ul.menu ul li {
	position:relative;
	border-top:none;
	margin:0;
	width: 210px;
	text-indent: 0px;
}
#navigation ul.menu ul li a {
	padding:5px 5px 5px 20px;
	color: #074F68;
	text-align: left;
	font-size: 12px;
	border: none;
	text-transform: capitalize;
}

#navigation ul.menu ul li a:hover {
	text-decoration: none;
	color: #074F68;
	background: #EDEDED;
	padding: 5px 5px 5px 20px;
	font-size: 12px;
	border: none;
	text-transform: capitalize;
}
#navigation ul.menu ul li:hover {
	background: url(img/blue-arrow.png) 125px 10px no-repeat;
}
#navigation ul.menu ul ul {left:150px; top:0px}
#navigation ul.menu ul ul li { width: 260px; }
#navigation ul.menu .menulink {}
#navigation ul.menu .first, #navigation ul.menu .first:hover { border-left: none; }
#navigation ul.menu .menulink:hover, ul.menu .menuhover, #navigation ul.menu li:hover {}
#navigation ul.menu .menulink:hover, ul.menu .menuhover {}
#navigation ul.menu .sub {}
#navigation ul.menu .topline {}
/* banner
----------------------------------------------- */
#banner {
	width: 960px;
	margin: 0 auto;
	text-indent: -9999px;
	clear: both;
}
.home #banner {
	height: 304px;
	background: url(img/banner-bg.png) bottom left no-repeat;
}		
.home #banner #banner-right{
	height: 304px;
	background: url(img/banner-right-bg.png) bottom right no-repeat;
}	

.single #banner, .page #banner {
	height: 95px;
	background: url(img/corporate-banner.png) top center no-repeat;
}	

/* custom single/page banners */
parent-pageid-4 #banner{
	height: 95px;
	background: url(img/corporate-banner.png) top center no-repeat;
}		
.parent-pageid-35 #banner{
	height: 95px;
	background: url(img/careers-banner.png) top center no-repeat;
}
.page-id-55 #banner, .parent-pageid-55 #banner{
	height: 95px;
	background: url(img/expertise2-banner.png) top center no-repeat;
}

/* content
----------------------------------------------- */
#content {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	color: #074F68;
	font-size: 12px;
}
.home #content {
	background: url(img/home-content-bg.png) top repeat-x;
	min-height: 280px;
	font-size: 12px;
}
.home #content #leftcol{
	width: 560px;
	background: url(img/left-home-bg.png) top left no-repeat;
	height: 255px;
}
.home #content #leftcol .box{
	background:none;
	margin-bottom: 10px;
	padding: 0 10px 0 25px;
	margin-top: 22px;
}
.home #content #leftcol .box h3{
	padding: 0;
	font-size: 16px;
	margin: 0 0 12px 0;
	display: block;
	font-weight: bold;
	color: #324A78;
}
.home #content #leftcol .box .readmore{
	display: block;
	text-decoration: none;
	background: url(img/learn-more-left.png) right no-repeat;
	margin:20px 0 0 0;
	font-weight: normal;
	color: #ADAAA9;
	text-indent: -9999px;
	padding: 0;
	width: 65px;
}
.home #content #middlecol{
	width: 350px;
	margin: 0;
	background: url(img/middle-home-bg.png) top center no-repeat;
	height: 287px;
}
.home #content #middlecol .box{
	background: none;
	margin-bottom: 10px;
	text-align: center;
	margin-top: 100px;
	padding: 0 35px;
}
.home #content #middlecol .box h3{
	text-transform: uppercase;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.home #content #middlecol .box h4{
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 15px;
}
.home #content #middlecol .box .readmore{
	display: block;
	text-decoration: none;
	background: url(img/learn-more-middle.png) right no-repeat;
	margin:16px 0 0 0;
	font-weight: normal;
	color: #ADAAA9;
	text-indent: -9999px;
	padding: 0;
	width: 65px;
}
.home #content #rightcol{
	width: 375px;
	background: url(img/home-right-bg.png) bottom right no-repeat;
	height: 239px;
	float: right;
}
.home #content #rightcol .box{
	background:none;
	padding: 0;
	margin: 22px 0 10px 0;
	position: relative;
	width: 375px;
}
.home #content #rightcol .box h3{
	padding: 0;
	font-size: 18px;
	margin: 0 0 12px 0;
	display: block;
	font-weight: normal;
	color: #324A78;
	text-align: left;
}
.home #content #rightcol .box a{
	text-indent: -9999px;
	display: block;
}
.home #content #rightcol .box p{
	margin-right: 20px;
	margin-bottom: 12px;
}
.home #content #rightcol .box ul, .home #content #rightcol .box ul li{
	margin: 0;
	padding: 0;
}
.home #content #rightcol .box ul li {
	list-style: disc;
	margin: 0 0 0 15px;
}
.home #content #rightcol .box .readmore{
	text-decoration: none;
	background: url(img/learn-more-right.png) center no-repeat;
	margin:0;
	font-weight: normal;
	color: #FFF;
	padding: 0;
	width: 70px;
	float: right;
}
.home #bottom{
	background: #E9EFF1 url(img/bottom-bg.png) left no-repeat;
	height: 124px;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.home #bottom .box{
	background: none;
	color: #074F68;
	padding: 15px 0 0 0;
	margin-bottom: 0px;
}
.home #bottom h3{
	font-size: 14px;
	color: #EE4036;
	font-weight: bold;
}
.home #bottom #left{
	width: 410px;
	margin-left: 120px;
	*\margin-left: 65px;
}
.home #bottom #left .box{
	margin-left: 60px;
	margin-bottom: 0px;
	*\width: 380px;
}
.home #bottom #right{
	width: 380px;
	margin-right: 30px;
	margin-bottom: 0px;
}
.home #bottom #right .box{
	margin-bottom: 5px;
	*\margin-left: 5px;
}
.home #bottom #right span{
	margin-top: 15px;
	*\margin-top: 5px;
}

.single #content, .page #content {
	width: 990px;
	margin: 0 auto;
	padding: 0;
	/*background: url(img/single-left-bg.png) 15px 0px repeat-y;*/
	height: 100%;
	*\height: 100%;
}
.single #content #leftcol, .page #content #leftcol{
	margin-left: 15px;
	width: 192px;
	margin-top: 0px;
	font-size: 12px;
	color: #050708;
	position: relative;
	*\min-height: 100%;
}
.single #content #leftcol .box, .page #content #leftcol .box{
	background: none;
	margin: 0;
	padding: 0;
}
.single #content #leftcol .box h3, .page #content #leftcol .box h3{
	color: #073AA3;
	font-size: 18px;
}
.single #content #leftcol .box ul, .page #content #leftcol .box ul{
	margin: 0;
	padding: 0;	
}
.single #content #leftcol .box ul li, .page #content #leftcol .box ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: solid #DEE6EA 1px;
}
.single #content #leftcol .box ul li.title, .page #content #leftcol .box ul li.title{
	background: url(img/single-left-menu.png) top left no-repeat;
	color: #FFF;
	padding: 1px 0 3px 20px;
	display: block;
	font-weight: bold;
	text-transform: lowercase;
}
.single #content #leftcol .box ul li a, .page #content #leftcol .box ul li a{
	color: #83A2B3;
	text-decoration: none;
	padding: 3px 0 1px 20px;
	display: block;
}
.single #content #leftcol .box ul li a:hover, .page #content #leftcol .box ul li a:hover, .single #content #leftcol .box ul li a.current_page_item, .page #content #leftcol .box ul li a.current_page_item{
	background: url(img/single-left-menu-hover.png) bottom repeat-x;
	text-decoration: none;
}
.single #content #leftcol .box ul li:hover, .page #content #leftcol .box ul li:hover{
}
.single #content #leftcol .box ul ul, .page #content #leftcol .box ul ul{
	margin:0;
	border-top: solid #DEE6EA 1px;
}
.single #content #leftcol .box ul ul li, .page #content #leftcol .box ul ul li{
	padding: 0 0 0 15px;
}
.single #content #leftcol .box ul ul li a, .page #content #leftcol .box ul ul li a{
	background: none;
}
.single #content #leftcol .box ul ul li a:hover, .page #content #leftcol .box ul ul li a:hover,.single #content #leftcol .box ul ul li a.current_page_item, .page #content #leftcol .box ul ul li a.current_page_item{
	background: url(img/blue-bullet.png) left no-repeat;
}
.single #content #leftcol .box ul li:hover, .page #content #leftcol .box ul li:hover{
}
.single #content #rightcol, .page #content #rightcol{
	width: 768px;
	margin-right: 15px;
	margin-top: 0px;
	padding-bottom: 30px;	
	background: url(img/home-content-bg.png) top repeat-x;
}
.single #content #rightcol .blockleft, .page #content #rightcol .blockleft{
	width: 520px;
	min-height: 480px;
	background: url(img/home-content-bg.png) top repeat-x;
	padding-top: 45px;
}
.single #content #rightcol .blockright, .page #content #rightcol .blockright{
	width: 245px;
	margin-top: 45px;
	max-height: 300px;
	min-height: 0px;
	border-left: solid #C1D3D9 1px;
}
.single #content #rightcol .box, .page #content #rightcol .box{
	padding: 0 10px 0 20px;
	margin: 0;
}
.single #content #rightcol .box h3, .page #content #rightcol .box h3{
	color: #073AA3;
	font-size: 15px;
	font-weight: bold;
}
.single #content #rightcol .box img, .page #content #rightcol .box img{
	padding: 0;
	margin: 0 0 4px 0;
	background: #FCFCFC;
}
.single #content #rightcol .box .block, .page #content #rightcol .box .block{
	padding: 5px 10px 5px 12px;
}
.single #content #rightcol .box .block .readmore, .page #content #rightcol .box .block .readmore{
	color: #EC2028;
	text-decoration: none;
	margin-top: 10px;
	*\margin-top: -5px;
	background: url(img/circle-bullet.jpg) left no-repeat;
	padding-left: 20px;
}
	#content h6 {
		margin: 5px 0;
		padding:3px 0 3px 15px;
		background: url(img/h6-bg.png) left repeat-y;
	}
	/* form styles*/
	#content  table, #content table tr, #content table tr td, #content table tr th{
		border: none;
	}
	#content table{
	width: 500px;
	}
	#content table th{
	text-align: left;
	vertical-align: text-top;
	}
	#content table td{
		vertical-align: middle;
		padding: 5px;
	}
	#content table input, #content table textarea{
	width: auto;
	}
	#content table .button{
	text-align: left;
	}
	#content table .button input{
	width: 80px;
	background: #FFFFFF;
	color: #818181;
	font-weight: normal;
	border: solid #E3E9EF 1px;
	}
	
	
/* site information
----------------------------------------------- */
#site_info {
	width: 990px;
	margin: 0 auto;
	height: 60px;
	background: transparent url(img/border-bottom.png) bottom center no-repeat;
	padding: 0;
}
.single #site_info .box, .page #site_info .box{
	border-top: solid #ACABAB 1px;
	width: 900px;
	margin: 0 auto;
	padding: 7px 30px 0 30px;
}
#site_info .box {
	color:#A5A6A7;
	padding: 7px 30px 0 30px;
	font-weight: normal;
	text-align: left;
	margin: 0;
	height: 30px;
}
#site_info .box img{
	float: left;
}
#site_info .box span {
	padding: 0;
	margin: 0;
	color: #A5A6A7;
	font-size: 11px;
}	
#site_info .box p{
	text-align: left;
	margin-top: 10px;

}
#site_info .box a, #site_info .box a:hover {
	color: #A5A6A7;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}

/* custom scroll
----------------------------------------------- */
#mycustomscroll {
	height: 50px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	padding: 0 5px 0 0;
	margin-top: 10px;
	*\width:390px;
}

#pagination {
}

#pagination a, #pagination a:hover{
	padding: 3px;
	text-decoration: none;
	color: #074F68;
}
.rounded {
	clear: both;
	margin: 10px 0;
	padding: 0 5px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border: solid #C1D3D9 1px;
	height: 160px;
	background: #FCFCFC;
}

.rounded h5 {
	width: 350px;
	background: url(img/h5-bg.png) top repeat-x;
	padding: 4px 0 4px 15px;
	margin: 0;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
}
.rounded .side{
	width: 360px;
}