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

/* resetting - general */


*, 
body {
	margin: 0;
	padding: 0;
}

html {
	background-image: url(../img/wall-3-tile.gif);
}

ul, li {
	list-style-type: none;
}
	
body {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 130%;
	color: #333;
	text-align: center;
}

img {
	border: none;
}

a:link, a:visited { color: #09F; text-decoration: none;}
a:hover {color: #9596A2; text-decoration: none;}
a:active {color: #06C; text-decoration: none;}


/* end */

#wrapper {
	background: url(../img/bg_shadow.gif) repeat-y center top;
}

#container {
	position: relative;
	width: 900px;
 	margin-left: auto;
 	margin-right: auto;
}

/* header */

#header {
	height: 155px;
	text-align: left;
}

#logo {
	position: absolute;
	top: 32px;
	left: 60px;
}

#someone-to-talk-to {
	position: absolute;
	top: 68px;
	left: 296px;
}

#nav {
	width: 317px;
	height: 36px;
	position: absolute;
	left: 350px;
	top: 310px;
}

#nav ul {
	width: 317px;
}

#nav li {
	float: left; /* info from paul */
	display: inline;
	font: 16px "Arial Black", Arial Black, "Arial Bold", Arial Bold, Arial, Helvetica, sans-serif;
	color: #2b2e46;
	line-height: 16px;
	letter-spacing: -1px;
	border-top: #2b2e46 4px solid;
	padding-top: 3px;
	margin-right: 24px;
}


#nav li a:link, #nav li a:visited, #nav li a:active {color: #2b2e46;text-decoration: none;}
#nav li a:hover {color: #9596A2;text-decoration: none;}
#nav li:hover { border-top: 4px solid #9596A2;}


#contact-info {
	float: right;
	margin-top: 43px;
	margin-right: 50px;
	text-align: right;
	color: #2b2e46;
	font: 14px "Arial Black", Arial Black, "Arial Bold", Arial Bold, Arial, Helvetica, sans-serif;
	line-height: 18px;
}

#contact-info p#contact-info-links {
	font-size: 10px;
	color: #ccc;
}

/* end */

#main-content {
	position: relative;
	width: 100%;
	text-align: left;
}

#main-content h3  {font-size: 16px; padding-bottom: 8px;}

#col-subnav {
	float: left;
	width: 174px;
	margin: 25px 0 0 64px;
	padding-top: 20px;
	border-top: #2b2e46 3px solid;
}

#col-subnav h3  {line-height: 100%; letter-spacing: -1px; color:#2b2e46; font: 150% "Arial Black", Arial Black, "Arial Bold", Arial Bold, Arial, Helvetica, sans-serif;}
	
#col-main {
	float: right;
	width: 541px;
	margin: 21px 60px 0 0;}
	
#col-main h2, #col-main h3, #col-main h4, #col-main h5 {margin: 6px 0 12px 0;}
	
#col-main h1 {line-height: 100%; letter-spacing: -1px; color:#2b2e46; font: 200% "Arial Black", Arial Black, "Arial Bold", Arial Bold, Arial, Helvetica, sans-serif;margin: 0 0 20px 0;}

#col-main p {padding: 0 0 12px 0; line-height: 160%;}
#col-main p.big {padding: 0 0 12px 0; line-height: 180%; font-size: 120%; color: #555;}
#col-main a {font-weight: bold;}
#col-main ul {margin: 0 20px 15px 20px;}
#col-main li {list-style: disc; padding: 2px 0;}

	
#col-1 {
	float: left;
	width: 266px;
	margin: 0 32px 0 57px;
}

#col-2 {
	float: left;
	width: 257px;
}

#col-3 {
	float: right;
	width: 210px;
	margin-right: 46px;
}




/* - - - columns - - - */

#col-subnav li {font-weight: bold; color:#2b2e46;padding: 3px 0;}

/* - - - home page columns and boxes - - - */


