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

Chesscab Consulting Pty Ltd - stylesheet

version:   1.0

author:    Petr Tichy

email:     peter@ihatetomatoes.net

website:   http://www.ihatetomatoes.net

Note: Thankx for looking at my code. Enjoy responsibly:-)

-----------------------------------------------------------------------------*/
/* =Colors =Reset =General =structure =Accessibility =Header =Navigation =Main content =Clients links =Middle column =Right column =Footer */

/* =================== =Colors Palette =========================== start ======
Dark blue text: #0c1f3a;
Orange headers : #f29930;
Light orange border: #ffe3c1;
Light blue tagline: #727f91;
Very light blue: #dde6ea;
Light blue border: #DCE0E4;

/* =================== =Colors Palette =========================== end ======*/


/*==================== =Reset default margins and paddings ======= start ====*/
* { margin: 0; padding: 0; }
a img, iframe { border: 0; }
	
/* Headers */
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
	
/* Lists */	
ul, ol, dl, li, dt, dd {list-style: none;}

/* Forms */
form, fieldset {border: 0;}	

input, textarea, select, button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;	
}
select {margin: inherit;}

/* Tables */
table {border: 0; border-collapse: collapse;}
td, th, caption {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
}
/*==================== =Reset default margins and paddings ======= end ======*/


/*==================== =General =structure ======================= start ====*/
body {
	font-size: 12px;
 	font-family: Tahoma, Arial, Helvetica, sans-serif;
 	color:#0c1f3a;
}
#wrapper { 
 	margin: 0 auto;
 	width: 960px;
}
#header {
 	float: left;
 	height: 100px;
	margin: 0px;
	padding: 10px;
	width: 940px;
}
#navigation {
 	background-color: #e2e5e8;
	float: left;
 	padding: 5px 10px 5px 10px;
 	margin: 7px 0;
 	width: 940px;
}
#main_content { 
 	border: 1px #dce0e4 solid;
	background: #fff url(images/bcg_main_content.jpg) repeat-x top left;
	margin: 0px 0px 10px 0px;
 	padding: 20px;
 	width: 653px;
 	float: left;
 	display:inline;
 	line-height: 1.5em;
 	min-height: 482px;
}

#middlecolumn{
	width: 435px;
	margin:0;
	padding:0;
	float:left;
	display:inline;
}


/* min height for main content for Internet Explorer */
/*\*/
* html #main_content {
	height: 482px;
}
/**/

#rightcolumn { 
 	float: right;
 	display: inline;
 	margin: 0;
 	padding: 0;
 	width: 250px;
	
}
#footer { 
 	width: 920px;
 	height: 15px;
 	clear: both;
 	margin: 0px 0px 10px 0px;
 	padding: 10px 20px;
 	background-color: #e2e5e8;
}

/* =Help classes*/
/*.left {
	float:left;
}
.right {
	float:right;
}
.bold {
	font-weight: bold;
}*/
/*==================== =General =structure ======================= end ======*/

/*==================== =Accessibility ============================ start ====*/
#accessibility {position:absolute; top:-5000em;}
#tagline {
	background-color:#fff;
	color:#727f91; 
	padding:5px 55px 5px 5px; 
	text-align:right;
}
/*==================== =Accessibility ============================ end ======*/


/*==================== =Header ================================= start ======*/
#header{
	background: #dde6ea url(images/bcg_header.jpg) no-repeat top left;
	height:177px;
}

#logo {	
	float:left;
	font-size: 2em;
	height:76px;
	left:85px;
	line-height: 1em;	
	position: relative;
	overflow:hidden;	
	top:10px;	
	width:152px;	
}

#logo a {
	color:#0c1f3a;
}

#logo a:hover {
	background-position: bottom;
	cursor: pointer;	
}

#logo a span {
	background:url("images/logo.jpg") top left no-repeat;
	display:block;
	height:76px;
	left:0;
	margin: 0;
	padding:0;
	position:absolute;
	text-decoration:none;
	top:0;
	width:152px;
	z-index:1;	
}
/*==================== =Header ================================= end ========*/


/*==================== =Navigation ============================= start ======*/
#navigation ul {
	margin-left: 0;
	padding-left: 10px;
	display: inline;
	} 

