/*
Theme Name: el BLANCO
Theme URI: http://knd.com.au
Description: Wordpress Boilerplate Theme
Author: KND Web Consultants
Author URI: http://knd.com.au
version: 1.0
*/

a:focus {
	outline: none;
}

.semantics {
	display: none;
}


html {
	background-color: #2a2b2f;
}
body {
	font-family: Trebuchet, Verdana, Arial, Sans-serif;
	overflow-x: hidden;
}

div {
	overflow: hidden;
}

/* Tags */

*{margin:0; padding:0;}

/* @group Images & Misc */


/* images and misc. */
h1 {

}
h2 {
	font-size: 25px;
	font-weight: 300;
	color: #00ADD9;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #999;
	margin: 0 0 15px 0;
}

#copy h2 a {
	text-decoration: none;
}

.content h3 {
	font-size: 20px;
	font-weight: 400;
	color: #333;
	margin: 20px 0 08px 0;
	line-height: 27px;
}

.content ul {
	padding-left: 15px;
	list-style-type: circle;
	font-size:14px;
}

.post ul {
	padding-left: 15px;
	list-style-type: circle;
}
.post p {
	margin: 0 0 10px 0;
}

h4 {
	font-size: 16px;
	font-weight: 400;
	color: #333;
	padding: 60px 0 0 0;
}
.content p {
	margin: 0 0 12px 0;
}

ol li{
	margin: 0 0 0 30px;
}
p {
	font-size:14px;
}
img{ border: none; padding: 6px; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px; }
img.right{ float: right; border: none; padding: 6px; }

blockquote{
	
}

code{
	margin:10px;
	font-family:"Courier New", Courier, monospace;}

/* @end */

/* @group Links */

/* links */

a{
	color:#00ADD9;
	text-decoration:none;
	border: none;
}

a:hover{
	color:#1A2940;
	text-decoration: underline;
	border: none;
}
/* @end Tags */



/* container */

/* @group Intro Page */

h4.vivid {
	margin: 0 0 0 100px !important;  
	color: #3072ae !important;
}

.content.intro {
	height: 590px;
	background: url(images/bigSplash.jpg) no-repeat;
	padding: 0;
	color: #90CDEB;	
}

.content.intro h2 {display:none;}

.content.intro h3 {
	color: #ccc;
	font-size: 25px;
}

.featureBox {
	position: absolute;
	top: 419px;
	margin: 0 0 0 24px;
	height: 175px;
	width: 350px;
}
#leftImage {
	background: url('images/homeBoxPlan.jpg') no-repeat top left;

}

#leftImage h3 {
	font-size: 20px;
	font-weight: 400;
	color: #333;
}

#leftImage p {
	font-size: 14px;
	font-weight: 200;
	color: #666;
}

#middleImage {
	left: 312px;
	background: url('images/homeBoxCollaborate.jpg') no-repeat top left;
}

#middleImage h3 {
	font-size: 20px;
	font-weight: 400;
	color: #333;
}

#middleImage p {
	font-size: 14px;
	font-weight: 200;
	color: #666;
}

#rightImage {
	left: 625px;
	background: url('images/homeBoxCase.jpg') no-repeat top left;
}

#rightImage h3 {
	font-size: 20px;
	font-weight: 400;
	color: #333;
}

#rightImage h4 {
	font-size: 15px;
	font-weight: 200;
	color: #333;
}

#rightImage p {
	font-size: 14px;
	font-weight: 200;
	color: #666;
}

.featureBox h3 {
	margin: 13px 0 0 20px;
	font-size: 20px;
	font-weight: 400;
	color: #333;
}

.featureBox h4 {
	margin: 15px 0 0 100px;
	padding: 0;
}
.featureBox p {
	margin: 10px 0 0 100px;
	font-size: 14px;
	width: 180px;
	
}


#introCopy {
	position: absolute;
	top: 215px;
	width: 500px;
}



#homeSecondRow {
	background: #757575 url('images/homeSecondRowBg.jpg') repeat-x top left;
	margin: 0 auto;
	padding: 20px;
	color: #FAFBFA;
}
#homeSecondRow li{
	list-style-type: none;
}
#homeSecondRow p, #homeSecondRow h3, #homeSecondRow li {
	margin: 0 0 0 55px;
}
#homeSecondRow li {
	padding: 0 0 10px 0;
}
#homeSecondRow h3 {
	color: #FAFBFA;
}

/* @end */

#screencast {
	float: right;
	width: 550px;
	height: 344px;
}

#screencast h3 {
	margin:0;
	padding:0 0 5px 0;
}

