/*
Theme Name: Object Partners Inc.

Theme URI: http://www.objectpartners.com
Description: Object Partners Inc. specific style.
Version: 1.0
Author: Hiromi
Author URI: http://www.objectpartners.com
*/

*
{
	margin		: 0;
	padding		: 0;
}
html, body
{
	margin		: 0;
	padding		: 0;
	background	: #FFF url(images/bg.gif) top left repeat-x;
	font		: 12px/16px Arial, Hevetica, sans-serif;
	color		: #525252;
}
body { padding-bottom: 20px; }
a, img, table, td { border: 0; }
table td { vertical-align: top; }

/* ----------------------------------------------------- General HTML Elements */
a { color: #165f81; }
a:hover
{
	text-decoration	: none;
	color			: #99160b;
}

a.button
{
	display				: block;
	background-position	: bottom left;
	background-repeat	: no-repeat;
	/*text-indent			: -9999px;*/
}
a:hover.button { background-position: top left; }


h1
{
	font			: 20px Tahoma, Verdana, sans-serif;
	color			: #1b1c1d;
	margin-bottom	: 25px;
}
h2
{
	font-weight		: bold;
	font-size		: 12px;
	margin			: 30px 0 0 0;
	text-transform	: uppercase;
	color			: #455d8b;
}
h2 + p { margin-top: 8px; }

h3 { }
h4 { }

p { margin: 15px 0; }
small {white-space:nowrap}

.tip
{
	font-size	: 9px;
	font-weight	: normal;
	color		: #929292;
	padding		: 0 2px;
}
.description
{
	font-weight	: normal;
	color		: #929292;
    margin-top  : .5em;
}

input.text, textarea.text, input.button, select { font: 12px Arial, Hevetica, sans-serif; }
input.text, textarea.text
{
	padding		: 4px;
	background	: #f1f1f1;
}
input.button
{
	padding			: 5px 12px;
	font-weight		: bold;
	text-transform	: uppercase;
	border			: 0;
	background		: #233354;
	color			: #fff;
}
select option { padding-right: 10px; }


#top-bar
{
	height			: 14px;
	background		: #000;
	border-bottom	: #5b5b5b 1px solid;
	margin-bottom	: 12px;
}

#page
{
	width		: 890px;
	background	: #FFF;
	margin		: 0 auto;
}
#base
{
	width	: 860px;
	margin	: 0 auto;
}

/* ----------------------------------------------------- top menu */

#top-menu
{
	width			: 860px;
	height			: 103px;
	margin-bottom	: 1px;
	position		: relative;
	border-bottom	: #a62f08 3px solid;
	z-index			: 10000;
}
a#logo
{
	width				: 239px;
	height				: 74px;
	background-image	: url(images/objectparrtners_logo.gif);
	position			: absolute;
	top					: 15px;
	left				: 32px;
}


/* ----------------------------------------------------- main-nav */
#main-nav
{
	position	: absolute;
	right		: 0px;
	bottom		: 0px;
	z-index		: 10000;
}
#main-nav ul { list-style: none; }
#main-nav ul li { display: inline; }
#main-nav ul li a
{
	display				: block;
	height				: 41px;
	float				: left;
	text-transform		: uppercase;
	background-position	: bottom center;
	backround-repeat	: no-repeat;
	text-decoration		: none;
	text-indent			: -9999px;
	outline				: none;
	
}
#main-nav ul li a:hover { background-position: top center; }
#main-nav ul li.current_page_item a { background-position: center center; }

/* HOME */
#main-nav .page-item-3 a
{
	width				: 67px;
	background-image	: url(images/main-nav-home.gif);
}
/* ABOUT */
#main-nav .page-item-5 a
{
	width				: 98px;
	background-image	: url(images/main-nav-about.gif);
}
/* EXPERTISE */
#main-nav .page-item-3554 a
{
	width			: 95px;
	background-image	: url(images/main-nav-expertise.gif);
}
/* SERVICES */
#main-nav .page-item-13 a
{
	width			: 89px;
	background-image	: url(images/main-nav-services.gif);
}
/* SOCIAL */
#main-nav .page-item-3585 a
{
	width			: 75px;
	background-image	: url(images/main-nav-social.gif);
}
/* CAREERS */
#main-nav .page-item-23 a
{
	width				: 84px;
	background-image	: url(images/main-nav-careers.gif);
}
/* CONTACT */
#main-nav .page-item-51 a
{
	width				: 106px;
	background-image	: url(images/main-nav-contact.gif);
}
/* ----------------------------------------------------- media */

#media
{ 
	width: 100%; 
	height: 261px; 
	background: #233354 url(images/slideshow_bg.jpg) top left no-repeat;
	position: relative;
	z-index: 100;
}

#media #main-content-tab
{
	width		: 590px;
	height		: 40px;
	background	: url(images/main-content_top.png) bottom left no-repeat;
	position	: absolute;
	bottom 		: 0px;
	left		: 0px;
	z-index		: 612;
}

#slideshow			{ list-style: none; margin: 0; padding: 0; width: 860px; position: absolute; z-index: 10; height: 261px; overflow: hidden; }
#slideshow li		{ width: 860px; height: 261px; color: #c3d4f1; font-size: 14px; }
#slideshow li a		{ color: #FFF; font-weight: bold; text-decoration: none; }
#slideshow li h2	{ margin: 40px 0 0 50px; width: 430px; padding: 0; height: 38px; font: bold 40px Tahoma, Arial, sans-serif; color: #FFF; text-transform: none; text-indent: -9999px; }
#slideshow li p		{ margin: 5px 0 0 50px; width: 430px; }

#slideshow-nav 					{ margin: 0; padding: 0 0 0 50px; list-style: none; overflow: auto; position: absolute; z-index: 20; width: 100%; height: 70px; left: 0; top: 150px; background: url(images/slideshow-nav_bg.png) top left no-repeat; }
#slideshow-nav li 				{ float: left; }
#slideshow-nav a 				{ font: bold 11px Arial, sans-serif; color: #FFF; text-decoration: none; display: block; float: left; padding: 0 15px; height: 30px; line-height: 30px; margin: 20px 10px 0 0; background: #607090; }
#slideshow-nav a /* CSS3 */
{
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	-moz-box-shadow: inset 0 1px 2px #111; 
	-webkit-box-shadow: inset 0 1px 2px #111;
	box-shadow: inset 0 1px 2px #111;
}
#slideshow-nav .activeSlide a { color: #233354; background: #FFF; }
#slideshow-nav .activeSlide a /* CSS3 */
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e7e7e7'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7));
	background: -moz-linear-gradient(top,  #fff,  #e7e7e7);
	-moz-box-shadow: 0 1px 2px #161f31; 
	-webkit-box-shadow: 0 1px 2px #161f31;
	box-shadow: 0 1px 2px #161f31;
}
#slideshow-nav a:focus 			{ outline: none; }

/* ----------------------------------------------------- main content */

#main
{
	width           : 860px;
	margin-bottom	: 1px;
	padding-bottom	: 15px;
	background		: url(images/main_bg.gif) bottom left repeat-x;
	float			: left;
}
.home #main { margin-top: 1px; }


#main-content ul, #main-content ol { 
	margin-top	: 15px; 
	margin-bottom	: 15px;
	margin-left	: 30px;
	margin-right	: 15px;
}
#main-content li { margin-bottom: 8px; }

