/*
File:			custom.css
Description:	Custom styles for Thesis

More information about styling your Thesis installation using this file can be found
in the User's Guide:
	http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/
*/

/********************* HEADER GRAPHIC *********************************/

/* This line sets up our clickable background image based on the site title’s link */
/* Adjust the height & width below to reflect the actual size of your image */
/* Change the filename of your image to reflect the actual header’s file name */
    .custom #header #logo a { display: block; height: 140px; background:url(/images/IP-Asset-logo-front.png) no-repeat; outline: none; }

/* This line gets rid of the site title & tagline by casting them out to the far left */
    .custom #header #logo, .custom #header #tagline { text-indent: -9999px; }

/* This line collapses the vertical space of the tagline so that there isn’t unnecessary white space after the header image */
    .custom #header #tagline { height: 0px; }

/* This line removes the padding from the header so that the background image sits close to the nav menu, the bottom border of the header, and the sides of the content */
.custom #header { height:134px; margin:0px 150px; width:537px; border:none; border-width:0px; padding-top:35px; padding-left:30px;}

.custom #container {width:917px;}

/*************** PAGE STYLING **************************/
.custom #page {margin-top:50px;}
.custom #container #page {background: url(/images/bg.jpg) repeat-y; width:917px;}

.custom #content_box {height:490px;}
.custom #content_box {width:945px; height:490px;}

/** commented out 14-Mar .custom .format_text .expertise-content { width:537px; height:350px; } **/
.custom .format_text { width:540px; height:440px; margin-top:24px;}