#left {
	background: url('images/iconStar.png') no-repeat top left;
	width: 301px;
	float: left;
	margin: 0 13px;
}
#middle {
	background: url('images/iconPage.jpg') no-repeat top left;
	width: 300px;
	float: left;
	margin: 0 13px 0 0;
}
#right {
	background: url('images/iconCase.png') no-repeat top left;
	width: 301px;
}
.homeIcons {
	float: left;
	padding: 0 5px;
}
/* header */

#header {
	background: url('images/defaultHeaderBg.png');
	background-color: #203550;
	height: 154px
}

#pageHeadings {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
}

#header h1 {
	background: url('images/header.jpg') no-repeat top left;
	margin-left: -20px;
	height: 154px;
	text-indent: -9999px;
	overflow: hidden;
}

#header h2 {
	display: none;
}



/* @end */

/* @group Menu */

/* main menu */


#menu{
	font-size: 14px;
	height: 57px;
}


#menu ul {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#menu ul li {
	list-style-type: none;
	float: left;
	padding: 0;
}

#menu ul li a {
	text-decoration: none;
	color: #4c4f52;
	display: block;
}

/*Main Menu*/

#menu {
	background-color: #eee;
	background-image: url(images/menuBg.png);
}

#menu ul {
	height: 57px;
	line-height: 57px;
}

#menu ul li {
	padding-left: 10px;
}

#menu ul li a {
	padding-right: 10px;
	font-size: 14px;
}

#menu .current_page_item {
	background: url(images/menuTab.jpg) no-repeat left 1px;

}

#menu .current_page_item a {
	background: url(images/menuTab.jpg) no-repeat right 1px;
	color: #eee;
}


/* Footer Menu */

ul#footerMenu {
	font-size: 11px;
}

ul#footerMenu li {
	float: left;
	padding: 10px;
}

ul#footerMenu li a:hover {
	text-decoration: none;
}


/* @end */

/* @group Content */

/* content */

#main {
	background: #fafbfa url(images/mainBg.png) repeat-x;
	overflow: hidden;
}

#blogMain {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 11px;
	line-height: 1.5;
	position: relative;
}


#main.intro {
	background: #4971a6 url(images/blueMainBg.png) repeat-x;
}

#main.intro #btnFreeDemo{
	position: absolute;
	top: 330px;
	left: 595px;	
}

#signupForm #btnFreeDemo {
	margin-top: -55px;
	float: right;
	text-indent: -9999px;
}

#featuresDemo #btnFreeDemo {
	position: absolute;
	top: 15px;
	left: 595px;
}


#btnFreeDemo {
	height: 70px;
	width: 119px;
	background: url(images/btnFreeDemo.png) no-repeat;
	
}

.content {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	line-height: 1.5;
	position: relative;
}

.post {
	
	font-size: 11px;
	line-height: 1.5;
	position: relative;
}

#blogMain #copy {
	width: 700px;
}

.post h3 {
	font-size: 20px;
	font-weight: 400;
	color: #333;
	margin: 20px 0 08px 0;
	line-height: 27px;
	
	margin-bottom: 20px;
}

.post small {
	color: #999;
	margin: 0;
}

.post a{text-decoration:underline;}
.post ul {}
.post li {}
.postmetadata{clear: both;	
}
.navigation {}
.notfound{padding: 25px; font-size: 14pt; font-weight: 300;}

/* @end */

/* @group Sidebar */

/* sidebar */

#signup {
	width:39%;
	float: right;
}

#signupBlurb {
	width: 60%;
	float: left;
	margin: -20px 0 0 0;
}
#signup h4{
	font-size: 20px;
	padding: 0 0 15px 0;
}
#signupForm {
	text-align: left;
	padding:0;
	margin: 0;
}

#signupForm div.section{
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border:1px solid grey;
	background-color: white;
}



#signupForm fieldset{
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border:1px solid grey;
	background-color: white;
	color: #333; 
}

#signupForm legend{
 	font-size: 20px; 
 	padding-left:8px;
 	padding-right:8px;
 	color: #333;
}   

#signupForm fieldset div.info{  
	color: #00ADD9; 
	margin-bottom:10px;
}

#signupForm div.section div.info{  
	color: #00ADD9; 
	margin-bottom:10px;
}

#signupForm label#preview{
	color:green;
	font-weight: bold;
	font-style: italic;
	width:350px;
}

#signupForm label#monthly_cost{
	width:350px;
}

#signupForm label#agree_terms_label{
	width:270px;
}

#signupForm label#monthly_cost span{ 
 	font-size: 15px;
 	color: red;
}

#signupForm label#preview.error{
	color:red;
}

#signupForm label, #confirmation label{
	float:left;
	display: block;
	width:150px;
	margin-top:8px;
	font-size: 12px;
}


div#signupForm input{
	float:left;
	margin-top:4px;
	padding:3px;
	width:150px;
	color:#555;
}

div#signupForm input[type=checkbox]{
	width:15px;
	padding:0px;
	margin-right:10px;
}