.box-col-1 {width: 266px;margin-bottom: 20px;}
.box-col-1 h2 {background: url(../img/bg_box_title_drop_in.gif) top no-repeat;padding-top: 152px;text-indent: -9999px;}
.box-col-1 p {padding: 10px 10px 0;background-color: #069401;}
.box-col-1 p.box-intro {
	font: 19px "Arial Black", Arial Black, "Arial Bold", Arial Bold, Arial, Helvetica, sans-serif;
	color: #FFF;
	line-height: 130%;
	letter-spacing: -1px;
	padding-bottom: 20px;
}

.box-a {font-size: 120%; background-color: #F50;color: #FFF;margin-left:90px;margin-bottom: 20px;padding: 10px;}

.box-b {background-color: #DDD;margin-right:20px;margin-bottom: 20px;padding: 15px;}

.box-c {background-color:#069401;margin-left:20px;margin-bottom: 20px;padding: 15px;color: #FFF;}

.box-d {background-color:#7F7FFF; width:205px; margin-left:10px;margin-bottom: 20px;padding: 10px;color: #FFF;}


.box-col-2 {width: 257px;margin-bottom: 10px;}
.box-col-2 h2 {background: url(../img/bg_box_title_what_we_do.gif) top no-repeat;padding-top: 40px;text-indent: -9999px;}
.box-col-2 p {padding: 7px 10px;background-color: #FFF;margin-bottom: 2px;border-bottom: #DDD 2px solid;border-right: #EEE 1px solid;}
.box-col-2 p.box-intro {padding: 10px;margin-bottom: 5px;font: 12px "Arial Black", Arial Black, "Arial Bold", Arial Bold, Arial, Helvetica, sans-serif;}

.box-col-2 ul {margin:0;padding:0;}
.box-col-2 li {border-bottom: #DDD 2px solid; background-color: #FFF; margin-bottom: 2px;}
.box-col-2 li a:link, .box-col-2 li a:visited {display: block; padding: 7px 10px; background-color: #FFF;}
.box-col-2 li a:hover {background-color: #DDD;}
* html .box-col-2 li a {width: 100%;}

.box-col-3 {width: 210px;margin-bottom: 20px;}
.box-col-3 h2 {background: url(../img/bg_box_title_who_are_we.gif) top no-repeat;padding-top: 20px;text-indent: -9999px;}
.box-col-3 p {color: #fff;padding: 10px 10px 0;background-color: #e7365c;}
.box-col-3 p.box-intro {font: 12px "Arial Black", Arial Black, "Arial Bold", Arial Bold, Arial, Helvetica, sans-serif;}

.box-col-2 p.last,
.box-col-3 p.last {padding-bottom: 12px;}

/* - -  boxes end  - - */


/* - find out more button - - */

li.find-out-more a:link, li.find-out-more a:visited, li.find-out-more a:active {padding: 5px 10px;background-color: #FC0; margin: 10px 0 0 40px; color: #069401; font: 19px "Arial Black", Arial Black, "Arial Bold", Arial Bold, Arial, Helvetica, sans-serif;}
li.find-out-more a:hover {background-color: #069401; color: #FC0;}
* html li.find-out-more a {width: 100%;}



/* bottom information and links */

#bottom-info {
	position: relative;
	width: 940px;
 	margin-left: auto;
 	margin-right: auto;
	/*background: url(../img/bg_shadow_bottom.png) no-repeat center top;*/
	padding-top: 10px;
}

div.hr {height: 40px; margin: 0 50px 0 82px; border-top: #2b2e46 3px solid;}

#bottom-info p,
#bottom-info ul {
	font-size: 11px;
	color: #666;
	line-height: 15px;
	margin-bottom: 8px;
}

#bottom-info ul {
	list-style: disc outside; /* ? */
}

/* bottom info columns */

#bottom-info-col-1,
#bottom-info-col-2,
#bottom-info-col-3,
#bottom-info-col-4,
#bottom-info-col-5 {
	float: left;
	width: 140px;
	min-height: 350px; /* make 'border-right' all same height */
	margin-left: 12px;
}

#bottom-info-col-3,
#bottom-info-col-4,
#bottom-info-col-5 {
	color: #333;
}

#bottom-info-col-1 {
	margin-left: 84px;
}

#bottom-info-col-1,
#bottom-info-col-2,
#bottom-info-col-3,
#bottom-info-col-4 {
	border-right: #ccc 2px solid;
	padding-right: 12px;
}

h4 {
	font-size: 14px;
	margin-bottom: 5px;
}

h5 {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 3px;
}

p.sub-text {
	font-weight: bold;
	margin-bottom: 2px;
}


/* end */

/* footer */

#footer {
	height: 39px;
	background: url(../img/centre33_logo_footer.gif) no-repeat 84px top;
	padding-top: 5px; /* padding for following <p> */
	padding-bottom: 20px;
	margin-bottom: 0;
	text-align: left;
}

#bottom-info {
text-align: left;
}

#bottom-info-col-3 ul li, #bottom-info-col-4 ul li, #bottom-info-col-5 ul li {
line-height: 100%;
padding: 0 0 4px 0;
text-align: left;
}

#footer p#company-info {
	float: left;
	margin-left: 175px;
	font-weight: bold;
	font-size: 11px;
}

#footer p#copyright {
	float: right;
	padding-right: 48px;
	text-align: right;
	font-weight: bold;
	font-size: 11px;
}

#footer a {
	color: #506167;
	text-decoration: none;
}
	
.clear {
	clear: both;	
}