@charset "utf-8";
/* CSS Document 

1. DEFAULTS
2. LAYOUT
3. UNIVERSAL
4. HEADERS
5. SIDEBAR MODULES
6. FORMS
7. OUR TEAM
9. CONTACT
9. BLOG
10. CLIENT
11. TECHNICAL
12. ORDER CHEQUES
*/

/* ---------------------- 1. DEFAULTS ----------------------- */
body {
margin:0;
font:12px/1.5em tahoma, Arial, Helvetica, sans-serif;
background:#000446;
color:#003;
}
img {
border:none;
}
i {
display:none;
}
li {
margin:3px 0;
list-style-image:url(images/bullit_white.gif);
}
a {
font-weight:bold;
}
	a:link, a:visited {
	color: #000446;
	}
	a:hover, a:active {
	color: #000446;
	}
h1 {
font-size:22px;
}
h2 {
font-size:20px;
}
h3 {
font-size:18px;
}
h4 {
font-size:16px;
}
input, select, textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
}
div {
overflow:hidden;
}
hr {
border:1px solid #003;
height:1px;
}
ul li {
list-style-image:url(images/bullit.png);
margin:0 0 10px 0;
padding:0;
line-height:15px;
}
/* ---------------------- 2. LAYOUT ----------------------- */
#wrap, #footer div {
margin:0 auto;
}
#wrap {
width:1000px;
margin-bottom:10px;
}
#banner {
height:312px;
width:1000px;
margin:0;
padding:0;
}
#sidebar {
background:url(images/back_sidebar.jpg) no-repeat;
width:305px;
float:left;
}
#content {
background: #FFF url(images/back_content.jpg) no-repeat;
width:645px;
padding:25px;
float:left;
}
	.rightside {
	width:165px;
	float:right;
	padding:0;
	margin:0 0 0 20px;
	font-size:.9em;
	line-height:1.2em;
	overflow:hidden;
	}
	.rightside a {
	font-size:1.2em;
	}
#footer div {
width:695px;
padding-left:305px;
}
#footer {
text-align:center;
background:url(images/back_footer.jpg) repeat-x top;
}
	#footer p {
	color:#FFF;
	font-size:.8em;
	clear:both;
	margin-top:15px;
	}
	#footernav {
	padding:0;
	list-style-type:none;
	clear:right;
	overflow:hidden;
	}
		#footernav li {
		display:block;
		margin:0;
		padding:0;
		float:left;
		}
		#footernav a {
		display:block;
		padding:5px 21px;
		text-decoration:none;
		font-weight:bold;
		}
		#footernav a:link, #footernav a:visited {
		color:#FFF;
		opacity: 1;
		filter: alpha(opacity=100);
		}
		#footernav a:hover, #footernav a:active {
		background-color:#FFF;
		color:#000446;
		opacity: .3;
		filter: alpha(opacity=30);
		}
/* ---------------------- 3. UNIVERSAL ----------------------- */
.border {
border:1px solid #000446;
}
.warn {
border:1px dashed #000446;
padding:5px 10px;
background-color:#FFF;
margin:5px;
}

/* ---------------------- 4. HEADERS ----------------------- */
.header {
height:28px;
margin:0;
padding:0;
}
	#h_welcome {
	background:url(images/h_welcome.png) no-repeat;
	}
	#h_services {
	background:url(images/h_services.png) no-repeat;
	}
	#h_client {
	background:url(images/h_client.png) no-repeat;
	padding-left:128px;
	width:10px;
	float:left;
	}
	#h_blog {
	background:url(images/h_blog.png) no-repeat;
	}
	#h_commuted {
	background:url(images/h_commuted.png) no-repeat;
	}
	#h_contact {
	background:url(images/h_contact.png) no-repeat;
	}
	#h_newclients {
	background:url(images/h_newclients.png) no-repeat;
	}
	#h_technical {
	background:url(images/h_technical.png) no-repeat;
	}
	#h_map {
	background:url(images/h_map.png) no-repeat;
	}
	#h_team {
	background:url(images/h_team.png) no-repeat;
	}
	#h_financialblog {
	background:url(images/h_financialblog.png) no-repeat;
	}
	#h_order {
		background:url(images/h_order.png) no-repeat;
	}
	#h_ordercheques {
		background:url(images/h_ordercheques.png) no-repeat;
		margin-left:150px;
	}