#main-content
{
	width		: 590px;
	float		: left;
}
.home #main-content { width: 570px; }

#main-content .content  { padding: 30px 50px 40px 50px; }
#main-content .news     { padding: 30px 50px 40px 50px; }
#main-content .recentprojects     { padding: 30px 50px 40px 50px; }
#main-content .podcasts { padding: 0px 50px 40px 50px; }

.podcast p {
    margin  : 0;
}

.news .date {
    font-size	: 9px;
	font-weight	: normal;
	color		: #929292;
}

.news h2 {
    text-transform  :none;
    margin-top      :0px;
}

.home #main-content .content { padding-top: 10px; }

.post {
    margin-bottom   : 30px;
    border-bottom:1px solid #BEBEBE;
}

.post-podcast {
    margin-bottom   : 30px;
}
.post-page {
    margin-bottom   : 30px;
}
.post h1{
    margin-bottom   : 0;
}
h1 a {
    text-decoration : none;
}


/* form */

#main-content form ul
{
	list-style	: none;
	padding		: 20px 0;
}
form label
{
	font-weight		: bold;
	display			: block;
	float			: left;
	width			: 100px;
	padding-bottom	: 10px;
}
form ul li
{
	display			: block;
	clear			: both;
	padding			: 4px 0;
}
form ul li input { float: left; }
form ul li span.tip { padding: 5px; }

/* ----------------------------------------------------- main panel */
#main-panel {
    position    : relative;
    width       : 470px;
    height      : 177px;
}
#panel-one {
    position    : absolute;
    left        : 0px;
    top         : 0px;
    width       : 235px;
    height      : 177px;
}
#panel-two{
    position    : absolute;
    left        : 235px;
    top         : 0px;
    width       : 235px;
    height      : 177px;
}


/* ----------------------------------------------------- callouts */

#callouts
{
	width		: 290px;
	min-height	: 200px;
	float		: left;
	background	: url(images/callouts_bg.gif) top left no-repeat;
}

#blog-headlines, #news-events, #recent-projects-headlines
{
	list-style	: none;
	padding		: 42px 15px 0px 30px;
}
#blog-headlines li, #news-events li, #recent-projects-headlines li { margin-bottom: 15px; }


#blog-headlines { background	: url(images/blog-headlines_tab.gif) top right no-repeat; }
#blog-headlines a
{
	font-size	: 1em;
	color		: #3e7e9c;
}
#blog-headlines a:hover { color: #0d3d54; }

