/*
Theme Name: Helicon Technology, Inc.
Theme URI: http://www.libellecreative.com/
Description: The Official Libelle Theme
Version: 1.5
Author: Libelle Creative, Inc.
Author URI: http://www.clicLibelle.com/
Tags: website development, creative projects

	Helicon Technology 2.0
	http://helicontechnology.com

	This theme was designed and built by Libelle Creative,

	The CSS, XHTML and design is released under Libelle Creative:
	http://www.archants.com

*/

@import url(reset.css);

html{
	background-color:#470d10;
	}

	a:focus{
		outline:none;
	}

body{
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
	min-height:100%;	
	}

#header{
	background: url('images/hdBackground.jpg');
	width:960px;
	height:83px;
	margin:0 auto;
	}
	
#headerpage{
	background: url('images/hdPagebg.jpg');
	width:960px;
	height:83px;
	margin:0 auto;
	}

/*Subheader*/

#subheader{
	background: url(images/subheader.png) repeat-x;
	width:1024px;
	height:223px;
}
#subheader-page{
	background:url("images/aboutbg.png") repeat-x scroll 0 0 transparent;
	height:223px;
	width:1024px;
}

#subheader-page-about{
	background:url("images/aboutbg.png") repeat-x scroll 0 0 #F5F5F5;
	height:432px;
	width:1024px;
}

#subheader-img{
	width: 280px;
	height: 188px;
	float: left;
}

#subheader-img-about{
/*position: absolute;*/
	float:left;
	width: 280px;
}

#subheader-img-about img{
/*position: relative;*/
}

#subheader-mid-about{
	float:left;
	height:138px;
	padding-top:60px;
	text-align:center;
	width:162px;
}

#subheader-mid{
	width: 162px;
	height: 188px;
	float: left;
	text-align: center;
	position: relative;
	top: 37px;
}

#subheader-mid h1{
	font-size: 1.5em;
	color: #a00017;
}

#subheader-right{
	padding-top:37px;
}


/*About Header*/
#subheader-mid-about h1{
	font-size: 1.25em;
	color: #a00017;
}
#subheader-right-about h1{
	color: #FF8340;
}

.home{position:absolute;width:220px;margin-left:50px;height:80px;}
.home a{position:absolute;width:220px;height:80px;text-indent:-9999px;}


/*Main Menu*/ 
#nav{
	background:transparent url('images/nav.png') repeat scroll 0 0;
	position:relative;
	height:30px;
	width:418px;
	margin:0 auto;
	padding:0;
	top:40px;
	left:35px;
	}


#aboutus, #our-clients, #careers, #contact-us{
	float:left;
	list-style:none;
	}

#aboutus .aboutus_a, #our-clients .ourclients_a, #careers .careers_a, #contact-us .contactus_a {
	position:absolute;
	top:0;
	padding: 0;
	display: block;
	width:418px;
	height: 30px;
	background: url('images/nav.png') no-repeat;
	text-indent: -9999px;
	margin-left:530px;
	margin-top:10px;
	}

/*up state*/
li#aboutus .aboutus_a {
left: 0;
width: 98px;
background-position: 0 0;
margin:0 auto;
}

li#our-clients .ourclients_a {
left: 98px;
width: 121px;
background-position: -98px 0;
margin:0 auto;
}

li#careers .careers_a {
left: 221px;
width: 91px;
background-position: -221px 0;
margin:0 auto;
}

li#contact-us .contactus_a {
left: 312px;
width: 106px;
background-position: -312px 0;
margin:0 auto;
}

/*hover state*/
	li#aboutus .aboutus_a:hover {
	background-position: 0 -31px;
	}

	li#our-clients .ourclients_a:hover {
	background-position: -98px -31px;
	}

	li#careers .careers_a:hover {
	background-position: -221px -31px;
	}

	li#contact-us .contactus_a:hover {
	background-position: -312px -31px;
	}

/*Selected*/
	body#aboutus li#aboutus .aboutus_a {
	background-position: 0 -31px;
	}

	body#our-clients li#our-clients .ourclients_a {
	background-position: -98px -31px;
	}

	body#careers li#careers .careers_a{
	background-position: -221px -31px;
	}

	body#contact-us li#contact-us .contactus_a {
	background-position: -312px -31px;
	}
	
	