/* ---------------------- 5. SIDEBAR MODULES ----------------------- */
#address {
color:#FFF;
margin:0 20px 20px 20px;
line-height:22px;
font-size:1.2em;
}
	#address img {
	float:right;
	}
.module {
width:288px;
margin:10px 0 0 10px;
padding:0;
background:url(images/sidebar_back.jpg);
}
	.module2 {
	background:url(images/sidebar_bottom.jpg) no-repeat bottom;
	margin:0;
	padding:10px 10px 20px 10px;
	overflow:hidden;
	}
	.modulebutton {
	margin:0 0 5px 4px;
	}
#side_blog table, .side_client_info  {
margin:0 2px 8px 4px;
border-top:1px dashed #000446;
}
	#side_blog td,  .side_client_info  {
	border-bottom:1px dashed #000446;
	vertical-align:top;
	line-height:14px;
	padding:8px 6px 8px 0;
	}
	.side_blog_date div {
	background:url(images/back_date.gif) no-repeat center;
	height:38px;
	width:38px;
	padding:6px 3px 0 3px;
	text-align:center;
	color:#FFF;
	font-size:.8em;
	}
	.side_blog_date span {
	font-size:1.6em;
	font-weight:bold;
	}
.side_client_info {
border-top:1px dashed #000446;
}
	.side_blog_info, .side_client_info {
	font-size:.9em;
	}
	.side_blog_info a, .side_client_info a {
	font-size:1.2em;
	}
/* ---------------------- 6. FORMS ----------------------- */
#contactform {
width:460px;
border:1px solid #000446;
background:#FFF;
margin-left:20px;
padding:10px;
}
.formleft {
text-align:right;
width:200px;
}
.txtinput {
border:1px solid #000446;
background: #FFF url(images/back_input.gif) repeat-x bottom;
font-weight:bold;
padding:2px;
}
.gone {
display:none;
}
	
/* ---------------------- 7. OUR TEAM ----------------------- */
.teammember {
margin:20px 0 0 0;
}
	.teammember td {
	vertical-align:top;
	padding:0;
	}
.portraits {
float:left;
margin:0 10px 5px 0;
border:1px solid #000;
}
.name {
font-weight:bold;
padding-top:0;
margin:0;
font-size:1.6em;
}
.name span {
color:#5f628b;
font-size:.6em;
font-weight:bold;
}
/* ---------------------- 8. CONTACT ----------------------- */
#contactinfo td {
vertical-align:top;
padding:10px;
width:200px;
}
#googlemap {
height:350px;
width:645px;
margin:15px 0 5px 0;
border:1px dashed #000446;
}
/* ---------------------- 9. BLOG ----------------------- */
#blog_homepage {
border-bottom:1px solid #000446;
height:33px;
padding-top:10px;
}
 	#blog_homepage form {
	float:right;
	font-size:.9em;
	color:#264e39;
	}
	#blog_homepage input {
	height:21px;
	}
/* ---------------------- 10. CLIENT ----------------------- */	
#loginform, #orderform {
border:1px dashed #000446;
padding:15px;
}
#loginform {
	width:300px;
	margin:0 20px;
	text-align:center;
}
#orderform {
	width:400px;
}

	.o1 {
		text-align:right;
	}
	
#loginform td, #orderform td {
padding:2px 5px;
}
/* ---------------------- 11. TECHNICAL ----------------------- */
.term {
margin-bottom:0;
}
.answer {
margin:5px 0 20px 0;
padding: 0 0 0 5px;
border-left:4px solid #E1E1E1;
}
/* ---------------------- 12. ORDER CHEQUES ----------------------- */
.grossnet {
	border-collapse:collapse;
	margin-left:1px;
}
.grossnet td, .grossnet th {
	width:80px;
	padding:2px;
	border:1px solid #000446;
}
	.percent {
		text-align:center;
		font-weight:bold;
		font-size:.8em;
	}