/*  
Theme Name: PlancheContact
Theme URI: http://www.planchecontact.com/
Description: Minimalist Business Wordpress Theme 2
Author: Indonez + Hacks from Samuel Malarik
Version: 1.0
*/


/*----------------------------------------------------
                  Mygen - CSS File
------------------------------------------------------*/
@import url(css/nivo-slider.css);

/* Global
------------------------------------------------------*/
html,body{height:100%}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:0 auto;
padding:0;
background-color:#FFFFFF;
color:#353535;
height:100%;
}
*{
margin:0;
padding:0;
}
*:focus{
outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
				 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0; background-color:#FFF;}
hr{
border:0;
color:#dedede;
background-color: #dedede;
height: 1px;
margin:10px 0px 6px 0px;
padding:0px;
}


/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5{ font-family:/*Arial, Helvetica, sans-serif*/Times New Roman, Times, serif; font-weight:normal; color:#353535; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;widgets }
h1{font-size:22px; line-height:30px; margin-bottom:15px; }
h2{font-size:20px; line-height:20px; margin-bottom:0px;}
h3{font-size:18px; line-height:20px; margin-bottom:15px;}
h4{font-size:16px; line-height:18px; margin-bottom:15px; font-weight:bold;}
h5{font-size:13px; margin:3px 0px; padding:0px; letter-spacing:1px;}

/* links */
a{color:#304369; text-decoration:none;}
a:visited{color:#304369; text-decoration:none;}
a:hover{color:#304369;}
a img{border:none}
.imgleft,.alignleft {float:left; padding:5px 10px 0px 0px;}
.imgleft_bis,.alignleft_bis {float:left; padding:5px 10px 10px 0px;}
.imgright,.alignright {float:right; padding-left:12px;}
.img-noalign{float:left; padding:0px 10px 10px 0px;}

/* lists, blockquotes and paragraphs */
p, ul, ol{
font-size:13px;
line-height:16px;
margin-bottom:10px;
color:#353535;
}
blockquote{
font-size:13px;
line-height:16px;
margin-bottom:30px;
color:#353535;
}
p.last {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}
ul, ol{
margin:5px 0 15px 40px;
}
li ol, li ul{
font-size:1.0em;
list-style:square;
margin-bottom:0;
margin-top:0;
}
li ol{list-style:decimal;}
blockquote{
font-style:italic;
margin:0px;
color:#6f6f6f;
padding:2px 4px 12px 38px;
background-image:url(images/quote.gif);
background-position:0px 5px;
background-repeat:no-repeat;
}

/* code */
code{
font-family:Tahoma, Arial, Verdana;
letter-spacing:1px;
margin:25px 0 25px 0px;
display:block;
font-size:0.9em;
border-left:4px solid #dddddd;
padding:15px 10px;
}


/* Container
------------------------------------------------------*/
#outer-container{ width:960px; margin:0px auto; }
#main-container{ width:960px; float:left;}
#container-left{ width:160px; text-align:center; position:fixed; }
#container-right{ width:770px; float:left; margin-left:190px;}
.inner-container{ width:770px; margin:0px auto; background-color:#0FF; }

/* BACKUP
#outer-container{width:960px; margin:0px auto;}
#main-container{width:960px; float:left;}
#container-left{width:70px; float:left;}
#container-right{width:890px; float:left;}
.inner-container{width:809px; margin:0px auto; background-color:#9C0;}
*/

/* container-left styles
------------------------------------------------------*/
.logo_text { margin:10px 0px 0px 0px; }
#container-left h3 {
	font-size:13px;
	line-height:10px;
	font-weight:bolder;
	margin:20px 0px 5px 0px;
}
#container-left p {
	font-size:12px;
	font-weight:normal;
	margin:0px 0px 5px 0px;
}
.left-content-items {
	width:160px;
	margin:20px 0px 10px 0px;
}
.left-content-items-logos {
	width:160px;
	border-top:none;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}


/* Header
------------------------------------------------------*/
.logo{width:160px; padding:30px 0px 0px 0px; }
#top-content{height:39px; font-size:11px; color:#989797; padding-right:15px; float:right;}
.top-address{float:right; padding:11px 0px; margin-right:45px;}
.top-icon{padding-right:4px; float:left;}

#topmenu {
	margin-top:16px;
}

/* Welcome text */
#welcome-text{margin-top:30px; float:left;}
#welcome-text h1{font-size:45px; color:#515151; margin-bottom:0px;}

/* Page title */
/*#page-title{margin-top:30px; float:left;}*/
#page-title {margin-top:0px; width:448px; padding:8px 16px 0px 16px; }
#page-title h1 {font-size:60px; color:#fff; text-transform:uppercase; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:10px;}

/* Top Navigation bar menu styling */
#nav{
list-style-type: none;
margin:0px 0px 0px 0px;
width:228px;
}
#nav li{}
#nav li a:link, #nav li a:active, #nav li a:visited{
display:block;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-decoration: none;
text-transform:uppercase;
line-height: 20px;
outline: none;
font-size: 20px;
color:#fff;
}
#nav li a:hover {
color:#fff;
padding-left:20px;
background-image:url(images/selected_button.gif); background-position:top left; background-repeat:no-repeat;
}
#nav li.selected a{
color:#fff;
padding-left:20px;
background-image:url(images/selected_button.gif); background-position:top left; background-repeat:no-repeat;
}



