/* CSS Document */



/* PROJECT INFO
======================================================

Document Author:      Mike Wedge - @fifteenten_
Author Portfolio:     www.mikewedge.co.uk
Working With:         Pinksheep Marketing Ltd
Client Website:       www.pinksheep.co.uk
Creation Date:        20/03/12

======================================================*/



* {margin:0;padding:0;}

html, body {
	height:100%;
	width:100%;
	font-family:arial, sans serif;
	min-height:100%;
}

body {
 background:url(../images/body_bkd.png) repeat 0 0 transparent; 
 line-height:20px;
 height:100%;
 font-size:12px;
 color:#333;
}

.smaller_text {font-size:0.9em;}

* { margin:0; padding:0; }

img { border:none; }



/* CLASS RESETS
======================================================*/

a {outline:0 !important;}
img { border:none; }
.clear {clear:both;}
.no_display {display:none !important;}
.make_bold {font-weight:bold;}
.float_right {float:right;}
.float_left {float:left;}
.make_red {color:#ae321e;}
ul {list-style:none;}

h1, h2, h3, h4, h5, h6 {font-weight:bold !important;}

.hr {
	height:25px;
	clear:both;
	background:none;
	margin-bottom:10px;
	margin-top:8px;
	background:url(../images/hr_swirl.png) no-repeat right 0 transparent;
	}

hr {display:none;}


a {color:#1f497d;text-decoration:none;}
a:hover {color:#006ef7;}
h1, h2, h3, h4, h5, .make_orange {color:#1f497d;}




/* INNER WRAPPER
======================================================*/

#inner_wrapper {width:970px;background:url(../images/inner_wrapper_bkd.png) repeat-y  center 0 transparent; margin:0 auto;}

#header_wrapper {width:821px; height:130px; display:block;background:url(../images/header_bkd.png) no-repeat -22px 0 transparent;margin:0 auto;position:relative;}

#top_darker {background:#f5f5f5;height:490px;margin:0 auto;display:block;width:917px;border-bottom:1px solid #e1e1e1;position:relative;}



/* HEADER ELEMENTS
======================================================*/

h1#logo {
	position:absolute;
	display:block;
	top:20px;
	left:20px;
	text-indent:-9999em;
	width:156px;
	height:77px;
	background:url(../images/logo_bkd.png) no-repeat 0 0 transparent;
}
#header_wrapper {color:white;}
#header_wrapper a {color:#fff;}
#header_wrapper a:hover {color:#76b3ff;}


#top_links {width: 500px;
height: 30px;
position: absolute;
top: 41px;
right: -188px;
font-size: 11px;
}

#primary_nav {
width: 600px;
height: 30px;
position: absolute;
display: block;
bottom: 27px;
right: -25px;
}

#primary_nav ul {float:right;margin-right:55px;}

#primary_nav ul li:first-child {background:none !important;}

#primary_nav ul li {display:block;float:left;text-transform:uppercase;font-weight:bold;font-size:12px;margin-left:10px;background:url(../images/nav_li_bkds.png) no-repeat left -4px transparent;padding-left:15px;}



/* BANNER CONTAINER
======================================================*/


#banner_container {display: block;
width: 100%;
height: 400px;
position: relative;
background: url(../images/banner_container_bkd.png) no-repeat 0 0 transparent;
position: absolute;
top: 100px;
left: 9px;
}

#slides_container {position:absolute;top:40px;left:40px;width:820px;height:273px;display:block;}

#slides_container li {position:relative;}

.slogan {background: url(../images/banner_slogan_-bkd.png) repeat 0 0 transparent;
display: inline;
position: absolute;
bottom: 5px;
left: 0px;
height: 66px;
}

.slogan h2 {font-weight: bold !important;
font-size: 19px;
color: white;
text-shadow: 1px 1px 2px #222;
padding: 14px 10px 3px 10px;
display: block;
letter-spacing: -1px;
}

.slogan p {color: white;
font-size: 14px;
padding: 0px 10px;
text-shadow: 1px 1px 2px #222;
}

.bx-next, .bx-prev, .pager-link {background:url(../images/banner_controls.png) no-repeat 0 0 transparent;display:block;position:absolute;height:40px;width:30px;text-indent:-9999em;}

.bx-next {bottom: -51px;
left: 464px;
background-position: -127px 0;
}

.bx-prev {bottom: -51px;
left: 337px;
background-position: 0 0;
}

.pager-link {background-position:-51px 0px;width:24px;}

.pager-link.pager-active {background-position:-34px 0px;width:24px;}

.pager-1 {bottom: -52px;left: 370px;}
.pager-2 {bottom: -52px;left: 392px;}
.pager-3 {bottom: -52px;left: 414px;}
.pager-4 {bottom: -52px;left: 438px;}




/* MAIN CONTENT AREA
======================================================*/

.content_wrap {width:821px;display:block;margin:0 auto;background:url(../images/content_wrap_bkd.png) repeat-y -54px 0 transparent;}

#main_col {padding-top:30px;padding-bottom:40px;width:510px;display:block;float:left;}

#right_col {width:220px;padding:25px;display:block;float:right;}

#right_col {text-shadow:1px 1px 1px #fff;}
#right_col h1 {font-size:16px;margin-top:20px;}

.content_wrap h1, .content_wrap h2,.content_wrap h3,.content_wrap h4 {margin:5px 0 20px;}

.content_wrap p, .content_wrap ul {display:block;margin:10px 0 20px;}

.content_wrap ul li {display: block;
padding: 8px 0 8px 20px;
background: url(../images/blue_chevron.png) no-repeat 4px 13px transparent;
}


/* FOOTER AREA
======================================================*/


#footer {display: block;
clear:both;
margin-bottom: 0px !important;
padding-bottom: 0px !important;
line-height: 11px;
font-size: 11px;
position:relative;
height:150px;
border-top:1px solid #ccc;
background:#eee;
color:#222;
width:918px;
margin: 0 auto;
}

#footer_left {width: 400px;
display: block;
height: 80px;
position: absolute;
left: 46px;
top: 52px;
}

#footer_right {text-align: right;
width: 400px;
display: block;
height: 80px;
position: absolute;
right: 49px;
top: 52px;
}

#footer p {display:block;margin-bottom:8px;}
#footer img {position:absolute;top:48px;left:500px;}



/* RIGHT COL
======================================================*/


#right_col img {box-shadow:0px 0px 7px #666;
-webkit-box-shadow:0px 0px 7px #666;
-moz-box-shadow:0px 0px 7px #666;
border:1px solid white;
}



#main_col h3 {margin:45px 0 0;}
p.subhead {color:#888;font-size:11px;font-style:italic;margin:0 0 5px;}

p.float_right img {float:right;margin:0px 0px 15px 40px;padding:3px;border:1px solid #ccc;}