* { padding: 0; margin: 0; }

body {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 62.5%;
 background: #fff url(../images/headerbg.jpg) no-repeat 50% 0;
 line-height: 1.5;
}
.wrapper { 
 margin: 0 auto;
 width: 960px;
}
a {color:#17599F; text-decoration: none;}
a:hover {color: #073a70;}

/* TYPOGRAPHY */
p {
	font-size: 1.2em;
	margin: 10px 0;
	text-align: justify;
}
h1 {
	font-size: 2em;
	color: #17599F;
	margin-bottom: 10px;
}
h2 {
	font-size: 1.8em;
	color: #17599F;
}
h3 {
	font-size: 1.5em;
	color: #17599F;
}

/* HEADER */
#header {
 color: #333;
 height: 141px;
}
#logo {
	position: relative;
	top: 15px;
	width: 310px;
}

#header h2 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 2.5em; 
	color: #00309E;
	font-style: italic;
	float: right;
	position: relative;
	top: 45px;
	right: 100px;
}


#login {
	margin-top: 10px;
}
input#submit {
	background: transparent url(../images/login-button.png) no-repeat 12px 0;
	width: 126px;
	height: 24px;
	border: none;
	color: #666;
	padding-right: 15px;
}
input#submit:hover {
	color: #000;
}
input#submit:active {
	background: transparent url(../images/login-button.png) no-repeat 12px -24px;
}
input#code {
	border: 1px solid #999;
	color: #666;
	width: 145px;
	padding: 3px 7px 5px;
	font-size: 1.2em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


/* MENU */
#menu {  padding:0px; width:660px; float:right; position: relative; bottom: 2px;}
.articlesmenu {  bottom: -2px!important;}
#menu ul.menu { display:table-row; margin:0 auto; }
#menu ul.menu li { list-style:none; display:table-cell; float:left; width:123px; margin:0 0px 0 0; padding:0;  background:url(images/spacer.jpg) bottom right no-repeat; }
#menu ul.menu li a { display:block; padding:10px 2px 11px; color:#17599F; text-align:center; font-size:1.2em;   text-decoration:none; background: #E8F1FD; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; margin: 0 5px 0; }
#menu ul.menu li a strong { color:#17599F; }
#menu ul.menu li a span   { display:block; font-size:13px; color:#17599F; font-size:10px; }
#menu ul.menu li a.selected { border-left-color:#000000; background: #17599F; text-decoration: none; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; } 
#menu ul.menu li a.selected strong { color:#fff;  } 
#menu ul.menu li a.selected span { color:#fff;  }
#menu ul.menu li a:hover { border-left-color:#000000; text-decoration: underline; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px;}
#menu ul.menu li a.selected:hover { background: #17599F; text-decoration: underline;}
#menu ul.menu li.small { width:80px!important; }
#menu ul.menu li.middle { width:100px!important; }
#menu ul.menu li.end { width:80px!important; background:none; }

/* BREADCRUMB */
#breadcrumb {
 padding: 2px 0 3px;
 height: 19px;
 color: #afcef8;
 background: #e8f1fd;
}
#breadcrumb p {
	font-size: 1.1em;
}
#breadcrumb a {
	color: #4d627d;
	text-decoration: none;
	margin: 0 5px;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
#breadcrumb img {
	padding: 0 3px;
	position: relative;
	top: 2px;
}

#content {
	background: #EEF8FB;
	margin-top: 17px;
}
/* LEFT COLUMN */
#leftcolumn { 
 color: #333;
 margin: 0 0px 30px 0px;
 padding: 10px;
 min-height: 250px;
 width: 620px;
 float: left;
}
#leftcolumn ul {
	margin: 0 0 10px 10px;
}
#leftcolumn ul li {
	padding: 0 0 5px 15px;
	font-size: 1.2em;
	list-style: none;
	background: transparent url(../images/list-arrow.png) no-repeat 0 5px;
}
.accordion span {
	color: #17599F;
	font-size: 1.2em;
	text-decoration: underline;
	position: relative;
	bottom: 10px;
}

