/*
Theme Name: CCD Humintell
Theme URI: http://www.customcodebydan.com
Description: The new theme for Humintell, created by CCD
Version: 1.0
Author: Daniel Israel
Author URI: http://www.customcodebydan.com
*/
/* global */

    body{ 
		background:#72adc0 url(images/bg_body.gif) repeat-x;
        font:70% Arial, Helvetica, Sans-Serif;
		color:#333;
		line-height:160%;
		margin:0;
		padding:0;
		text-align:center;
        }

    /* headings */
        h1{
			font-size:200%;
			font-weight:normal;
            }		
		h2, h3, h4, h5, h6{
			font-weight:normal;
			margin:1em 0;
			}	
        h2{            
			font-size:20px;
			font-weight:bold;
			letter-spacing:-0.05em;
			vertical-align:middle;
            }	
        h3{          
			font-size:20px;
            }
        h4{          
			font-size:17px;
            }				
    /* // headings */

    /* image replacement */
        .graphic, #header h1, #intro h3, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

    /* clearfix */

		#content:after, ul:after, .fixed:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		#content, ul, .fixed{
			display:block;
			}
		/*  \*/
		#content, ul, .fixed{
			min-height:1%;
			}
		* html #content, * html ul, * html .fixed{
			height:1%;
			}

    /* // clearfix */
	
	/* HTML Tags */
        a{
			text-decoration:none;
			color:#1a6075;
            }
        a:hover{
			color:#999;
            }			
		table, input, textarea, select, li{
			font:100% Arial, Helvetica, Sans-Serif;
			line-height:160%;
			color:#333;
			}				
		p, blockquote, ul, ol, form{
			margin:1em 0;
			}
		blockquote{
			}
		img{
			border:none;
			}			
		hr{
			display:none;
			}	
		table{
			margin:1em 0;
			width:100%;
			border-collapse:collapse;
			}
		th, td{	
			padding:2px 5px;
			}	
		th{	
			text-align:left;
			}	
	
	/* // HTML Tags */	
	
/* // Global */

/* page setup */

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:952px;
		}
	#header{
		background:url(images/bg_header_01.gif) no-repeat 0 0;		
		height:127px;
		}	
    #social_header {
    	left:0;
        padding: 0 0 10px;
        position:fixed;
        top: 0;
        width:100%;
        z-index:5;
    }
    #sticky_box {
        margin:0 auto;
        width:952px;
        font-family: "Gill Sans",Calibri,"Trebuchet MS",sans-serif;
        font-size:14px;
    }
    #sticky_box > ul {
        float:right;
        padding:5px 14px 12px 0;
        margin-right:10px;
        background-color:#777;
        background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#888888), to(#666666));
        background-image:-webkit-linear-gradient(#888888, #666666);
        background-image:-moz-linear-gradient(#888888, #666666);
        background-image:linear-gradient(#888888, #666666);
        -pie-background:linear-gradient(#888888, #666666);
        -webkit-border-radius:0 0 10px 10px;
        -moz-border-radius:0 0 10px 10px;
        border-radius:0 0 10px 10px;
        -webkit-box-shadow:0 3px 5px #888888;
        -moz-box-shadow:0 3px 5px #888888;
        box-shadow:0 3px 5px #888888;
        behavior:url(/PIE.htc);
        margin-top:0;
        list-style:none outside none;
    }
    
    #sticky_box > ul > li {
        float: left;
        margin: 7px 0 0 14px;
    }
	#home #header{
		background:url(images/bg_header_home.gif) no-repeat 0 0;		
		}						
	#content{
		background:#fff;
		padding-top:0;
		padding-bottom:17px;
		font-size:12px;
		position:relative;
		}	
	#home_main{
		float:left;
		display:inline;
		width:450px;
		margin-left:17px;
		}											
	#main{
		float:left;
		display:inline;
		width:681px;
		margin-left:17px;
		}
	#home_side{
		float:left;
		display:inline;	
		width:450px;	
		margin-left:17px;
		}
	.side{
		float:left;
		display:inline;	
		width:371px;	
		margin-left:17px;
		}
	#footer{
		background:#5b8a9a;
		padding:1em 0;
		font-size:12px;
		color:#fff;
		}	
	#footer .side{
		width:177px;
		}				

/* //page setup */