/*Main Flash*/ 
	#mainflash{
		background:transparent url('images/mainflash.jpg') repeat scroll 0 0;
		position:relative;
		height:221px;
		width:888px;
		}
	.flashcontent{
		width:888px;
		height:221px;
		margin:0 auto;
	}
/*Content Background*/ 
#containerbg{
	background: url('images/pagetilebg.jpg');
	width:960px;
	margin: 0 auto;
	/*min-height:363px;*/
	height:auto;
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	}
	
/*Page Post*/ 
#containerinside{
	background: url('images/containerinside.jpg') no-repeat;
	width:888px;
	margin: 0 auto;
	min-height:586px;
	height:auto;
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	}
	
#containerinside h2{
	font-size: 120%
}

#containerinside h2 a{
	font-size: 120%;
	color:#4d010c;
	font-weight:bold;
	text-decoration:none;
}
#containerpost{
	width:888px;
	margin: 0 auto;
}
#containerpost b{
	color:#96001a;
}
#containerpost table b{
	color:#454545;
}
	.techside{
		float:left;
		width:580px;
		/*padding-left:25px;
		padding-top:25px;*/
		color:#454545;
	}
	ul.callsupport{
		float:left;
		width:270px;
		height:155px;
		background-color:red;
	}
		ul.callsupport{
			float:left;
			width:270px;
			height:155px;
			background-color:red;
		}
		ul.callsupport li{
			padding:7px;
		}
		
	.sidebar {
		width:280px;
		width:280px;
		height:auto;
		min-height:370px;
		float:left;
	}
		.contactform{
			padding-top:20px;
		}
	.post{
		color:#1e276c;
		margin: 0;
		min-height:300px;
		height:auto;
		float:left;
		padding-top:20px;
	}
		.sidebar h4{
			color:#ffffff;
			font-size:110%;
		}
		
		.sidebar p{
			color:#e6e6de;
			padding-top:20px;
		}

	.entry{
	padding-left: 5px;
	}

	.entry p{
	text-align: left;
	}

/*Table*/ 
table {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 470px;
	margin:7px;
	margin-bottom:40px;
	}

th {
	text-align: left;
	padding-bottom:12px;
	}

tr.yellow td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
	}

td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	}

td:first-child {
	width: 190px;
	}

td+td {
	border-left: 1px solid #CCC;
	text-align: left;
	}


#pageheader{
	width:888px;
	height:188px;
	margin:0 auto;
	background: url("images/subhead.jpg");
}

/*Content*/ 
	
#container{
	background: url('images/mdlBackground.jpg');
	width:960px;
	margin:0 auto;
	min-height:363px;
	height:auto;
	font-family: "Century Gothic", Arial, sans-serif
	}

	/*Our Solutions Flash*/ 
	.oursolutions{
		margin:0 auto;
		width:887px;
		height:157px;
		padding-top:70px;
		background:transparent;
	}
	
	#mainflash{
		background:transparent url('images/mainflash.jpg')no-repeat;
		height:221px;
		width:960px;
		margin:0 auto;
	}		
	#contentbottom{
		background:transparent url('images/ftlBackground.jpg') no-repeat;
		height:34px; 
		width:960px;
		margin: 0 auto;
	}
	#contentbottompage{
		background:url('images/pagefooter.jpg') no-repeat;
		height:99px; 
		width:960px;
		margin: 0 auto;
		clear:both;
	}
	
	#contentbottompage ul {margin:0 auto;padding-top:20px;width:800px;}
	#contentbottompage ul li{display: inline;padding-right:55px;}
	
	/*link*/
	li#call-center a,
	li#back-office  a,
	li#technical-support a,
	li#web-and-digital-design a,
	li#communications a	 {
	color: #5f5f5f;
	text-decoration: none;
	font-family: Arial;
	font-size: 18px;
	}
	
	/*link*/
	li#call-center a:hover,
	li#back-office  a:hover,
	li#technical-support a :hover,
	li#web-and-digital-design a:hover,
	li#communications a:hover	{
	color: #a20522;
	}

	
	/*Selected*/
	body#call-center li#call-center a,
	body#back-office li#back-office  a,
	body#technical-support li#technical-support a,	
	body#web-and-digital-design li#web-and-digital-design a,
	body#communications li#communications a{
	color: #a20522;
	}