.custom .format_text h3 {color:#5F6062; font-size:14px; font-weight:bold;}
.custom .format_text h4 { position:relative;  z-index:100; color:#F47D30; font-size:14px; font-weight:normal; float:left; margin-top:20px; width:140px; margin-left:-150px; margin-bottom:0px; }

.custom .format_text p {line-height:1.1em; margin-bottom:1em;}

.custom .format_text ul { padding-left:10px; }
.custom .format_text li { list-style-image: url(/images/bullet-small.png); line-height:1.2em; }


.custom #footer {color:#5F6263; text-align:left; padding-left:150px; background-color:#DCDDDE;}

/*************** MENU STYLING **************************/
.custom .menu {background-color:#DCDDDE; color:#5F6263; font-size:19px; font-weight:normal; height:20px; 
	 padding-bottom:34px; text-align:center; width:917px; padding-left:45px; padding-top:15px;}

.custom .menu li a {background: transparent url(/images/menu-divider.png) center left no-repeat; letter-spacing:4px;  padding-left:30px; padding-right:0px; }
.custom .menu li a:hover {background: transparent url(/images/menu-divider.png) center left no-repeat; letter-spacing:4px;  padding-left:30px; padding-right:0px; }


/*** .custom .menu li.tab-home.current a {font-weight:bold; color:#5F6263;} ***/
.custom .menu li.tab-home a {background: none; letter-spacing:4px; padding-left:0px; }


/*************** PAGE HEADING STYLING **************************/
.custom .headline_area { float:left; margin-top:24px; width:140px; margin-left:-150px; margin-bottom:0px; z-index:50; }
.custom .headline_area h2 { position:relative; visibility:hidden; color:#5F6062;  font-size:16px; font-weight:bold; z-index:100; }
.custom .headline_area h1 { position:relative; color:#5F6062; font-size:16px; font-weight:bold;  z-index:100; }

/*.custom .headline_area h2 { margin-left:-150px; color:#5F6062; margin-top:24px;font-size:16px;font-weight:bold; width:140px;}
.custom .headline_area h1 { margin-left:-150px; color:#5F6062; margin-top:24px;font-size:16px;font-weight:bold; width:140px;} */


/***************HIDE 'COMMENTS CLOSED' TEXT **************************/
.custom #container #comments .comments_closed {visibility: hidden;}


/****************  THE MAIN IMAGES BLOCKS ON SERVICES, EXPERTISE PAGES ETC ****************************/
.boxmargin { padding-right: 21px; padding-bottom: 27px; padding-top: 0px; padding-left: 6px;
	background: url(/images/shadow.png) no-repeat top left !important;
}

.boxmarginend {padding-bottom: 27px; margin-top: 0px; margin-right: -6px; margin-left: 0px;
	padding-top: 0px; padding-right: -6px; padding-left: 6px;
	background: url(/images/shadow.png) no-repeat top left !important
}

.boxmarginbottom {padding-right: 21px; padding-bottom: 11px; padding-top: 0px;
	padding-left: 6px; background: url(/images/shadow.png) no-repeat top left !important
}

.boxmarginbottomend { padding-bottom: 11px; margin-top: 0px; margin-right: -6px; margin-left: 0px;
	padding-top: 0px; padding-right: -6px; padding-left: 6px;
	background: url(/images/shadow.png) no-repeat top left !important
}

/****************  THE MAIN IMAGES BLOCKS ON SERVICES, EXPERTISE PAGES ETC ****************************/
.custom #images-block {width:537px; line-height:14px;height:350px;text-align:justify;}
.custom #images-block a { color: #5F6263; text-decoration: none; }
.custom #images-block a:active { color: #5F6263; text-decoration: none; }	
.custom #images-block a:visited { color: #FFDD00; }
.custom #images-block a:hover { color: #FFDD00; }

.orangeelement { color: #F47321; }
a.orangeelement { color: #F47321; text-decoration: none; }
a.orangeelementsmall { color: #F47321; text-decoration: none; font-size:0.8em; }
.greyelement { color: #5f6263; }

.custom #smallpara { float:left; height:112px; line-height:18px; padding-right:15px; width:205px;}

.custom ul#expertise-areas { margin-top:30px; padding-left:20px; }

/****************  LEFT HAND SIDEBAR ****************************/
.custom #sidebar_1 {background-color:transparent;}
.custom .sidebar {background-color:transparent;}

#titleblock { float: left; width: 130px; padding-left: 30px; margin-top: 52px; margin-right: 20px; }

#titleblock h2 {color: #F47321; font-size: 14px; padding-bottom:10px;}

#titleblock ul { padding-left:10px; }
#titleblock li { color: #5F6263; font-size: 11px; list-style-image: url(/images/bullet-small.png); line-height:1.2em; }
#titleblock li a { color: #5F6263; font-size: 11px;}
#titleblock li a:hover { color: #FFDD00;}
#titleblock li a:active { color: #5F6263;}
#titleblock li a:visited { color: #5F6263;}

#titleblock a { color: #5F6263; text-decoration: none; }
#titleblock a:hover { color: #FFDD00; }
#titleblock a:active { color: #5F6263; }

/*** Button at bottom of left hand side bar ****/
#clearblock { clear: both; padding-left: 50px; padding-top: 50px; }



/****************  RIGHT HAND SIDEBAR ****************************/
.custom #sidebars {padding-right:20px;}
.custom #sidecontent {float: right; width: 120px; margin-right: 40px; font-size: 13px; font-weight: normal;}

.custom .sidebar h3 {margin-top:22px; color:#dcddde; font-size:14px; font-weight:bold; font-variant:normal; letter-spacing:1px;}


.plainelement { color: #DCDDDE; } 
.expertiseplainelement { color: #5F6263; }

.expertisedetail { display: none; color: #dcddde; font-size: 12px; }
.expertisedetail li { color: #dcddde; font-size: 12px; list-style-image: url(/images/bullet-small.png); line-height:1em; }

#sidenavigation { margin-top:30px; text-align:right; margin-right:30px;}
#sidenavigation a { color: #DCDDDE; text-decoration: none; }
#sidenavigation a:hover { color: #F47321; }
#sidenavigation a:active { color: #F47321; }

ul.sidenavigation { margin-top:30px; text-align:right; margin-right:30px;}
ul.sidenavigation li.page_item { margin-bottom:0px; }
ul.sidenavigation li a { color: #DCDDDE; text-decoration: none; }
ul.sidenavigation li a:hover { color: #F47321; }
ul.sidenavigation li a:active { color: #F47321; }
ul.sidenavigation li.current_page_item a { color: #F47321; }