/* navigation elements */

	/* main nav */
		
		ul#nav,  
		ul#nav li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#nav{
			position:absolute;
			right:0;
			top:71px;
			height:32px;
			}			
		ul#nav li{
			float:left;
			display:inline;
			height:42px;		
			line-height:38px;			
			margin-left:15px;
			font-size:17px;			
			font-weight:bold;
			text-transform:uppercase;
			}	
		ul#nav li a{
			float:left;
			display:inline;
			height:38px;		
			line-height:38px;			
			color:#333;
			padding:0 10px;
			}	
		ul#nav li.selected{
			background:url(images/bg_navsel.gif) no-repeat 50% 100%;
			}
		ul#nav li.selected a, ul#nav li a:hover{
			background:#7ab3c4;
			color:#fff;
			}									
	
	/* //main nav */
	


	/* //main nav */
	
/* //navigation elements */


/* header */

	#header h1{
		position:absolute;
		margin:0;
		padding:0;
		width:250px;
		height:95px;
		top:7px;
		left:30px;
        z-index:10;
		}
	#header h1 a{
		display:block;
		height:84px;
		}
	#meta{
		position:absolute;
		float:left;
		margin:0;
		width:388px;
		overflow:hidden;
		height:39px;
		line-height:36px;		
		top:0;
		right:0;
		text-align:center;
		font-size:12px;
		}				
	#meta a{
		text-decoration:underline;
		}	
	#subscribe{
		position:absolute;
		margin:0;
		top:58px;
		right:0;
		}
	#subscribe a{
		float:left;
		text-align:right;
		height:40px;
		line-height:46px;		
		padding-right:50px;
		background:url(images/ico_subscribe.gif) no-repeat 100% 0;	
		font-size:14px;
		font-weight:bold;
		color:#333;		
		}						
	#shopping_cart{
		position:absolute;
		margin:0;
		top:58px;
		right:0;
		vertical-align:top;
		}
	#shopping_cart a.cart {
		float:right;
		text-align:right;
		height:40px;
		margin-top:4px;
		line-height:46px;		
		padding-right:50px;
		background:url(images/cart.png) no-repeat 100% 0;	
		font-size:14px;
		font-weight:bold;
		color:#333;		
		}						
	#shopping_cart a.icon {
		margin-right:4px;
		}						
				

/* // header */

/* content */
	
	.side .link a{
		float:left;
		height:24px;
		line-height:24px;			
		background:#f8f8f8;
		font-weight:bold;
		border-bottom:2px solid #e8e8e8;
		padding:0 10px;
		}	
	.side .link a:hover{
		border-bottom:1px solid #f1f1f1;
		border-top:1px solid #fff;			
		}	
	.summary{
		font-size:15px;
		padding:1em 30px;
		background:#f8f8f8;
		line-height:160%;
		}
	.note{
		padding:1em 30px;
		background:#5b8a9a;
		line-height:160%;
		border:1px solid #ccc;	
		color:#fff;
		font-weight:bold;
		}		

	/* // intro & preview */							
	
		#intro{
			background:#c9c9c9 url(images/bg_intro.gif) no-repeat 0 0;
			min-height:258px;
			overflow:hidden;
			}		
		* html #intro{		
			height:258px;
			}				
		#intro h3{ 		
			height:80px;
			}	
		#intro p{ 
			margin:.5em 30px;
			font-size:14px;
			line-height:160%;
			}	
		#intro p.link{
			margin-top:2em;
			}
		#intro p.link a{ 
			display:block;
			float:none;
			height:50px;
			line-height:50px;
			background:#fff;					
			text-align:center;
			font-size:20px;
			font-weight:bold;
			letter-spacing:-0.05em;
			border-bottom:2px solid #aaa;
			}			
		#intro p.link a:hover{ 
			margin-top:2px;
			color:#333;
			border-bottom:1px solid #aaa;
			}					
		#preview{
			width:530px;
			height:241px;
			overflow:hidden;
			margin-top:17px;
			}	
		
	/* // intro & preview */						

	/* blog excerpt list */	
	
		ul.blog,  
		ul.blog li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul.blog{
			border-top:1px solid #e5e5e5;
			}	
		ul.blog li{
			border-bottom:1px solid #e5e5e5;
			background:#f8f8f8;
			padding:1em 30px;
			margin-bottom:1px;
			}	
		ul.blog li p{
			margin:.5em 0;
			}	
		ul.blog li h3{
			margin:.5em 0 .25em 0;
			}				
		ul.blog li p.info{
			font-size:10px;
			margin:0 0 1em 0;
			border-bottom:1px solid #e5e5e5;
			}				
		ul.blog li p.info ul {
			font-size:10px;
			margin:0 0 1em 0;
			list-style:none;
			border-bottom:1px solid #e5e5e5;
			}				
		ul.blog li p.info ul li {
			font-size:10px;
			margin:0 0 1em 0;
			list-style:none;
			}				
		ul.blog li .link{
			margin-top:1em;
			height:24px;
			line-height:24px;			
			}	
		ul.blog li .link a{
			float:left;
			height:24px;
			line-height:24px;			
			background:#fff;
			font-weight:bold;
			border-bottom:2px solid #f1f1f1;
			padding:0 10px;
			}	
		ul.blog li .link a:hover{
			border-bottom:1px solid #f1f1f1;
			border-top:1px solid #f8f8f8;			
			}												
	
	/* // blog excerpt list */

	/* form */
																				
		form{
			margin:1.5em 0;
			padding-top:.5em;
			}
		fieldset{
			margin:0;
			padding:0;
			border:none;
			}			
		legend{
			display:none;
			}			
		label{
			float:left;
			width:120px;
			margin-left:30px;
			}	
		input, textarea{
			width:250px;
			border:1px solid #ccc;
			padding:5px;
			}
		#commentform input {
			width:500px;
		}
		textarea{
			height:120px;
			overflow:auto;
			}
		textarea#comment {
			margin-left:150px;
			width:500px;
		}
		#commentform #submit {
			margin-left:150px;
			width:120px;
		}
		form p{
			clear:both;		
			margin:0;
			padding:8px 0;
			background:#f8f8f8;
			margin-bottom:1px;
			}	
		form p.submit{
			background:none;
			text-align:right;
			}				
		button{
			border:none;
			padding:5px 15px;
			margin:0;
			background:#5b8a9a;	
			color:#fff;
			font-weight:bold;
			font-size:15px;
			cursor:pointer;
			text-transform:uppercase;
			}										
					
	
	/* // form */		

