body {
	font-family:"Century Gothic", Arial;
	margin:0px 0px 180px 0px;
	font-size:0.8em;
	line-height:1.6em;
	background-color:#FFFFFF;
	background-image: url(../images/body_bg.png);
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

::-moz-selection{background: #EC008C;color: #ffffff;} 	
::selection {background: #EC008C;color: #ffffff;} 

h1 {
	width:950px;
	height:33px;
	background-image: url(../images/pink_header.gif);
	background-repeat: no-repeat;
	color:#ffffff;
	padding:5px 0px 0px 10px;
	margin:0px;

}
a {color:#EC008C;} 
h2, h3 {color:#EC008C;}


#center_piece .slideshow {
	height: 562px;
	width: 940px;
	overflow:hidden;
	padding:10px;
	background-image:none;
}
#center_piece .slideshow .items{
	height: 360px;
	width: 940px;
	overflow:hidden;
}

#newsletter_bar { background-color:#000000; height:18px; }
#panel {
	background: #000000;
	height: 95px;
	display: none;
	width:413px;
	padding:20px;
}
#panel form {padding:0px;}
#panel form div {clear: both; padding:5px 0px;}
#panel form label {color:#EC008C; font-weight:bold; float:left; display:block; width:100px; font-size:0.8em;}
#panel form input.field {background-color:#EC008C; width:310px; border:0px; color:#ffffff;}
#panel form .button {float:right;}
#panel fieldset {margin:0px; padding:0px; border:0px;}
.btn-slide {
	text-align: center;
	width: 453px;
	height: 36px;
	display: block;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/e-newsletter.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.active {
	background-position: 0px -36px;
}

#wrapper {width: 960px; margin:0 auto;}
#font_resize { padding-top:10px; text-align:right;}
#font_resize a#small { margin-right:10px; margin-top:10px;}
#header {height:130px; clear:both;}
#header img#logo {float:right; margin-top:12px;}
#center_piece {
	height: 381px;
	width: 960px;
	background-repeat: no-repeat;
	background-image: url(../images/centre_piece.gif);
}

h2 {margin: 5px 0px 0px 13px;}
.slideshow h2 {height:40px;margin:-5px 0px 0px 0px;float:left; width:700px;}

img#welcome {margin:40px 0px;}

#sub_nav {padding:20px 0px; height:20px; }
#sub_nav #breadcrumb {float:left; width:400px;}
#sub_nav #breadcrumb a{color:#666666; text-decoration:none;}
#sub_nav #pager {float:right; width:400px; text-align:right;}


ul#nav { list-style-type:none; margin:0px; padding:0px; float:left; margin-top:82px;}
ul#nav li {float:left;}
ul#nav li span{ display:none;}
ul#nav li a{ display:block; height:34px;}
	
	#nav01 {width:93px; height:34px; background-image:url(../images/nav.gif); background-position: 0 0;}
	#nav01 a:hover{background-image:url(../images/nav.gif); background-position: 0 34px;}
	#nav01on {width:93px; height:34px; background-image:url(../images/nav.gif); background-position: 0 34px;}
	
	#nav02 {width:99px; height:34px; background-image:url(../images/nav.gif); background-position: -93px 0;}
	#nav02 a:hover{background-image:url(../images/nav.gif); background-position: -93px 34px;}
	#nav02on {width:99px; height:34px; background-image:url(../images/nav.gif); background-position: -93px 34px;}

	#nav03 {width:133px; height:34px; background-image:url(../images/nav.gif); background-position: -192px 0;}
	#nav03 a:hover{background-image:url(../images/nav.gif); background-position: -192px 34px;}
	#nav03on {width:133px; height:34px; background-image:url(../images/nav.gif); background-position: -192px 34px;}
	
	#nav04 {width:113px; height:34px; background-image:url(../images/nav.gif); background-position: -325px 0;}
	#nav04 a:hover{background-image:url(../images/nav.gif); background-position: -325px 34px;}
	#nav04on {width:113px; height:34px; background-image:url(../images/nav.gif); background-position: -325px 34px;}


#copy #left_col {float:left; width:340px}
#copy #left_col img {margin: 40px 50px;}

#copy #right_col {float:left; width:545px; margin-bottom:40px;}
#copy #right_col #testimonial {position:relative;  margin:40px 0px 40px -90px;}
			
.boxgrid{ 
	width: 303px; 
	height: 272px; 
	float:left; 
	background:#161613; 
	overflow: hidden; 
	position: relative; 
	margin-bottom:25px;
}
.boxgrid .thumb {	position:absolute; top:54px; left:11px}				

.boxgrid .cover{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	width: 303px;
	height: 272px;
	background-color:#ffffff;
	background-image: url(../images/work_bg.gif);
				}
.boxgrid span{ 
	bottom:15px;
	display:block;
	font-size:0.8em;
	left:13px;
	position:absolute;				
}
				
				.middle {margin:0 25px;}
				
				
/* CONTACT */

#address {
	width:272px;
	height:304px;
	background-image: url(../images/contact_address_bg.gif);
	background-repeat:no-repeat;
	padding:15px;
	color:#000000;
}
#address h3, #address p {margin:0px;}
#address p {margin-bottom:20px;}

#contact #left_col {float:left; width:304px; margin-right:25px;	color:#999999;
}
#contact #right_col {
	float:left;
	width:600px;
	background-image: url(../images/contact_map_bg.gif);
	background-repeat: no-repeat;
	padding: 15px;
	color:#000000;
}
#jobs {background-image:url(../images/jobs_bg.gif);	 background-repeat:no-repeat; margin-top:20px; margin-bottom:20px; height:202px;	color:#000000;
}
#jobs p {padding:15px 15px 15px 15px; margin:0px;}
#jobs strong {color:#EC008C}