a#feed
{
	display			: block;
	height			: 19px;
	margin			: 5px 0;
	font			: 10px Arial, Helvetica, sans-serif;
	color			: #aeaeae;
	text-transform	: uppercase;
	text-decoration	: none;
	padding-left	: 24px;
	line-height		: 19px;
	background		: url(images/rss_icon.gif) center left no-repeat;
}

a#new-post
{
	display			: block;
	height			: 19px;
	margin			: 5px 0;
	font			: 10px Arial, Helvetica, sans-serif;
	color			: #aeaeae;
	text-transform	: uppercase;
	text-decoration	: none;
	padding-left	: 24px;
	line-height		: 19px;
	background		: url(images/pencil.gif) center left no-repeat;
}

a#podcast
{
	display			: block;
	height			: 52px;
	margin			: 5px 0;
	font			: 1em Arial, Helvetica, sans-serif;
	color			: #747474;
	text-transform	: uppercase;
	text-decoration	: none;
	padding-left	: 52px;
	line-height		: 52px;
	background		: url(images/podcast.gif) center left no-repeat;
}

a:hover#feed, a:hover#new-post { color: #333; }

#news-events ul {
    list-style	: none;
}

#news-events
{
	line-height	: 14px;
	background	: url(images/news-events_tab.gif) top right no-repeat;
}

#news-events strong
{
	font	: bold 14px Tahoma, Verdana, sans-serif;
	color	: #4e4d4d;
}
ul#upcoming-events {
    margin-bottom: 30px;
}
#upcoming-events strong
{
	font	: bold 14px Tahoma, Verdana, sans-serif;
	color	: #4e4d4d;
}
#news-events a, #upcoming-events a
{
	font-size	: 1em;
	color		: #366f89;
}
#news-events a:hover, #upcoming-events a:hover { color: #0d3d54; }

#upcoming-events a#news-link
{
	display			: block;
	height			: 19px;
	margin			: 5px 0;
	font			: 10px Arial, Helvetica, sans-serif;
	color			: #aeaeae;
	text-transform	: uppercase;
	text-decoration	: none;
	line-height		: 19px;
    margin-top      : 15px;
}
#upcoming-events a#news-link:hover { color: #333; }

#recent-projects-headlines { background	: url(images/recentprojects-headlines_tab.gif) top right no-repeat; }
#recent-projects-headlines a
{
	font-size	: 1em;
	color		: #3e7e9c;
}
#recent-projects-headlines a:hover { color: #0d3d54; }

#section-bar
{
	height		: 35px;
	width           : 860px;
	background	: #233354 url(images/section-bar_bg.jpg) top center no-repeat;
}



/* ----------------------------------------------------- side-bar */


#side-bar
{
	width	: 270px;
	float	: left;
}

#side-bar-photo
{
	border-top	: #a8a8a8 3px solid;
	width		: 270px;
	height		: 111px;
}


#sub-nav { list-style: none;}
#sub-nav a
{
	display			: block;
	color			: #152e60;
	text-decoration	: none;
	padding			: 10px 10px 10px 30px;
	border-bottom	: #bebebe 1px solid;
}

#sub-nav a:hover, #sub-nav a.selected
{
	background-color	: #ededed;
	color				: #000;
}
#sub-nav a#sub-nav-header {
    padding: 0;
}

#sub-nav h4
{
	margin				: 0;
	height				: 30px;
	line-height			: 30px;
	font-style			: italic;
	color				: #FFF;
	background-color	: #2d3d5c;
	background-repeat	: no-repeat;
    padding-left        : 30px;
}

#sub-nav .current_page_item a
{
    background-color:#EDEDED;
    color:#000000;
}

#sub-nav .current_page_item li a
{
    background-color:#FFFFFF;
    color           :#152E60;
}

#sub-nav ul {
    list-style: none;
}

#sub-nav ul li a {
    padding-left: 5em;
    font-size: .9em;
}

#blog-nav 
{
    margin-left: 30px;
    margin-bottom: 30px;
    list-style: none;    
}

#blog-nav ul { 
    list-style: none;
}


#upcoming-events
{
    margin-left: 30px;
    list-style: none;
}

#upcoming-events ul {
    margin-top: 5px;
    list-style: none;
}

/* ----------------------------------------------------- footer */

#footer
{
        width           : 860px;
	clear		: both;
	background	: #41413f url(images/footer_bg.gif) center right no-repeat;
	font-size	: 10px;
	color		: #f0efef;
}
#footer a
{
	color		: #b6b6b6;
	padding		: 0 4px;
}
#footer a:hover { color: #f0efef; }

#footer-nav ul {
    margin          : 0;
    	padding		: 4px 12px 4px 12px;
	list-style-type : none;
    list-style-image: none;
}
#footer-nav li {
    display: inline;
}