/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.7.1
 Edi Group snc - Web & business consulting

   * Copyright (c) 2007-2008. See LICENSE for more info.

----------------------------------------------------------------------- */

/***********************************************************************
******************* reset.css ******************************************
************************************************************************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body { line-height:1.5;}
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none!important; }
.clearer { height: 0px; overflow: hidden; margin: 0px; clear: both; }

div {zoom:1}

/***********************************************************************
******************* typography *****************************************
************************************************************************/

/* HEADERS */
h1, h2, h3, h4, h5, h6 { font-weight: bold; color:#111;}
h1 { font-size:30px; line-height:1; margin-bottom:0.5em; }
h2 { font-size:190%; font-weight: normal;margin-bottom:0.75em; letter-spacing: -0.5px;}
h3 { font-size:100%; line-height:1; margin-bottom:1em; }
h4 { font-size:1.2em; line-height:1.25; margin-bottom:1.25em; }
h5 { font-size:1em; margin-bottom:1.5em; }
h6 { font-size:1em; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0;}

/* PARAGRAPH */
p { padding: 4px 0 4px 0; line-height: 22px; font-size: 13px;}
p img.left { float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

/* LINKS */
a { color:#5798ea; text-decoration:none; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
a:link, a:visited { color: #5798ea; text-decoration: none; }
a:active, a:hover { color: #3c77c2; text-decoration: underline }


/* FORMATTING */
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong { font-weight:bold; } 
em, dfn { font-style:italic; } 
dfn { font-weight:bold; }
sup, sub { line-height:0; }
abbr, acronym { border-bottom:1px dotted #666; }
address { margin:0 0 1.5em; font-style:italic; }
del { color:#666;}
pre { margin:1.5em 0; white-space:pre;}
pre, code, tt { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; }
caption {background:#eee;}
.small { font-size:.9em; margin-bottom:1.875em; line-height:1.875em;}
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em;}
.hide { display:none; }
.quiet { color:#666; }
.loud { color:#000; }
.highlight { background:#ff0;}
.added { background:#060; color:#fff; }
.removed { background:#900; color:#fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.center { text-align: center; }

/* LIST */
li { margin: 0; line-height: 22px; }
ul, ol {margin:0; }
ul { list-style-type: disc; }
ol { list-style-type:decimal; }
dl { margin:0 0 1.5em 0; }
dl dt { font-weight:bold; }
dd { margin-left:1.5em; }
table { margin-bottom:1.4em; width:100%; }
th { font-weight: bold; background:#C3D9FF; }

tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}

.underline{text-decoration: underline;}

/*******************************************************************************
*************************   web site    ****************************************
*******************************************************************************/

/* PAGE ELEMENTS */
body  {width: 100%; background: #fff; font-size: 75%; color: #222; font-family: "Helvetica Neue", Helvetica, Arial, Gill Sans, serif; margin-top: -20px; overflow:auto }

/* HEADER */
.header {margin-top: 20px; width: 100%; background: #background: #4878b6;
background: -moz-linear-gradient(top, #4878b6 0%, #2b476b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4878b6), color-stop(100%,#2b476b));
background: -webkit-linear-gradient(top, #4878b6 0%,#2b476b 100%);
background: -o-linear-gradient(top, #4878b6 0%,#2b476b 100%);
background: -ms-linear-gradient(top, #4878b6 0%,#2b476b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4878b6', endColorstr='#2b476b',GradientType=0 );
background: linear-gradient(top, #4878b6 0%,#2b476b 100%); height: 130px;}
.logo {width: 600px; height: 130px;}

/* CONTENT */
.content {width: 1000px; margin-left: auto; margin-right: auto; height: auto;}

/* NAVIGATION */
.navigation {height:40px; width:100%;font-size: 16px; background: #7caf6d;background: -moz-linear-gradient(top, #7caf6d 0%, #619452 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7caf6d), color-stop(100%,#619452));background: -webkit-linear-gradient(top, #7caf6d 0%,#619452 100%);background: -o-linear-gradient(top, #7caf6d 0%,#619452 100%);background: -ms-linear-gradient(top, #7caf6d 0%,#619452 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7caf6d', endColorstr='#619452',GradientType=0 );background: linear-gradient(top, #7caf6d 0%,#619452 100%);margin-left: auto; margin-right: auto; margin-top: 0; border-top: 1px solid #d1d1d1; }
.navigation a {color:#fff; text-shadow: 0px 1px 0px #333}
ul#nav {width: 1000px;height:40px;}
ul#nav li {line-height: 32px;width: 105px;display:block;float:left; text-align: center;}
ul#nav li a {width: 110px;border:0;display:block;text-decoration:none;overflow:hidden;padding:3px 0px 3px 0px;margin:0; height: 35px;}


li a {height:46px;  padding-right: 10px; padding-left: 10px; padding-right: 30px;}
li a:hover, li a:focus {color: #424242;background: #fff; text-shadow: 0px -1px 0px #fff; }

ul#nav li a.active {color: #424242!important;background: #fff; text-shadow: 0px 0px 0px #fff!important}

/*current page*/
.currentPage {color: #424242!important;background: #fff!important; text-shadow: 0px 0px 0px #fff!important}
a:hover.currentPage{color: #424242!important;background: #eaeaea!important; text-shadow: 0px -1px 0px #fff}

/*slider*/
.project {background:#b5b5b4; padding: 7px; font-size: 13px; color: #fff; font-style: italic;}
.site {background:#8d8d8d; padding: 7px; font-size: 13px; color: #fff; font-style: italic;}
.site a {color: #fff;}





/* FOOTER */
.footer {border-top: 1px #000 solid; text-align: center; margin: 0 auto; color: #fff; position: static; height: 30px; overflow:hidden;

background: #background: #4878b6;
background: -moz-linear-gradient(top, #4878b6 0%, #2b476b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4878b6), color-stop(100%,#2b476b));
background: -webkit-linear-gradient(top, #4878b6 0%,#2b476b 100%);
background: -o-linear-gradient(top, #4878b6 0%,#2b476b 100%);
background: -ms-linear-gradient(top, #4878b6 0%,#2b476b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4878b6', endColorstr='#2b476b',GradientType=0 );
background: linear-gradient(top, #4878b6 0%,#2b476b 100%);}

p.footer {
    position: relative;
    bottom: 0px;
    width: 100%;
    padding-top: 10px;
	margin-bottom: 0px;
	margin-top: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0px -1px 0px #323232;
	clear:both;
}





#form_container {
	padding: 10px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}


/* 100% */

.100per {
	width:  100%;
	height: auto;
}

.csw {width: 100%; height: 100%; overflow: hidden; float: left;}
.csw .loading { margin: 100px 0 300px 0; text-align: center; color: #fff; font-weight: bold; font-family: Verdana; font-size: 12px; }



.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}

* html .clearfix,*:first-child+html .clearfix{zoom:1}




/* COLUMNS */

.two-col, .three-col { -webkit-column-gap: 10px; -moz-column-gap: 10px; margin-right: 20px; height: 400px; width: 1000px;}
.two-col { -webkit-column-count: 2; -moz-column-count: 2; }
.three-col { -webkit-column-count: 3; -moz-column-count: 3; }



/* HOMEPAGE 3COL CLASSES LIST */

div#container3 h2 {
	color: #fff;
	border-bottom: 1px solid #fff;
}

div#container3 ul {
	color: #343434;
	font-size: 15px;
	margin-top: -7px;
}

ul.a {list-style-type:circle; text-indent:15px; font-size: 15px;}




/* FREE 30 MINUTE ASSESSMENT */
div#free30 {text-align: center; font-size: 24px; padding: 10px; margin-bottom: -20px;border: 1px solid #000; position: relative; font-weight: 450; clear: both;  top: -30px; bottom: -50px; }




/* Start of Column CSS */


#container3 {
    clear:left;
    float:left;
    width:100%;
    overflow:hidden;
    background:#619452; /* column 3 background colour */
    border: 1px solid #565656;
    height: 178px;
}
#container2 {
    clear:left;
    float:left;
    width:100%;
    position:relative;
    right:33.333%;
    background:#619452; /* column 2 background colour */
    border-right: 1px solid #fff;
}
#container1 {
    float:left;
    width:100%;
    position:relative;
    right:33.33%;
    background:#619452; /* column 1 background colour */
    border-right: 1px solid #fff;

}
#col1 {
    float:left;
    width:29.33%;
    position:relative;
    left:68.67%;
    overflow:hidden;
}

div#col1.h2 {height: 10px; background: #98bc8e}


#col2 {
    float:left;
    width:29.33%;
    position:relative;
    left:72.67%;
    overflow:hidden;
}
#col3 {
    float:left;
    width:29.33%;
    position:relative;
    left:76.67%;
    overflow:hidden;
}



/* 2 COLUMN */
#container22 {
    clear:left;
    float:left;
    width:980px;
    overflow:hidden;
    background:#f7f7f7; /* column 2 background colour */
    margin-top:  16px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #bebebe;
	padding: 10px;
	max-width: 1000px;
}

#container22 h2 {
	font-size: 23px;
	margin-bottom: 0px;
	font-weight: 500;
}

#container22 p {
	font-size: 15px;
	margin-bottom: 20px;
}


#container22 ul {
	font-size: 15px;
	margin-bottom: 20px;
	list-style: square;
}

#container11 {
    float:left;
    width:100%;
    position:relative;
    right:50%;
    background:#f7f7f7; /* column 1 background colour */
    padding-top: 10px;
}


#col11 {
    float:left;
    width:46%;
    position:relative;
    left:52%;
    overflow:hidden;
    font-size: 20px;
}
#col22 {
    float:left;
    width:46%;
    position:relative;
    left:56%;
    overflow:hidden;
    font-size: 13px;
}


/* TESTIMONIALS */

#testimonials {
    clear:left;
    float:left;
    width:990px;
    overflow:hidden;
    background:#f7f7f7; /* column 2 background colour */
    margin-top:  16px;
    border: 1px solid #bebebe;
}

#testimonials blockquote {
	font-size: 16px;
	font-weight: 500;
	background: transparent url("../images/quote.png") no-repeat 0px 0; 
	font-style: italic;
	padding-left: 30px;
	margin-bottom: 50px;
}


#testimonials p {
	font-size: 16px;
	font-style: italic;

}


#testimonials ul {
	font-size: 15px;
	margin-bottom: 20px;
	list-style: square;
}



.morepages{text-align: center; font-size: 12px; padding: 10px;}



blockquote {
	font-size: 16px;
	font-weight: 500;
	background: transparent url("../images/quote.png") no-repeat 0px 0; 
	font-style: italic;
	padding-left: 30px;
	margin-bottom: 50px;
}

#redbar {
	width:  990px;
	text-align: center;
	height:  auto;
	padding: 5px;
	font-size: 24px;
	margin-top:  10px;
	margin-bottom: -5px;
	
	background: #456d88;
	color: #f5f5f5;
	border: 1px solid #545454;
	text-shadow: 0px 1px 0px #000;

}







/* FORM */

.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
}
	/* ----------- basic ----------- */
	#basic{
		border:solid 2px #DEDEDE;	
	}
	#basic h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#basic p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	#basic label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#basic .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#basic input{
		float:left;
		width:200px;
		margin:2px 0 30px 10px;
	}
	#basic button{ 
		clear:both;
		margin-left:150px;
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}


	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #b7ddf2;
		background:#ebf4fb;

	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#stylized button{ 
		clear:both;
		margin-left:160px;
		width:125px;
		height:31px;
		background:#444;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
	
	#stylized textarea{ 
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	
	input#submit{ 
		margin-left:  100px;
		margin-right: auto;
		margin-top: 10px;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		background: #fff;
		width:200px;

	}
	
	input#submit:hover{ 
		margin-left:  100px;
		margin-right: auto;
		margin-top: 10px;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		background: #eeeeee;
		width:200px;
	}
	
	input#submit:active{ 
		margin-left:  100px;
		margin-right: auto;
		margin-top: 10px;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		background: #fff;
		width:200px;
		
		-moz-box-shadow:inset 0 0 6px #a2a2a2;
		-webkit-box-shadow:inset 0 0 6px #a2a2a2;
		box-shadow:inset 0 0 6px #a2a2a2;
	}