/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/
html
{
height: 100%;
}

body
{
height: 100%;
}

#wrapper
{
position: relative;
min-height: 100%;
}

*html #wrapper
{
height: 100%;
}

#container{ position:relative;   border:#000000 0px solid;  padding:0px 0px 99px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:931px; background-color:#FFFFFF; }

#header { width:100%; position:relative; height:141px; margin:0px; padding:0px;}

#search {position:absolute; right:0px; top:14px;}
#left_search { background:url(/images/search_left.jpg) no-repeat; width:5px; height:21px; display:block; float:left;}
#search input {display:block; font-size:1.1em; color:#605f5f; float:left; border-left:0px; border-right:0px; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; padding:2px 0px 4px 0px;}
#search button {display:block; float:left; border:0px; margin:0px; padding:0px; background:none; margin:-1px 0px 0px -3px;}

#contact {position:absolute; right:0px; top:42px; text-align:right;}
#contact p {margin:5px 0px 0px 0px; padding:0px; font-size:1.7em; color:#5cb6ea; font-weight:bold; line-height:22px;}
#contact a {color:#172751;}

#logo {  width:299px; height:90px; margin:0px; padding:0px; }

#main {  width:100%; margin:0px 0px 0px 0px; }

#home_head {width:931px; height:416px; position:relative;}

#home_head a {position:absolute; bottom:17px;}
.sales {left:318px;}
.marketing {left:621px;}
.team {left:14px}


#sidebar { width:435px;  height:100%; float:right;  margin:0px 0px 1px 0px; padding:0px; background:#ffffff; }



#content_main  { width:614px;   margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important;   height:300px;}

#content {width:458px; float:left; margin:0px 0px 0px 19px;}
*html #content {width:458px; float:left; margin:0px 0px 0px 10px;}


.news { border-bottom:1px solid #eaeaea; padding:10px 0px 5px 0px;}
.news .title {color:#172751; font-size:13px; font-weight:bold;}
.news .title span { color:#52aadc !important;}
.news p {margin:5px 0px 10px 0px;}
.news .link { display:block; float:right;}

#footer { width:100%; background:#4ba0d2; height:79px; margin:-86px 0px 0px 0px; padding:0px; position:relative; border-top:#4195c4 solid 7px;}
#footer_bottom {width:932px; margin:0px auto 0px auto; display:block;}

#footer_menu {color:#ffffff; display:block; float:left; margin:48px 0px 0px 0px;}
#footer_menu a { color:#ffffff;}
#footer_menu a:hover {}

#footer_copy {display:block; float:right;  margin:50px 0px 0px 0px; color:#ffffff; vertical-align:bottom; position:relative; padding:0px 53px 0px 0px;}
#footer_copy a {position:absolute; right:0px; bottom:-3px;}

.clear { clear:both; }

/*------------------------------------ textpage -----------------------------------------------------------*/

#pageheader {width:931px; height:253px; display:block;}

#textpage { width:615px; display:block; float:left;}
#textpage_sidebar {width:296px; display:block; float:right; margin:6px 0px 0px 0px;}

.advert {margin:2px 0px 0px 0px;}

.paging {margin:10px 0px 10px 0px; font-size:1.1em; color:#484848;}
.paging .links {display:block; float:right;}
.paging .links a {font-size:1.1em;  color:#484848;}
.paging .numbers {display:block; float:left;}

#contact_form ul {margin:10px;}

.error_feedback li {background:none !important;}
/*------------------------------------ nav-----------------------------------------------------------*/

#nav { width:100%;  margin:0px 0px 0px 0px; padding:17px 0px 0px 0px; }
*html #nav {margin:0px 0px -17px 0px;}
#nav ul { padding:0px; margin: 0px 0; list-style: none; float: left;}
#nav li {display:block; float:left; background:none !important; float: left; text-decoration: none; color: #ccc; padding:0px 0px 0 0; margin: 0px 2px 0px 0px;}
#nav a { margin:0px 0px 0px 0px; padding:10px 25px 6px 0px;  color:#ffffff; display:block; font-weight:normal; font-size:1.1em; background: url(../images/nav_a.jpg) no-repeat top right;}
#nav li a span { float: left; padding-right: 25px; display: block; margin-top: -10px; height: 34px; 	background: url(../images/nav_a.jpg) no-repeat top left;}
#nav a:hover { text-decoration:none;  color:#ffffff; } 

#nav ul li a:hover, #nav ul li a.active { background-image:url(/images/nav_a_hover.jpg);}

#nav ul li a:hover span, #nav ul li a.active span {background-image:url(/images/nav_a_hover.jpg);}

#page {width:600px;}



/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }  
body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(/images/bac.jpg) repeat-y center top #EBEBEB; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:0.6em;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:2.2em; color:#172751; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#54AEE0; font-size:2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#54AEE0; font-size:1.8em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#172751; font-size:1.6em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { font-size:1.4em; color:#172751; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#54AEE0; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }


ul {  }
ul li { font-size:1.1em; list-style:none; color:#555454; line-height:16px; background:url(/images/two_arrows.jpg) no-repeat left 13%; list-style:none;  padding:0px 0px 0px 20px; margin:10px 0px 10px 13px; line-height:18px;}
*html ul li {background:url(/images/two_arrows.jpg) no-repeat left 22%; }
*+html ul li {background:url(/images/two_arrows.jpg) no-repeat left 22%; }
ol {}
ol li {font-size:1.1em; list-style:decimal; color:#555454; line-height:18px;}

address {font-size:1.1em;  color:#555454; font-style:italic; }

a { color:#54AEE0; text-decoration:none; }
a:hover { color:#54AEE0; text-decoration:underline; }

p { font-size:1.1em; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px;  color:#555454; line-height:18px;}

/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/