/* // content */

/* footer */

	#footer .main{
		float:left;
		display:inline;
		width:500px;
		margin-left:47px;
		}	
	#footer a{
		color:#fff;
		text-decoration:underline;
		}					
		

	ul#footerNav{
		float:right;
		margin:1em 0;
		padding:0;
		}
	#footerNav li{
		display:inline;
		margin:0 0 0 10px;
		padding:0;
		list-style:none;
		}	
	#footerNav li a{
		color:#333;
		text-decoration:underline;
		}					

/* // footer */
/* Easy Slider */

	#marquee {
		margin-left:128px;
		width:696px;
		position:relative;
	}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

#product_navigation {
	margin-left:1px;
	width:950px;
	height:65px !important;
	position:relative;
}
#product_navigation ul {
	margin-left:0 !important;
}
#product_navigation li {
	display:inline;
}
#product_navigation a {
	color:#048AC3;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	height:65px;
	padding-top:22px;
	text-align:center;
}
#product_navigation a:hover {
	text-decoration:underline;
}
#product_navigation ul li {
	background:url(images/product_nav_middle.jpg) no-repeat 0 0;
	height:65px;
	width:140px;
}
#product_navigation ul li a {
	background:url(images/product_nav_middle.jpg) no-repeat 0 0;
	height:65px;
	width:140px;
}
#product_navigation li#product_nav_first {
	background:url(images/product_nav_first.jpg) no-repeat 0 0;
	height:65px;
	width:140px;
}
#product_navigation li#product_nav_first a {
	background:url(images/product_nav_first.jpg) no-repeat 0 0;
	height:65px;
	width:140px;
}
#product_navigation li#product_nav_last {
	background:url(images/product_nav_last.jpg) no-repeat 0 0;
	width:162px;
}
#product_navigation li#product_nav_last a {
	background:url(images/product_nav_last.jpg) no-repeat 0 0;
	color:#FFFFFF;
	height:65px;
	width:162px;
}
#product_navigation li#product_nav_last a:hover {
	background:url(images/product_nav_last_hover.jpg) no-repeat 0 0;
	color:#FFFFFF;
	text-decoration:underline;
	height:65px;
	width:162px;
}
.blogpost {
	clear: both;
	margin-bottom: 45px;
	padding-bottom: 40px;
	overflow: hidden;
	}
	
.singleblog{overflow:hidden;}

ul.meta {
	margin: 0 0 25px 0;
	}
	
ul.meta li {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	margin-right: 10px;
	padding-left: 12px;
	text-transform: uppercase;
	}
	
ul.meta li:first-child {
	border: none;
	padding-left: 0;
	}
	
.alignleft {
	float: left;
	margin: 0 10px 8px 0;
	}
	
.alignright {
	float: right;
	margin: 0 0 8px 10px;
	}
	
.aligncenter {
	margin: 10px auto;
	}
#sidebar{
	float:left;
	display:inline;	
	width:220px;	
	margin-left:17px;
	}
#sidebar .link a{
	float:left;
	height:24px;
	line-height:24px;			
	background:#f8f8f8;
	font-weight:bold;
	border-bottom:2px solid #e8e8e8;
	padding:0 10px;
	}	
