/*
	Coconets CSS Layout File
*/

/* ########################################################################## */
/*							Default Sheets     								  */
/* ########################################################################## */

body {
	background-color: #FFFFFF; 
	color: #1f497d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
}

a {
	background-color: inherit;
	color: #9c9c9c; 	
	font-size: 11px;
	text-decoration: none;
}

a:hover {
	background-color: inherit;
	color: #99c135;
	text-decoration: underline;
}

a.thickbox {
	background-color: inherit;
	color: #9c9c9c; 	
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dashed #9c9c9c;
}

a.thickbox:hover {
	background-color: inherit;
	color: #99c135;
	text-decoration: underline;
}

a.inverse {
	background-color: inherit;
	color: #99c135; 	
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

a.inverse:hover {
	background-color: inherit;
	color: #9c9c9c;
	text-decoration: underline;
}

h1 {
	margin: 0px; 
	padding-top: 10px;
	font-size: 18px;	
}

h2 {
	margin: 15px 0px; 
	font-size: 14px;	
}

h2.ongoing {
	margin: 20px 0px 10px 0px;
	font-size: 14px;
	color: #99c135;
}

h2.masthead {
	color: #94c631;	
}

/* ########################################################################## */
/*							Layout Sheets     								  */
/* ########################################################################## */

div#contentsmall {
	background: url('../img/layout/bg_small.png'); 
	background-repeat: no-repeat;
	width: 886px; 
	height: 296px; 
	margin: 55px 0px 10px 0px;	
}

div#contentbig {
	background: url('../img/layout/bg_big.png'); 
	background-repeat: no-repeat;
	width: 886px; 
	margin: 55px 0px 0px 0px;	
}

div#content {
	margin: 0px 10px 0px 20px;
}

div#contactleft {
	float: left; 
	width: 460px;	
}

div#contactright {
	float: right; 
	width: 390px;	
}

div#refleft {
	float: left; 
	width: 400px;	
}

div#refright {
	float: right; 
	width: 430px;	
}

div.slideshare {
	float: left; 
	margin: 0px 10px 0px 0px;	
	width: 425px;
}

div.serviceboxtext {
	margin: 10px;	
}

div.readmore {
	text-align: right; 
	margin-right: 15px;	
	margin-top: 10px;
	margin-bottom: 5px;
}

div.refinfo {
	background: #ffffff; 
	border: 1px solid #878787; 
	margin: 10px 20px 10px 0px;	
}

#greenserviceboxhead {
	background: url('../img/layout/back_service_green.png'); 
	width: 800px; 
	height: 20px; 
	border: 1px solid #c4c4c4; 
	cursor: pointer;	
}

#purpleserviceboxhead {
	background: url('../img/layout/back_service_purple.png'); 
	width: 800px; 
	height: 20px; 
	border: 1px solid #c4c4c4; 
	cursor: pointer;	
}

#blueserviceboxhead {
	background: url('../img/layout/back_service_blue.png'); 
	width: 800px; 
	height: 20px; 
	border: 1px solid #c4c4c4; 
	cursor: pointer;	
}

#orangeserviceboxhead {
	background: url('../img/layout/back_service_orange.png'); 
	width: 800px; 
	height: 20px; 
	border: 1px solid #c4c4c4; 
	cursor: pointer;	
}

#function_left {
	float: left; 
	width: 227px;	
}

#function_right {
	float: right; 
	width: 380px;	
}

#function_middle {
	margin: 0px 395px 0px 242px;	
}

.pagewidth {
	width: 886px;
}

.clear {
	clear: both;
}

.footer {
	width: 886px; 
	text-align: right; 
	color: #9c9c9c;	
}

.contactinfo {
	padding: 5px 0px 0px 0px;
}

.function_outer_h4 {
	background: #a4a4a4; 
	cursor: pointer; 
	padding: 5px;
	margin: 10px 0px;
	font-weight: bold;	
	width: 200px;
	height: 15px;
}

.hidden {
	display: none;
}

.unlimited_left {
	float: left; 
	width: 275px;	
}

.unlimited_right {
	float: right; 
	width: 375px;	
}

.unlimited_center {
	padding-top: 150px;	
}

/* ########################################################################## */
/*							Image Sheets     								  */
/* ########################################################################## */

img.headline {
	margin: 10px 0px 0px 0px;
}

img.contact {
	margin: 5px;
}

img.price {
	vertical-align: middle; 
	margin-right: 10px;	
}

img.reflogo {
	margin: 10px;	
}

img.thumbbig {
	margin: 10px 10px 10px 0px; 
	border: 1px solid #878787;	
}

/* ########################################################################## */
/*							List Sheets     								  */
/* ########################################################################## */

ul.arrow {
	list-style-image: url('../img/arrow.png');
}

ul.arrow li {
	margin: 10px 0px;
}

ul.arrowfloat {
	list-style-image: url('../img/arrow.png');
	margin: 0px 12px 0px 435px;
}

ul.arrowfloat li {
	margin: 10px 0px;
}

ul.default li{
	margin: 10px 10px;
}

ul.glossarlist li {
	margin-left: 30px;	
}

ul.arrowwhite {
	list-style-image: url('../img/arrow_white.png');
	margin: 0px 0px 0px 0px;
}

ul.arrowwhite li {
	margin: 10px 0px;
}

ul.refarrow {
	list-style-image: url('../img/arrow.png');
	margin-top: 20px;
}

ul.refarrow li {
	margin: 10px 0px 10px 30px;
}

/* ########################################################################## */
/*							Table Sheets     								  */
/* ########################################################################## */

table#contact {
	width: 100%; 
	margin: 15px 0px 0px 0px;
}
	
/* ########################################################################## */
/*							Form Sheets     								  */
/* ########################################################################## */
	
label {
	text-align:left;
	width:70px;
	padding:0.2em;
	margin: 0px 0px 0px 5px;
	margin-top:0.3em; 
} 
	
label.secondlabemail {
	text-align:left;
	width:70px;
	padding:0.2em;
	margin: 0px 0px 0px 160px;
	margin-top:0.3em; 
} 
	
label.secondlab {
	text-align:left;
	width:70px;
	padding:0.2em;
	margin: 0px 0px 0px 180px;
	margin-top:0.3em; 
} 
	
label.thirdlab {
	text-align:left;
	width:70px;
	padding:0.2em;
	margin: 0px 0px 0px 120px;
	margin-top:0.3em; 
} 
	
input[type=text] {
	margin:3px;
	height:27px;
	width:193px; 
	padding-left: 7px;
	font-size: 18px;
	border:solid 0 #fff;
	background: transparent url('../img/bg_form.png') no-repeat;
}
	
textarea {
	margin:3px;
	height:115px;
	width:393px; 
	padding: 5px 0px 0px 7px;
	border:solid 0 #fff;
	background: transparent url('../img/bg_form_big.png') no-repeat;
}

input[type=radio] {
	margin: 7px;
}
	
/* ########################################################################## */
/*							Text Sheets     								  */
/* ########################################################################## */

font.servicebox {
	font-size: 13px;
	font-weight: bold; 
	margin: 2px 0px 0px 10px; 
	color: #FFFFFF;	
	background: inherit;
}

.pointer {
	cursor: pointer;
}