/*Footer*/ 

#footer{
	width:960px;
	height:44px;
	margin:0 auto;
	clear: both;
	}
	
	#footer p{
		position:relative;
		left:35px;
		color:#b6b5b5;
		font-family: "Century Gothic", Arial, sans-serif;
	}

.footerlink a{
	text-decoration:none;
	color:#b6b5b5;
}
	
.footerlink a:hover{
	border-bottom: 1px dotted #ffc500;
	color:#ffc500;
}



.copyright{
	margin-left:530px;
	color:#b6b5b5;
}
	
/*WP Area*/

	/* Begin Form Elements */
	#searchform {
		margin: 10px auto;
		padding: 5px 3px;
		text-align: center;
		}

	#sidebar #searchform #s {
		width: 108px;
		padding: 2px;
		}

	#sidebar #searchsubmit {
		padding: 1px;
		}

	.entry form { /* This is mainly for password protected posts, makes them look better. */
		text-align:center;
		}

	select {
		width: 130px;
		}

	#commentform input {
		width: 170px;
		padding: 2px;
		margin: 50px 5px 1px 0;
		}

	#commentform {
		margin: 5px 10px 0 0;
		}
	#commentform textarea {
		width: 100%;
		padding: 2px;
		}
	#respond:after {
			content: "."; 
		    display: block; 
		    height: 0; 
		    clear: both; 
		    visibility: hidden;
		}
	#commentform #submit {
		margin: 0 0 5px auto;
		float: right;
		}
	/* End Form Elements */



	/* Begin Comments*/
	.alt {
		margin: 0;
		padding: 10px;
		}

	.commentlist {
		padding: 0;
		text-align: justify;
		}

	.commentlist li {
		margin: 15px 0 10px;
		padding: 5px 5px 10px 10px;
		list-style: none;

		}
	.commentlist li ul li { 
		margin-right: -5px;
		margin-left: 10px;
	}

	.commentlist p {
		margin: 10px 5px 10px 0;
	}
	.children { padding: 0; }

	#commentform p {
		margin: 5px 0;
		}

	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
		}

	.commentmetadata {
		margin: 0;
		display: block;
		}
	/* End Comments */

	/* Widget (calendar) */

	#wp-calendar {
		width: 90%;
		padding: 0 0 0px 0;
		margin-bottom: 15px;
	}

	#wp-calendar caption {
		color:#ffffff;
		padding-bottom:5px;
		font-size:120%;
	}

	#wp-calendar th, #wp-calendar td {
		padding: 5px;
		text-align: center;
		background-color: #454545;
		color:#ffffff;
	}

	#wp-calendar td {
		background: transparent;
	}

	#wp-calendar td, table#wp-calendar th {
		padding: 3px 0;
	}

	#wp-calendar a {
		text-decoration: underline;
		color:#ffffff;
	}

	#wp-calendar a:hover {
		text-decoration: none;
	}

	/* Widget (tag cloud) */

	#tag_cloud {
		padding-bottom: 20px;
	}

	#tag_cloud h2 {
		margin-bottom: 15px;
	}

	.widgettitle{
		color:#ffffff;
	}
		.widgettitle p{
			color:#ffffff;
		}
		
		.gsom-optin-div-label{
			color:#ffffff;
			padding-top:7px;
		}
		
		.sidebar a{
		text-decoration: none;
		color: #454545;
		}
	
	#clientlist li{
		float:left;
		background:#fff;
		padding:3px;
		margin:5px;
		border: 1px solid #999;
		width:188px;
		height:115px;
	}

/* Managed Desktop Service */
.techside h4{
	font-size:150%;
	padding-bottom:20px;
	display:block;
}
.techside ul{
	padding-left:17px;
}
.techside ul ul{
	padding:7px 17px;
}
.techside ul li{
	list-style-type: decimal;
}
.techside ul li li{
	list-style-type: upper-latin;
}
.techside ul li li li{
	list-style-type: lower-roman;
}

.lan{
	padding-bottom:17px;
}