#sidebar .link a:hover{
	border-bottom:1px solid #f1f1f1;
	border-top:1px solid #fff;			
	}	
#sidebar ul {
	margin: 0;
	}

#sidebar ul li {
	list-style: none;
	margin-left: 0;
	margin-bottom: 25px;
	}

#sidebar ul li#search-3 {
    margin-bottom: 25px;
    }
	
.hidden{display:none;}
	
form#searchform #s {
    padding: 7px 29px 7px 7px;
    width: 150px;
    }
	
form#searchform #searchsubmit {
    display: none;
    }
form#searchform div label {
    display: none;
    }

form#searchform #s {
    background: url("images/search.png") no-repeat right #f6f6ec;
    border: 1px solid #E8E3C8;
    }
	
form#searchform #s:focus {
    border: 1px solid #dad4b6;
    }
	

.MailPressFormEmail {
    padding: 7px 29px 7px 7px;
    width: 150px;
    background: url("images/email_open_image.png") no-repeat right #f6f6ec;
    border: 1px solid #E8E3C8;
    }
	
.MailPressFormSubmit {
    display: none;
    }
	
.MailPressFormEmail:focus {
    border: 1px solid #dad4b6;
    }

#sidebar ul li ul.social_networking {
	margin-left:0;
	padding-left:0;
	list-style:none;
}
#sidebar ul li ul.social_networking li {
	margin-left:0;
	list-style:none;
	height:24px;
	padding-left:30px;
	padding-top:4px;
	vertical-align:middle;
	margin-bottom:5px;
}
#sidebar ul li ul.social_networking li a {
	color:#666;
	text-decoration:none;
	vertical-align: middle;
}

li.rss_link {
	background:url(images/feed.png) no-repeat;
}
li.blog_link {
	background:url(images/blogger.png) no-repeat;	
}
li.facebook_link {
	background:url(images/facebook.png) no-repeat;
}
li.twitter_link {
	background:url(images/twitter.png) no-repeat;
}
li.youtube_link {
	background:url(images/youtube.png) no-repeat;
}
li.myspace_link {
	background:url(images/myspace.png) no-repeat;
}
li.linkedin_link {
	background:url(images/linkedin.png) no-repeat;
}
#sidebar ul li ul {
list-style-image:none;
list-style-type:none;
margin-left:0;
}
#sidebar ul li ul li {
margin-left:-30px;
margin-bottom:10px;
}
#main .left_column {
	width:325px;
    float:left;
}
#main .right_column {
width:325px;
margin-right:17px;
float:right;
}
.product_header {
	margin-top:10px;
	font-size:15px;
	border-bottom:dotted 1px #1A6075;
	text-decoration:none;
	font-weight:bold;
	margin-bottom:5px;
}
#main .product_list {
	width:667px;
	border: 1px solid black;
}
div.title_bar {
	display: block;
	height:88px;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	padding: 1px 3px;
	background-image: url("images/AccordionTab0.gif");
    clear:both;
	overflow:hidden;
}
div.title_bar:hover {
	background-color: white;
	background-image: url("images/AccordionTab2.gif");
}
.product_list div.selected {
	color: black;
	background-color: #80cfe2;
	background-image: url("images/AccordionTab2.gif");
}
.product_list, .product_list a {
/*	color:#DB4704; */
}
.product_list a:hover {
	text-decoration:underline;
}
.product_list .thumb {
    clear:both;
    float:left;
}
.product_list .description {
    float:left;
	margin: 4px 3px;
	width:320px;
}
.product_list .description h2 {
	margin: 0;
}
.product_list .price {
    float:right;
}
.product_detail {
	clear: both;
	padding:3px;
}
.price img {
	vertical-align:top;
}
.price h1 {
	font-weight:bold;
	margin: 10px 0 0 0;
	line-height:50px;
}

ul.tabs {
	display:block;
	list-style:none;
	padding:0;
}
ul.tabs li {
	margin-left:3px;
	margin-right:0px;
	width:130px;
	height:54px;
	text-align:center;
	float:left;
	background-color:#c4e1ea;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
ul.tabs li a {
	vertical-align:middle;
	color:#000;
}

ul.tabs li.selected, ul.tabs li.selected a {
	background-color:#7ab3c4;
	color:#fff;
}
ul.tabs li:hover, ul.tabs li:hover a {
	background-color:#7ab3c4;
	color:#fff;
}
.product_list .info {
	cursor:pointer;
}
.product_list h2.info {
	margin:0;
}
.product_tab h3 {
	font-size:15px;
	margin-top:18px;
}