/* RIGHT COLUMN */
#rightcolumn { 
 float: right;
 color: #333;
 margin: 0 0px 30px 0px;
 padding: 10px;
 min-height: 250px;
 width: 270px;
 display: inline;
 position: relative;
}
.rsscontainer{padding:10px 0px 0px; border-top:1px solid #e5e5e5; float:left; width:100%}
.rssimg{width:30px; height:35px; float:left; background:url(../images/news-icon.png) top no-repeat; margin-right:20px;}
.rsstitle a{color:#188ccf; font-family:Tahoma, Geneva, sans-serif; font-size:13px}
.rssdate p{ font-size:9px; color:#595959;}

#support-homepage {
	width: 400px;
	float: left;
}
#support-homepage p, #satisfaction p {
	font-size: 1em;
	margin: 0 0 10px;
	color: #444;
}
#support-homepage img, #satisfaction img {
	margin: 0 20px 20px 0;
}

#satisfaction {
	width: 461px;
	float: right;
}
#satisfaction h2 {
	color: #17599F;
}

/* CLIENTS */
blockquote {
	padding-left: 150px;
	margin-bottom: 30px;
}
blockquote#avant { background: url(../images/logos/avant.png) no-repeat 0 50%;}
blockquote#harvest { background: url(../images/logos/harvest.png) no-repeat 0 50%;}
blockquote#bennett { background: url(../images/logos/bennett.png) no-repeat 0 50%;}

/* CAROUSEL */
#carousel { 
 background: #EEF8FB;
 color: #444;
 height: 140px;
 font-size: 1.2em;
 padding: 30px 0;
 clear: both;
}
#carousel li {
	padding-left: 120px;
}
#security { background: transparent url(../images/security.png) no-repeat;}
#hardware { background: transparent url(../images/hardware.png) no-repeat;}
#software { background: transparent url(../images/software.png) no-repeat;}

#management { background: transparent url(../images/management.png) no-repeat;}
#network { background: transparent url(../images/network.png) no-repeat;}
#consultancy { background: transparent url(../images/consultancy.png) no-repeat;}

#harvest { background: transparent url(../images/harvest.png) no-repeat;}
#bennett { background: transparent url(../images/bennett.png) no-repeat;}
#avant { background: transparent url(../images/avant.png) no-repeat;}

/* FOOTER */
#footer { 
 clear: both;
 color: #fff;
 border: 1px solid #ccc;
 background: #151B1F;
 height: 130px;
 padding: 15px 0;
}
#footer a {
	color:#bbb;
}
#footer a:hover {
	color: #fff;
}
#footer-nav {
	width: 515px;
	float: left;
	padding: 10px 0;
	margin-right: 10px;
}
	
#footer-contact {
	width: 350px;
	padding: 10px 0;
	float: right;
}
#footer ul {
	border-bottom: 1px solid #bbb;
	padding-top: 10px;
}
#footer li {
	float: left; 
	list-style: none;
	font-size: 1.1em;
	margin-top: 15px;
	margin-right: 35px;
}
#footer h2 {
	color: #fff;
}
#footer p {
	border-top: 1px solid #bbb;
	padding-top: 10px;
	font-size: 1.1em;
}
#footer span {
	margin-right: 10px;
}
#footer p.webdub {
	font-size: 1.1em;
	border: none;
	margin-top: 10px;
}

/* CONTACT */
#contact {
	height: 360px;
}
#contact ul {
	margin: 0;
}
#contact ul li {
	background: none;
	padding: 0 0 5px;
}
#contact input {
	width: 170px;
	height: 20px;
	padding: 2px 5px;
}
#contact textarea {
	width: 200px;
	height: 100px;
	padding: 2px 5px;
}
#contact input#submit {
	width: 125px;
	height: 24px;
}
#map {
	width: 650px;
	height: 300px;
}
address {
	float: right;
	padding-top: 27px;
	margin-right: 30px;
	font-size: 1.2em;
	font-style: normal;
}

.error {
	border: 1px solid #f00;
    background-color: #fdd;
}

.hotr {
	display: none;
}

/* UTILITIES */
.fright {float:right;}
img.fright {margin: 0 0 20px 20px;}
.fleft {float:left;}
a img {border: none;}