/* SERVICES */
#services div span {display:none;}
#s1 { background-position: 0px 0px; width:291px; height:519px; padding-left:10px; padding-top:20px; position:absolute; top:0px; left:0px; background-image: url(/images/services_sprite.jpg); font-size:0.9em; color:#333333;}
#s1 ul li {padding:0px 0px; height:18px; margin:0px; line-height:18px;}
#s1 ul {margin-top:0px;}
#s1 h3 {margin:0px;}
#s2 { background-position: -300px 0px; width:327px; height:269px; position:absolute; top:0px; left:300px; background-image: url(/images/services_sprite.jpg); }
	#s2 a {display:block; width:327px; height:244px;}
#s3 { background-position: -626px 0px; width:327px; height:269px; position:absolute; top:0px; left:626px; background-image: url(/images/services_sprite.jpg); }
#s4 { background-position: -300px -269px; width:327px; height:269px; position:absolute; top:269px; left:300px; background-image: url(/images/services_sprite.jpg); }
#s5 { background-position: -626px -269px; width:327px; height:269px; position:absolute; top:269px; left:626px; background-image: url(/images/services_sprite.jpg); }
	#s5 a {display:block; width:327px; height:244px;}
#s6 { background-position: -0px -536px; width:301px; height:269px; position:absolute; top:536px; left:0px; background-image: url(/images/services_sprite.jpg); }
#s7 { background-position: -300px -536px; width:327px; height:269px; position:absolute; top:536px; left:300px; background-image: url(/images/services_sprite.jpg); }
	#s7 a {display:block; width:327px; height:244px;}
#s8 { background-position: -626px -536px; width:327px; height:269px; position:absolute; top:536px; left:626px; background-image: url(/images/services_sprite.jpg); }
#s9 { background-position: -0px -804px; width:301px; height:244px; position:absolute; top:804px; left:0px; background-image: url(/images/services_sprite.jpg); }
	#s9 a {display:block; width:327px; height:244px;}
#s10 { background-position: -300px -804px; width:327px; height:235px; position:absolute; top:804px; left:300px; background-image: url(/images/services_sprite.jpg); }
#s11 { background-position: -626px -804px; width:327px; height:244px; position:absolute; top:804px; left:626px; background-image: url(/images/services_sprite.jpg); }
	#s11 a {display:block; width:327px; height:244px;}
#s12 { left:0;position:absolute;text-align:center;top:1078px;width:960px;color:#EC008C}

/*FOOTER*/

#footer {
	clear:both;
	background-image: url(../images/footer.gif);
	height: 60px;
	width: 920px;
	background-repeat:no-repeat;
	padding:20px;
	margin-top:100px;
	font-size:0.9em;
	color:#666666;
}

#footer a {color:#666666;}
#footer #right {float:right;width:400px; text-align:right}
#footer #left {float:left; width:400px;}

/*WORK*/


#footer_pager {clear:both; height:22px;}
a#next {
	display:block;
	width:70px;
	height:22px;
	background-image: url(../images/button/next.gif);
	background-repeat: no-repeat;
	background-position: 0px -22px;
}
a:hover#next {	background-position: 0px 0px;}
a#next span {display:none;}
#sub_nav #pager a#next {	float:right;}
#footer_pager a#next{float:right;}


a#prev {
	display:block;
	width:70px;
	height:22px;
	background-image: url(../images/button/previous.gif);
	background-repeat: no-repeat;
	background-position: 0px -22px;
	float:right;
}
a:hover#prev {	background-position: 0px 0px;}
a#prev span {display:none;}
#sub_nav #pager a#prev {	float:right;margin-right:10px;}
#footer_pager a#prev {float:right;margin-right:10px;}

.slideshow {
	height: 562px;
	width: 940px;
	background-image: url(../images/work_details_bg.gif);
	overflow:hidden;
	padding:10px;
}
.slideshow .items{
	height: 530px;
	width: 940px;
	overflow:hidden;
	clear:both;
}
.slideshow img { }



/* GENERAL */
#general {}
#general #left_col {float:left; width:304px; margin-right:25px;	
}
#general #right_col {
	float:left;
	width:630px;
}
#general #right_col #top{margin-bottom:110px; }
#general h2 {margin:0px;}
#general #left_col ul {margin-top:0px;}


#offer {
	background-image:url(../images/offer_bg.png);
	background-repeat:repeat-x;
	width:100%;
	position: absolute;
	left: 0;
	bottom: 0px;
	padding: 0;
	z-index:100;
}
#brochure_offer { width:960px; margin:0 auto;}