#sub-nav {
list-style-type: none;
margin:0px 0px 5px 8px;
padding:0px 0px 0px 0px;
width:230px;
}
#sub-nav li {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#sub-nav li a:link, #sub-nav li a:active, #sub-nav li a:visited{
display:block;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-decoration: none;
text-transform:none;
outline: none;
font-size: 14px;
color:#fff;
}
#sub-nav li a:hover {
color:#fff;
padding-left:20px;
background-image:url(images/selected_button.gif); background-position:top left; background-repeat:no-repeat;
}
#sub-nav li.current_page_item a{
color:#fff;
padding-left:20px;
background-image:url(images/selected_button.gif); background-position:top left; background-repeat:no-repeat;
}

span.descmenu{
font-size:11px; 
padding:0px 20px;
color:#989797;
}


/*  Homepage Slider
------------------------------------------------------*/
#slideshow-container{
	/*width:809px;*/
	width:416px;
	height:287px; 
	margin:15px 0px 0px 16px;
	padding:0px 0px 0px 0px;
	float:left;
	border:1px solid #389c94;
}
#mainslide {
/*width:809px;*/
	width:416px;
	margin: 0 auto;
	margin-bottom: 30px;
	padding:0px 0px 0px 0px;
	position: relative;
	background:#11538E url(images/loading.gif) no-repeat 50% 50%;
  
}
#mainslide img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}


/* Content
------------------------------------------------------*/

.content{width:770px; padding:30px 0px 0px 0px; float:left; }
.content-two{width:609px; padding:20px 0px 0px 0px; float:left;}