#navigation ul li {
	margin-left: 0;
	border-left: 1px solid #fff;
	list-style: none;
	float:left;
	display: block;
	}
		
#navigation ul li#first {
	margin-left: 0px;
	border-left: none;
	list-style: none;
	display: inline;
	}
	
#main_nav li a {
	text-decoration:none;
	font-weight: bold;
	color: #0c1f3a;
	display:block;
	padding: 5px 10px;
}

#main_nav li a:hover {
	background-color: #0c1f3a;
	color:#fff;
}

#main_nav li a.active {
	cursor:default;
	background-color: #B8BEC7;
}

#main_nav li a.active:hover {
	cursor:default;
	background-color: #B8BEC7;
	color:#0c1f3a;
}
/*==================== =Navigation ============================= end ========*/


/*==================== =Main content =========================== start ======*/
/* =Headings*/
#main_content h3, h4, h5, h6, .orange_box h3, .orange_box a.heading, #partners h3 {
	color:#f29930;
	text-decoration:none;
}

#main_content h3, #partners h3 {
	font-size: 1.6em;
	margin-bottom:1em;
}

#main_content h4{
	font-size: 1.3em;
	font-variant: small-caps;
}

/* =Paragraph of text, list*/
#main_content p {
	margin-bottom:1.5em;
	text-indent: 4em;
	text-align: justify;
}
#main_content p.align-left {
	text-align: left;
}

#main_content ul{
	margin-bottom:1.5em;
}

/* =Home page*/
#home div#main_content{
 	border: 1px #dce0e4 solid;
	background: #fff url(images/bcg_main_content.jpg) repeat-x top left;
	margin: 0px 0px 10px 0px;
 	padding: 20px;
 	width: 218px;
 	float: left;
 	display:inline;
 	line-height: 1.5em;
 	min-height: 482px; /*works in new browsers, not ie6 - hack bellow*/
}

/* min height for main content for Internet Explorer */
/*\*/
* html div#main_content {
	height: 482px;
}
/**/

#home div#main_content a, #main_content a{
	color: #f29930;
	text-decoration:none;
	font-weight: bold;
}

#home div#main_content a:hover, #main_content a:hover{
	text-decoration:underline;
}

#text-container {
	float:left;
	width:340px;
}

div .contact-details {
	float:left;
	width: 260px;
}

#address, .phone_numbers {
	margin-bottom: 1.5em;
}

#address span {
	display: block;
}

.phone_numbers dt, .email dt{
	width: 90px;	
}

#main_content img {
	padding: 15px;
	background-color: #edeeef;
	float:right;
	border: 1px solid #DCE0E4;
	margin: 40px 0 20px 0;
}

#main_content p.right-col {
	width: 285px;
	float: right;
}

#main_content ul.right-col {
	width: 265px;
	float: right;
	padding: 10px;
	background-color: #EDEEEF;
	
}
#main_content ul.right-col li {
	background: url(images/tick.gif) no-repeat 0 50%;
	padding-left: 23px;	
	margin-bottom: 7px;
}

#main_content div.left-ul {
	float: left;
}

#main_content div.right-ul {
	float: right;
}

#home div#what_we_do ul li.link {
	background:none;
	margin-top: 8px;
}

#what_we_do li.link a{
	color:#F29930;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
}

#what_we_do li.link a:hover{
	text-decoration:underline;
}

/* =Contact Form -- start --*/

#contact{float:right; display:inline; width:355px;}

