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

@import url("reset_base.css");

body {
	width:1000px;
	color:#666;
	Font-family: myriad-pro-condensed, sans-serif;
	font-size:62.5%;
	margin-right: auto;
	margin-left:auto;
}
.wf-loading {visibility:hidden;}
.wf-active {visibility:visible;}

ul,li {
	margin-left:10px;
	padding-left:0px;
	Font-family: myriad-pro-condensed, sans-serif;
	list-style-type: circle;
	margin-bottom: 4px;
	margin-top: 0px;
}

p {
	line-height: 15px;
	margin-top: 0px;
	margin-bottom: 6px;
	font-size: 1.4em;
}

h1 {
	font-size: 1.2px;
	font-weight: bold;
}
a {
	color: #555151;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	font-weight: bold;
	color: #c12026;
	text-decoration: none;
}
header h1 a{
	background-image: url(../img/zone_twelve_logo.jpg);
	float: left;
	height: 64px;
	width: 211px;
	text-indent: -10000px;
	display: block;
	background-repeat: no-repeat;
	margin-left: 42px;
	margin-top: 35px;
}
.lt-ie7 header h1 a{margin-left:22px;}
header nav {
	display: block;
	float: left;
	width: 600px;
	margin-left: 116px;
	margin-top: 16px;
}
header nav li {
	display:inline;
	margin-right:8px;
	float: right;
}
.contact_details {
	float: left;
	width: 716px;
	height: 90px;
	background-image: url(../img/contact_images.jpg);
	background-repeat: no-repeat;
}
.contact_details li {
	list-style-type: none;
}
.contact_details ul {
	margin-left: 443px;
	margin-top: 23px;
	list-style-type: none;
}
.contact_details_phone {
	background-image: url(../img/telephone_number.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height: 23px;
	width: 197px;
}
a#contact_details_email:link, 
a#contact_details_email:visited, 
a#contact_details_email:active {
	background-image: url(../img/email_address.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 228px;
	margin-top: 6px;
	display: block;
	text-indent: -10000px;
}
a#contact_details_email:hover {
	display: block;
	background-image: url(../img/email_address_OVER.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height: 22px;
	width: 228px;
}
#home_page_image {
	float:left;
	width:949px;
	background-image: url(../img/headerBg.jpg);
	background-repeat: no-repeat;
	height: 350px;
	margin-left: 20px;
}
.lt-ie7 #home_page_image {margin-left: 10px;}
#home_welcome {
	float:right;
	width:235px;
	margin-right: 29px;
	margin-top: 30px;
}
.lt-ie7 #home_welcome {margin-left: 0px; margin-right: 13px;}
.main  {background:gold; clear:both;}

#home_animation {
	background-image: url(../img/zoneTwelveAnimation.gif);
	background-repeat: no-repeat;
	float: left;
	height: 300px;
	width: 600px;
	margin-left: 40px;
	margin-top: 10px;
}
.lt-ie7 #home_animation {margin-left: 20px;}
.col {
	width:265px;
	float:left;
	margin-right: 48px;
	min-height:110px;
	margin-top: 0px;
	padding-right: 5px;
}
.col h1 {
	text-indent: -10000px;
	margin-bottom: 120px;
}
.col h2 {
	font-size: 1.3em;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 0px;
	color: #666;
}
#col_left {
	margin-left: 44px;
	float: left;
	background-image: url(../img/business_development_resources_Bg.jpg);
	background-repeat: no-repeat;
}
.lt-ie7 #col_left {margin-left: 24px;}
#col_middle {
	background-image: url(../img/consultancy_Bg.jpg);
	background-repeat: no-repeat;
	float: left;
}
#col_right {
	margin-right: 0px;
	background-image: url(../img/training_and_development_Bg.jpg);
	background-repeat: no-repeat;
	float: left;
}

footer {
	background-image: url(../img/footer_Bg.jpg);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 52px;
	width: 960px;
	padding-top: 48px;
	padding-left: 41px;
	margin-top: 10px;
}

footer p {
	font-size: 1.2em;
}
footer li {
	display: block;
	float: left;
	margin-left: 10px;
}
footer ul {
	margin-top: 0px;
	margin-left: -9px;
	Font-family: myriad-pro-condensed, sans-serif;
}
.wrapper{
	background-image: url(../img/canvas_Bg.jpg);
	background-repeat: no-repeat;
	width: 1000px;
	min-height:540px;
	margin-top: -13px;
	background-color: #FFF;
}
/*can use backround image for shaddows as usual and have a bottom shaddow on the footer div if dont want to use http://css3pie.com/ */
.wrapper:after {content: "."; display:block;height:0;clear:both; visibility:hidden;}