/* BACKUP 
.content{width:809px; padding:20px 0px 3px 0px; float:left;}
.content-two{width:809px; padding:20px 0px 30px 0px; float:left;}
#content-left{width:506px; margin-right:30px; float:left;}
*/
#content-left { width:480px; margin-right:30px; float:left;background-color:#304369; padding:7px 0px 0px 0px; background-image:url(images/background/bg_out_main_top.gif); background-position:top left; background-repeat:no-repeat; }
.content-left-btm { width:480px; margin-right:30px; float:left; padding:16px 0px 0px 0px; background-image:url(images/background/bg_out_main_bottom.gif); background-position:bottom left; background-repeat:no-repeat; }
.maincontent { margin:0px 16px 0px 16px; padding:16px 16px 0px 16px; background-color:#FFF; background-image:url(images/background/bg_in_main_top.gif); background-position:top left; background-repeat:no-repeat;}
.maincontent-btm { margin:0px -16px 0px -16px; padding:16px 0px 0px 0px; background-color:#fff; background-image:url(images/background/bg_in_main_bottom.gif); background-position:top left; background-repeat:no-repeat; }
.separator { padding:8px 16px 8px 16px; }
#rightsidecontent {width:228px; float:left; margin-bottom:30px; }
#sidebox{width:228px;background-color:#304369; padding:16px 16px 0px 16px; margin-bottom:0px;  background-image:url(images/background/bg_out_side_top.gif); background-position:top left; background-repeat:no-repeat;}
.sidebox-btm{width:260px;background-color:#304369; padding:16px 0px 0px 0px; margin-bottom:16px;  background-image:url(images/background/bg_out_side_bottom.gif); background-position:top left; background-repeat:no-repeat;}
.imgleft{float:left; padding-right:8px;}
.imgright{float:right; padding-left:8px;}

ul.content-list,.widgets ul {margin:0px; padding:0px; list-style-type:none;}
ul.content-list li, .widgets ul li  {background-image:url(images/arrow.gif); background-position:0px 5px; background-repeat:no-repeat; padding:0px 0px 12px 17px; line-height:18px;}
ul.content-list li a, .widgets ul li a{color:#353535; text-decoration:none;}
ul.content-list li a:hover, .widgets ul li a:hover {text-decoration:underline;}
.widgets{ margin:20px 0px 0px 0px; padding:10px 10px 10px 10px; background-color:#fff; background-image:url(images/background/bg_in_side_top.gif); background-position:top left; background-repeat:no-repeat;}
.widgets-btm{ margin:0px 0px 0px 0px; padding:5px 0px 0px 0px; background-color:#fff; background-image:url(images/background/bg_in_side_bottom.gif); background-position:top left; background-repeat:no-repeat;}

/* Services page */
.img-services{width:134px; height:95px; margin-top:5px; margin-right:10px; float:left; border:1px solid #fff; }
#quote-container{width:400px; height:300px; padding:10px; background-color:#FFFFFF;}

/* Bottom content */
/*
#bottom-content{border-top:1px solid #a5a5a5; width:850px; float:left;}
*/

#bottom-content{border-top:1px solid #a5a5a5; width:650px; float:left;}
#bottom-icon{width:37px; padding:0px 20px 0px 10px; margin-top:0px; float:left;}
#newsflash{width:562px; height:38px; line-height:20px; float:left;}
/*
#newsflash{width:762px; height:38px; line-height:20px; float:left;}
$/
/* Check list */
ul.check-list{
	margin:0px 0px 15px 0px; 
	padding:0px; 
	list-style-type:none;
}
ul.check-list li{
	background-image:url(images/arrow.gif); 
	background-position:5px 7px; 
	background-repeat:no-repeat; 
	padding-left:20px;
	line-height:24px;
}


/* Blog
------------------------------------------------------*/
.blog-post{
	margin-bottom:16px;
}
.blog-post h1{
	color:#515151;
	margin-bottom:18px;
	padding-bottom:26px;	
}
.blog-post h1 a, .blog-post h3 a:visited{
	color:#515151;
	text-decoration:none;
}
.blog-info{
	font-size:11px;
	color:#979797;
	margin-top:-41px;
	padding-bottom:3px;
	float:left;
}
.blog-info a, .blog-info a:visited{
	color:#979797;
	text-decoration:none;
}
.blog-info-icon{
	margin-right:3px;
}
.blog-info-icon2{
	margin-left:20px;
	margin-right:3px;
}

#keywords {
	clear:both;
	margin-bottom:10px;
}

/* Author info styling */
.author{
	width:376px;
	font-size:11px;
	background-color:#f1f1f1; 
	border-top:1px solid #d3d3d3; 
	border-bottom:1px solid #d3d3d3; 
	color:#a6a6a6;
	margin-bottom:30px; 
	padding:15px; 
	line-height:18px; 
	float:left;
}
.author h3{
	margin:1px 0px 5px 0px;
}

/* Blog pagination */
.commonPageListControlBar{
	height:30px;
	margin:15px 0px 38px 0px;
	text-align:left;
	float:left;
}
.commonPageListControlBar p{
	float:left;
}
.commonPageListBtn{
	border: 1px solid #bfbfbf;
	background-color:#fff;
	font:normal 11px Tahoma;
	color:#979696;
	margin:-2px 5px 0px 0px; 
	padding: 5px 4px;
	cursor: pointer;
	float:left;
}
.commonPageListControlBar a, .commonPageListControlBar a:visited{
	color:#a4a3a3; text-decoration:none;
	float:left;
}
.commonPageListControlBar a:hover{
	text-decoration: underline;
	float:left;
}
.commonPageListBtnSelected{
	border: 1px solid #bfbfbf;
	background-color:#efefef;
	font:normal 11px Tahoma;
	color:#979696;
	margin:-2px 5px 0px 0px; 
	padding:5px 4px;
	cursor:default;
	float:left;
}

/* Ads list */
ul.ads-list{
	width:263px;
	margin:0px 0px 0px 3px; 
	padding:0px; 
	list-style-type:none;
}
ul.ads-list li{
	width:258px;
	margin:5px 10px;
	float:left;
}

/* Portfolio
------------------------------------------------------*/
#portfolio{margin-top:15px;}
.pf-box{width:202px; margin-right:21px; margin-bottom:40px; background-color:#0F9;}
.pf-box-nomargin{width:202px; margin-bottom:40px; background-color:#069;}
.pf-img{border:2px solid #11538e;}
.page-portfolio{ height:200px; float:left;}
#pager-nav{list-style-type:none; margin:0px 0px 50px 0px; float:left;}
#pager-nav li{margin-right:10px; float:left;}
#next{width:56px; height:22px; background-image:url(images/next.gif); background-repeat:repeat; margin-left:14px; float:left; cursor:pointer;}
#prev{width:56px; height:22px; background-image:url(images/prev.gif); background-repeat:repeat; float:left; cursor:pointer;}


/* Footer
------------------------------------------------------*/
/*
#footer{border-top:1px solid #a5a5a5; width:650px; height:33px; float:left;}
*/
#footer{border-top:1px solid #a5a5a5; width:770px; height:33px; float:left; margin:30px 0px 0px 0px; }
.footer-text{font-size:11px; color:#868686; padding:8px 0px; float:right;}
.footer-text a, #footer a:visited{color:#868686; text-decoration:none;}
.footer-text a:hover{text-decoration:underline;}
ul#twitter_update_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#twitter_update_list li {
  margin: 3px 0;
}

/* Contact Form */
.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks { text-align:center; color:#ee0000; }

ol.forms { list-style: none; margin:0px 0px 0px 0px; width: 100%; color:#6b6b6b; background-color:#FFF; }
ol.forms li { 
	clear: both; 
	margin-bottom:0px; 
	position: relative;
	width: 100%;
	background-color:#FFF;
}
ol.forms label {
	font-weight: normal;
	margin:5px 0px 0px 0px;
	padding-right: 20px;
	width: 65px;
	display: block;
}
ol.forms input, ol.forms textarea {
	padding: 2px;
	background-color: #ffffff; 
	border:1px solid d9d9d9; 
	width:406px; 
	padding:5px 5px 5px 5px; 
	margin:0px; 
	color:#6b6b6b;
	clear: both;	
}
#contactName{background-color:#ffffff; font-family:Tahoma, Arial, Verdana; font-size:13px; border:1px solid #c7c7c7; width:406px; padding:6px; margin-bottom:-2px; color:#6b6b6b;}
#email-contact{background-color:#ffffff; font-family:Tahoma, Arial, Verdana; font-size:13px; border:1px solid #c7c7c7; width:406px; padding:6px; margin-bottom:-2px; color:#6b6b6b;}
#subject{background-color:#ffffff; font-family:Tahoma, Arial, Verdana; font-size:13px; border:1px solid #c7c7c7; width:406px; padding:6px; margin-bottom:-2px; color:#6b6b6b;}
#commentsText{background-color:#ffffff; font-family:Tahoma, Arial, Verdana; font-size:13px; border:1px solid #c7c7c7; width:406px; padding:6px; margin-bottom:-2px; color:#6b6b6b;}
ol.forms textarea { height: 100px; }
.error { color: #f00; }
ol.forms li.textarea {
  border: none;
  margin: 0;
  padding:0;
}
ol.forms li .error { font-size: 11px; clear:both;}
ol.forms li.textarea .error {
	display: block;
	clear:both;
}
ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button { background-image:url(images/but-send.gif); background-repeat:no-repeat; padding:0px; margin:15px 0px 0px 0px; border:0px; width:90px; height:22px; cursor:pointer; margin-right:22px; }
ol.forms li.buttons button:hover { color: #222; }
ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
ol.forms li.buttons, ol.forms li.inline { width: 360px; }
ol.forms li.inline input { width: 386px; }
ol.forms li.inline label { display: inline; float: none; width: auto; }
input#sendCopy {
  width: 10px;
}

/* Comment Form */
#comment{margin-bottom:15px; float:left;}
/*
#comment-form{float:left;}
*/
#comment-form{ }
#comment-form fieldset { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border: none; }
.comment-post{ margin-top:16px; border-bottom:1px solid #d7d7d7; float:left; }
.avatar{margin-right:10px; float:left;}
.comment-date{font-style:italic; font-size:11px; color:#979797; float:left; }
.comment-text{width:355px; float:left; }
.comment-text p{width:347px; margin-top:10px; float:left;}
.imgborder{float:left; border:1px solid #d7d7d7; padding:2px;}

#commentFormArea {width:415px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#6b6b6b; }
.label-comment {width:120px; margin:6px 0px 0px 10px; float:left;}
.input-comment {background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:13px; border:1px solid #c7c7c7; width:230px; padding:5px 5px 5px 5px; margin:0px 0px 0px 0px; color:#6b6b6b; float:left;}
.input-submit-comment {background-image:url(images/but-send.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:90px; height:22px; cursor:pointer; float:left; clear:both;}
.textarea-comment {background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:13px; border:1px solid #c7c7c7; width:370px; padding:5px 5px 5px 5px; margin:0px; color:#6b6b6b;}

/* Image and Captions */

img.alignright {
  float:right; 
  padding-left:12px;
}
/*img.alignleft {
  float:left; 
  padding:5px 12px 0px 0px;
  display: inline;
}*/
img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
  margin-bottom: 10px;  
}
.alignright {
	float:right;
}
.alignleft {
	float:left;
}
.wp-caption {
	border:1px solid #ddd;
	text-align:center;
	background-color:#f3f3f3;
	padding-top:4px;
	margin:10px;
}
.wp-caption img {
	border:0 none;
	margin:0;
	padding:0;
}
.wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.aligncenter,div.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
/* Image and Caption End */


/*------- WP Pagenavi ------- */
.blog-pagination{
	margin-bottom:0px;
	float:left;
}
.maincontent .wp-pagenavi, .wp-pagenavi {
  padding: 20px 0px;
  margin-bottom:0px;
  text-align: left;
}
.maincontent .wp-pagenavi a, .maincontent .wp-pagenavi a:link, .blog-pagination .wp-pagenavi a, .blog-pagination .wp-pagenavi a:link {
border: 1px solid #d9d9d9;
background-color:transparent;
color:#000;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor: pointer;
}
.maincontent .wp-pagenavi a:visited, .blog-pagination .wp-pagenavi a:visited {
border: 1px solid #d9d9d9;
background-color:transparent;
color:#000;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor: pointer;

}
.maincontent .wp-pagenavi a:hover, .blog-pagination .wp-pagenavi a:hover {	
border: 1px solid #eaeaea;
background-color: #eaeaea;
color:#414141;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor: pointer;

}
.maincontent .wp-pagenavi a:active, .blog-pagination .wp-pagenavi a:active {
border: 1px solid #eaeaea;
background-color: #eaeaea;
color:#414141;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor:default;

}
.maincontent .wp-pagenavi span.pages, .blog-pagination .wp-pagenavi span.pages {
border: 1px solid #d9d9d9;
background-color:transparent;
color:#000;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor: pointer;

}
.maincontent .wp-pagenavi span.current, .blog-pagination .wp-pagenavi span.current {
border: 1px solid #eaeaea;
background-color: #eaeaea;
color:#414141;
font: normal 11px/28px Verdana; 
padding: 6px;

}
.maincontent .wp-pagenavi span.extend, .blog-pagination .wp-pagenavi span.extend {
border: 1px solid #d9d9d9;
background-color:transparent;
color:#000;
font: normal 11px/28px Verdana; 
padding: 6px;
cursor: pointer;

}
/*------- WP Pagenavi End ------- */


/*------- Traditional Navigation -----*/
.readmore {
	clear:both;
	margin-bottom:0px;
	padding-bottom:0px;
}

.navigation{
  margin:0px 16px 0px 16px;
  font: normal 11px/28px Arial; 
  width:448px;
}
.navigation a{
	padding:6px 6px 6px 6px;
	text-decoration: none;
	color: #414141;
	background-color: #FFFFFF;
}
.navigation a:hover{
	color: #000;
  	background-color: #eaeaea;
	text-decoration:none;  
}
/*------- Traditional Navigation End -----*/


#container-left UL {
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
#container-left LI {
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
        text-decoration: none;
        text-transform:uppercase;
        text-align:center;
        display:block;
        line-height: 14px;
        outline: none;
        font-size: 18px;
        color:#333;
}