form.contactform {width:355px; background-color:#D1D8E2; padding:0;color:#0c1f3a;margin-top:23px;}

form.contactform label {width:150px; display:block; margin-bottom:0.5em;}

#email, #message, #name{border: 1px solid #ccc; width:295px; font-family:Georgia, "Times New Roman", Times, serif;}

form.contactform input, textarea {margin-bottom:1em; padding:5px;}

form.contactform input {font-size:16px; padding:5px;}

form.contactform ol {padding-left:1em; width:330px;}

form.contactform .submit {color:#fff; border:medium none; margin-left:2em; display:block; cursor:pointer; padding-bottom:8px; padding-top:7px; text-align:center; width:118px; background:#727f91 url(images/submit_btn.gif) no-repeat top left;}

form.contactform .submit:hover {
	background-color:#0C1F3A; color:#fff;
}

form.contactform li {padding-left:1em; margin-bottom:1em;}

form.contactform li:hover {background-color:#727f91; color:#fff;}

legend {line-height:50px; background: transparent url(images/h5_bcg.jpg) no-repeat left center; font-family: Georgia, "Times New Roman", Times, serif; font-size:1.3em; text-transform:uppercase; color: #0c1f3a; margin-bottom: 0.8em; padding: 0 0 0 1em; width: 100%;}

/* =Contact Form  -- end --*/


/*==================== =Main content =========================== end ========*/


/*==================== =Middle column ========================== start ======*/
#home #what_we_do {
	float:left;
	display:inline;
	margin-left:10px;
	width: 435px;
	height: 413px;
	background: #E2E5E8 url(images/img_home.jpg) no-repeat top;
}

#home div#what_we_do ul{
	padding: 96px 10px 10px 17px;
	line-height: 1.5em;
	font-size: 10px;
}	/* style for <li> is the same as ".orange_box ul li" bellow*/

#home #partners {
	float:left;
	display:inline;
	margin-left:10px;
	margin-top: 10px;
	padding-left: 20px;
	padding-top: 25px;
	width: 407px;
	color: #F29930;
	border: 1px #DCE0E4 solid; 
	background: #F6F7F9 url(images/bcg_partners.jpg) no-repeat top;
}

#home #partners ul li{
	float:left;
	display: inline;
	margin-right: 30px;
}

#home #partners {
	line-height: 56px;
}

#home #partners a.microsoft{
	display:block;
	width:112px;
	height: 56px;
	background: #fff url(images/logo_microsoft.gif) no-repeat top;
	text-indent: -5000px;
}

#home #partners a.itsmf{
	display:block;
	width:112px;
	height: 56px;
	background: #fff url(images/logo_itsmf.gif) no-repeat top;
	text-indent: -5000px;
}
#home #partners a.microsoft:hover, #home #partners a.itsmf:hover {
	background-position: bottom;
}

/*==================== =Middle content ========================= end ========*/


/*==================== =Right column =========================== start ======*/
.orange_box {
	width: 250px;
	background-color: #fff;
	padding:23px 0 0 0 ;
	margin-bottom: 14px;
	border: 1px #ffe3c1 solid;
	background: #fff url(images/01_right_column_box.jpg) no-repeat top;
	position:relative;
	overflow:hidden;
}

.orange_box a.link {
	text-decoration:none;
	color:#0c1f3a;
}

.orange_box a.link:hover {
	text-decoration:underline;
	color:#0c1f3a;
}

.orange_box ul a, #clients #main_content ul a {
	color:#0C1F3A;
	text-decoration: none;
	font-weight: normal;
}

.orange_box ul a:hover, #clients #main_content ul a:hover{
	text-decoration: underline;
}

.orange_box h3 {
	padding-left: 20px;
}

.orange_box a.heading{
	font-size:1.6em;
	margin-bottom:0.3em;
	background: transparent url(images/h3_arrow.gif) no-repeat left;
	padding-left: 10px;
}

.orange_box p {
	text-align:justify;
	padding: 5px 20px;
}

.orange_box a.more {
	width:250px;
	height: 37px;
	display:block;
	background: #ffe3c1 url(images/02_right_column_box.gif) no-repeat top;
	text-indent: -5000px;
}

.orange_box a.more:hover {
	background-position: bottom;
	cursor:pointer;
	color:black;
}

.orange_box a.more span {
	width:250px;
	height: 37px;
	display: block;
	color:black;
	z-index:2;
	position:absolute;
}

.orange_box ul{
	padding: 10px 10px 10px 30px;
	line-height: 1.5em;
}

.orange_box ul li, #home div#what_we_do ul li {
	background: url(images/tick.gif) no-repeat 0 50%;
	padding-left: 23px;	
	line-height: 1em;
	margin-bottom: 7px;
	font-size: 11px;
}
/*==================== =Right column =========================== end ========*/


/*==================== =Footer ================================= start ======*/
#footer .right {
	float:right;
}

#footer .left {
	float:left;
}

#footer a{
	color:#0c1f3a;
	text-decoration:none;
}

#footer a:hover{
	color:#0c1f3a;
	text-decoration:underline;
}
/*==================== =Footer ================================= end ========*/