div#signupForm input[type=button]{
	width:150px;
	padding:0px;
}

div#signupForm input.small{
	width:30px;
} 

#signupForm select{
	float:left;
	margin-top:7px;
	margin-bottom:3px;
	padding:0px;
	color:#555; 
}

#signupForm select.smallSelect{ 
	width:50px;
}

#signupForm #email{
	font-size: 13px;
}

#signupForm select.largeSelect{
    width:150px;
}   

#signupForm br, #confirmation br{
	clear:both;
}

#signupForm input{
	width:100px;
	display:block;
	float:left
}

.errorField{
	background-color: #FCC !important;
	border:2px solid #D00 !important; 
}

.errorMessage{
	margin-top:10px;
	padding:3px; 
	background-color: #FCC;
	border:2px solid #D00;
}


.spacer{
	clear:both;
}


.narrowColumn {
	width: 500px;
	margin: 0px;
	padding: 20px 0 0 0; 
	float:left;
}              


.linklove {display: none;}
/* sidebar */
#sidebar {
	font-size: 13px;
	padding: 20px;
	width: 220px;
	float: right;
	margin-top: 14px;
	}

#sidebar h2{
	font-weight: normal; 
	font-size: 16px; 
	text-align: left;
	margin: 0;
	padding: 0;
	color: #333;
}



#sidebar img {padding: 0; margin: 0;}

#sidebar ul {
	padding:0;
	list-style-type: circle;
	}

#sidebar ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: circle;
	}

#sidebar ul ul {
	margin: 6px 0 6px 12px;
	padding: 0;
}

#sidebar ul ul li {
	list-style-type: circle;
	list-style-position: inside;
	color: #00ADD9;
	}

#sidebar ul ul ul{
	margin: 0;
	padding: 0;
}


/* @end */

/* @group Comments */

/* comments */

#commentssection{
	clear: both;
	padding: 2px 12px;
	margin: 0;
	}
	
#commentssection h3{
	font-size: 12pt;
	font-weight: 300;
	font-style: normal;
	}

#commentform{
	padding:20px;
	}
	
#commentform p{
	}
	
#commentform a{
	text-decoration: none; 
	line-height: 14pt;
}

	
#commentform h3{
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	}
	
#commentbox{
	width:75%;
	min-width:400px;
	margin:5px 5px 0 0;
	}

#author, #email, #url, #commentbox, #submit{
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding: 6px;
	}
	
#submit{margin:5px 5px 0 0;}

	
ol.commentlist {list-style-type: none;}

ol.commentlist li {
	overflow: hidden;
	}

ol.commentlist li.alt {
	
	}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{
	
}


/* @end */

/* @group Search */

/* search */

#searchform{
	padding: 6px 0 6px 6px;
	}

#searchform input#s{
	font-size: 8pt;
	padding: 2px;
	margin: 2px;
	border: 1px solid #B7B7B7;
	}

#searchform input#searchsubmit{
	font-size: 7pt;
	padding: 2px;
	margin: 2px 0 0 2px;
	border: 1px solid #B7B7B7;
	color: #797979;
	}

/* @end */

/* @group Footer */

/* footer */

#footer {
	clear: both;
	font-size: 11px;
	height: 98px;
	/*background: #050506 url('images/footerBackground.jpg') repeat-x top left;*/ 
	padding-top: 5px;
	color: #666;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #2a2b2f;
}
#footerHome {
	clear: both;
	font-size: 7pt;
	height: 98px;
	background: #050506 url('images/footerBackground.jpg') repeat-x top left; 
	padding: 20px;
	color: #666;
	width: 960px;
	margin: 0 auto;
}
#footer a, #footerHome a{
	color:#666;
	text-decoration:none;
	border: none;
}

#footer a:hover, #footerHome a:hover{
	color:#999;
	text-decoration: underline;
	border: none;
}
#footer p.designCredit, #footerHome p.designCredit {
	float: right;
	text-decoration: underline;
	margin: 0 20px 0 0;
}
#footerContent {
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
	border-top: 1px solid #444;
	padding-top: 10px;
	margin-top: 10px;
}	
#contentHome h2 {display:none;}


/* c-forms styling */

fieldset.cf_hidden{
	display:none;
}

fieldset.cf-fs1{
	border:none;
}

fieldset.cf-fs1 legend{
	display:none;
}

ol.cf-ol li label{
	width:300px;
	display: block;
}

ol.cf-ol{
	list-style-type: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ol.cf-ol li{  
    margin: 0px;
	padding: 0px;
	margin-top:10px;
}

p.cf-sb{
	margin-top:10px;
}


fieldset.cf-fs1 input[type=text],select{
	padding:3px;
	width:150px;
	color:#555;
}

.cf_error, .failure{
	background-color:#FAA !important;
}








/* @end */