/* 
MSI
Copyright (c) 2006 Managed Solutions Pty Ltd
*/

@import url("submenu.css");
@import url("main_nav.css");
@import url("footer.css");


body {
	background: #FFFFFF url(../images/gradient-bg.gif) top left repeat-x;
	font: 12px/1.55em Helvetica, Arial, Verdana, sans-serif;
	margin-top:0;
	margin-bottom: 0;
	color: #333;
}

#container {
	width:770px;
	padding: 25px 20px;
	margin: 0 auto;
	/*background: url(../images/body-bg.gif) top center repeat-y;*/
	background: #FFFFFF;
}

#header {
	width: 100%;
	float: left;
}

#logo {
	background:#FFF url(../images/logo.gif) left center no-repeat;
	width: 100%;
	height:95px;
}

#banner {
	width: 100%;
	height: 220px;
	background: url(../images/banner-server-tech.jpg) top center no-repeat;
	border-top: 1px solid #5c718d;
	float: left;
}

#main {
	width:600px;
	margin:0;
	float:left;
}

#content {
	width:525px;
	padding: 20px 15px 50px 15px;
	float:left;
}

h1 {
	font-family: Calibri, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:24px;
	padding: 15px 0 10px 0;
	color: #244977;
	margin: 0;
}

#logo h1 {
	float: right; 
	margin: 25px 12px 0 0; 
	background: url(../images/icon_contact.gif) left center no-repeat; 
	padding: 20px 0 20px 30px;
	font-size: 20px;
}

h2 {
	font-family: Calibri, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #1870c1;/*#E74405*/
	margin-top: 25px;
}

h2.header {
	font-size:14px;
	color: #999;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: -15px;
	margin-bottom: 20px;
}

h3 {
	font-family: Calibri, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	margin-bottom:0px;
	padding-bottom:0;
	margin-top:15px;
}

h4 {
	font-size:12px;
	border-bottom:#666666 1px solid;
	margin-top:35px;
	color:#112847;
	margin-bottom:0;
	padding-bottom:0;
	text-transform: uppercase;
}

h4.error {
	background: url(../images/icons/error.gif) right center no-repeat;
	padding-right: 20px;
}

h5 {
	font-size:11px;
	border-bottom:#999 1px solid;
	margin-top:40px;
	color:#666;
	margin-bottom:0;
	padding-bottom:0;
}

p {
	padding-bottom:0;
	margin-bottom: 5px;
	margin-top: 10px;
}


p.noMargin {
	padding:0;
	margin:0;
	padding-bottom:0;
}

ul {
	margin-left:0;
	padding-left:15px;
	list-style-type:square;
	margin-top:0;
	padding-top:10px;
	padding-bottom:10px;
}


ul.resources {
	margin-left:0;
	padding-left:15px;
	list-style-image:url(../images/grey_bullet.gif);
	margin-top:0;
	padding-top:10px;
	padding-bottom:10px;
}

li {padding-bottom:8px;}
a {color:#136182; text-decoration:none; outline: none;}

a:hover {text-decoration:underline;}
.bold {font-weight:bold; color:#333333;}
img {float: left; padding: 7px 20px 5px 0;}
img.clear {float: none;}
a img {border: none;}

.box {background: #F7F7F7; padding: 15px; font-weight: bold; margin-bottom: 30px; border: 1px solid #EEE;}

#top {padding-top: 20px;}

#top a {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
	font-size:11px;
}

#top a:hover {color:#333;}
.emphasise {font-weight:bold; color:#333333;}	

/* ===FORM=== */
form {
	padding: 20px;
	margin: 10px 0;
	border: 1px solid #ccc;
	background: #EEE;
}

input {
	width: 200px;
	margin-bottom: 10px;
}

input[type="text"] {
	border: 1px solid #999;
	outline: none;
}

textarea {
	margin-bottom: 10px;
	width: 410px;
	border: 1px solid #999;
	outline: none;
}

input.submit {
	cursor: pointer;
}

/* ===LOGIN BUTTON=== */
#submenu a.login {
	text-indent: -9999px;
	background: url(../images/btn-client-login.gif) top center no-repeat;
	width: 132px;
	height: 57px;
	display: block;
	margin-left: 14px;
}

/* ===WEB ICONS=== */
ul.web-services li {
	padding: 15px 0 15px 50px;
	list-style: none;
	margin-left: 0;
}

ul.web-services li.cms {background: url(../images/icons/icon-cms.gif) left center no-repeat;}
ul.web-services li.seo {background: url(../images/icons/icon-stats.gif) left center no-repeat;}
ul.web-services li.ecommerce {background: url(../images/icons/icon-ecommerce.gif) left center no-repeat;}
ul.web-services li.more {background: url(../images/icons/icon-redesign.gif) left center no-repeat;}
ul.web-services li.design {background: url(../images/icons/icon-design.gif) left center no-repeat;}
ul.web-services li.development {background: url(../images/icons/icon-development.gif) left center no-repeat;}

/* ===TABLE=== */
table.data {
	width: 100%;
	border-collapse: collapse;
}

table.data th {
	text-align: left;
	background: #CCC;
	padding: 3px;
}

table.data tr {border-bottom: 1px solid #999;}
table.data tr.odd {background: #EFEFEF;}
table.data tr.even {background: #FFF;}

table.data td {padding: 3px;}