img, div { behavior: url(../images/iepngfix.htc) }
body,td,th {
	font-family: Helvetica, Arial, "Lucida Grande", Geneva,Verdana,sans-serif;
	color:#3d3d3d;
}



html,body {
margin:0;
padding:0;
font-size:101%;
background-color:#fff; /* war F6F5F5 */
height:100%;
}
body {
text-align:center;
margin-top:0;
font-size:100.01%;
margin:0;
padding:0;
color:#3d3d3d;
}

* html {
height: 100%;
}


p {
margin:0;
}
a { 
outline:none;
}
a:hover {
color:#000;
}
#content-wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
	min-width:980px;
}	
div#container {
width:960px;
margin:0 auto;
text-align:left;
padding-left:20px;
padding-right:20px;
min-height: 100%;
}

* html #container {
height: 100%;
}




/*-- Header -- */

div#header {
width:100%;
height:60px;
clear:both;
margin-top:57px;
border-top:1px solid #000;
}

#logo { float:left; position:relative; margin:0; padding:0; margin-top:0px; margin-top:-40px; }
#logo img { border:0; }
#logo a { border:0; }
	
#top {
position:absolute;
margin-left:-100px;
margin-top:-20px;
line-height:1px;
height:1px;
}

.nav_phone {
float:right;
margin-top:16px;
font-size:11px;
font-family: Helvetica, Arial, Geneva,Verdana,sans-serif;
font-weight:800;
font-weight:800;
}

.navigation { 
display:inline; 
margin:0;
_margin:0px 0px 0px -120px;
padding:0;
float:left;
margin-top:16px;
width:800px;
}
.navigation li { 
display:inline;
list-style-type:none;
font-size:11px;
font-family: Helvetica, Arial, Geneva,Verdana,sans-serif;
font-weight:800;
padding-right:70px;
}
.navigation li a { 
color:#000;
text-decoration:none;
}
.navigation li a strong{ 
color:#777777;
text-decoration:none;
}

.navigation li a:hover{
color:#777777;
}

.navigation_first {
background-position:-1000px;
}




/*-- Main / Footer --*/

div#main {
width:960px;
clear:both;
margin:0;
padding:0;
padding-bottom:20px;
padding-top:20px;
}

.nopad_top {
padding-top:0px;
}

div#footer {
width:100%;
clear:both;
margin:0;
padding:0;
height:70px;
background-image:url(../images/footerbg.png);
background-repeat:repeat-x;
}

div#footer p{
font-size:11px;
color:#3a3a3a;
padding-top:30px;
}

div#footer a{
font-size:11px;
color:#3a3a3a;
text-decoration:none;
}



.footer_fb {
float:right;
margin-top:22px;
width:78px;
overflow:hidden;
Filter: Gray;
}

.footer_tw {
float:right;
margin-top:22px;
Filter: Gray;
}
.footer_po {
float:right;
margin-top:22px;
width:62px;
Filter: Gray;
}




.inpt { 
width:180px;
padding:2px;
}
.txtarea { 
width:427px;
padding:4px;
font-family:Arial;
font-size:13px;
}
.txtarea2 { 
width:427px;
padding:4px;
font-family:Arial;
font-size:13px;
height:100px;
}
.sub { 
font-size:16px;
font-weight:200;
color:#000;
padding:3px;
margin-right:62px;
}
.chkb { 
padding-bottom:5px;
}


/* -- General -- */

.page_divider_full {
margin-left:0px;
overflow:hidden;
width:960px;
}

.page_divider_work {
margin-left:0px;
overflow:hidden;
width:960px;
margin-top:21px;
}

.page_divider_padding {
padding-top:11px;
padding-bottom:11px;
clear:both;
}
.deliveribles_divider_padding {
padding-top:11px;
padding-bottom:11px;
clear:both;
}

.home p, .work p, .work_page p, .work_page p {
font-size:12px;
color:#706f6f;
line-height:19px;
}

.home h1, .home h2, .work h1, .work h2, .work_page h1, .work_page h2 {
font-weight:900;
font-size:12px;
color:#000;
padding-bottom:8px;
}

.img_heading {
padding-bottom:20px;
}

/* -- Home -- */

.home {
width:100%;
background-image:url(../images/blackpixel.png);
background-repeat:repeat-x;
background-position:0px 30px;
}
.home a {
color:#777777;
}
.home1, .home2, .home3, .home4 { 
float:left;
width:195px;
float:left;
}
.home2 {
margin-left:60px;
}
.home3 {
margin-left:60px;
}
.home4 {
float:right;
}

.home1 h2, .home2 h2, .home3 h2, .home4 h2{
font-size:11px;
line-height:15px;
color:#000000;
padding-bottom:30px;
}
.home1 p, .home2 p, .home3 p, .home4 p{
font-size:11px;
line-height:17px;
color:#3a3a3a;
}


.homeclr {
clear:both;
}




/* -- Services -- */

.services {
width:100%;
background-image:url(../images/blackpixel.png);
background-repeat:repeat-x;
background-position:0px 30px;
}
.services a {
color:#777777;
}
.services1, .services2, .services3, .services4 { 
float:left;
width:195px;
float:left;
}
.services2 {
margin-left:60px;
}
.services3 {
margin-left:60px;
}
.services4 {
float:right;
}

.services1 h2, .services2 h2, .services3 h2, .services4 h2{
font-size:11px;
line-height:15px;
color:#000000;
padding-bottom:30px;
font-weight:900;
}
.services1 p, .services2 p, .services3 p, .services4 p{
font-size:11px;
line-height:17px;
color:#3a3a3a;
}
.servicesclr {
clear:both;
}
.services_heading {
padding-top:0px;
padding-bottom:50px;
height:134px;
}




/* -- About -- */

.about {
width:100%;
background-image:url(../images/blackpixel.png);
background-repeat:repeat-x;
background-position:0px 30px;
}
.about a {
color:#777777;
}
.about1, .about2, .about3, .about4 { 
float:left;
width:195px;
float:left;
}
.about2 {
margin-left:60px;
}
.about3 {
margin-left:60px;
}
.about4 {
float:right;
}

.about1 h2, .about2 h2, .about3 h2, .about4 h2{
font-size:11px;
line-height:15px;
color:#000000;
padding-bottom:30px;
font-weight:900;
}
.about1 p, .about2 p, .about3 p, .about4 p{
font-size:11px;
line-height:17px;
color:#3a3a3a;
}
.aboutclr {
clear:both;
}
.about_heading {
padding-top:0px;
padding-bottom:50px;
margin-top:-20px;
height:240px; /*198px*/
}




/* -- Work -- */

.work {
margin-top:-21px;
width:968px;
overflow:hidden;
}
.work_cover {
position:absolute;
margin-left:960px;
width:30px;
height:1000px;
background-color:#fff; /* war F6F5F5 */
z-index:99;
}

.back_arrow {
margin-top:10px;
}

.work a {
text-decoration:none;
}

.work_a {
float:left;
width:320px;
height:124px;
margin-right:1px;
margin-top:1px;
overflow:hidden;
background-color:#333333;
}

.work_bw, .work_colour {
	position: absolute;
    z-index: 10;
}

.work_colour { 
	z-index:0;
	_z-index:-1;
}
.work_abs {
	position:absolute;
	width:320px;
	height:124px;
	overflow:hidden;
}

.work_a h4, .work_b h4 {
font-size:11px; font-weight:900; color:#FFF; text-shadow:0px 0px 0 rgb(0,0,0); 
padding-bottom:8px;
text-align:left;
}

.work_a a, .work_b a {
text-decoration:none;
}

.mosaic-backdrop {
background-color:#FFF;
}



.work_a p, .work_b p {
color:#FFF; text-shadow:0px 0px 0 rgb(0,0,0);
line-height:16px;
text-align:left;
font-size:11px;

}
.details{ margin:15px 20px;}
.details a {
text-decoration:none;
}

.work_view_by li strong {
font-weight:900;
}
.work_view_by li {
font-size:11px;
line-height:19px;
}
.work_view_by ul {
float:left;
padding-right:25px;
}
.work_view_by li a{
text-decoration:none;
color:#999999;
}


/*General Mosaic Styles*/
.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:240px;
	height:160px;	
	background:#111 url(../images/progress.gif) no-repeat center center;	
	
}

	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#111;
	}
	
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:#111;
	}
	
		/*** Custom Animation Styles (You can remove/add any styles below) ***/
		.circle .mosaic-overlay {
			background:url(../images/hover-magnify.png) no-repeat center center;
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			display:none;
		}
		
		.fade .mosaic-overlay {
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			background:url(../images/bg-black.png);
		}
		
		.bar .mosaic-overlay {
			bottom:-110px;
			height:110px;
			background:url(../images/bg-black.png);						
		}
		
		.bar2 .mosaic-overlay {
			bottom:-50px;
			height:100px;
			opacity:0.8;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter:alpha(opacity=80);
		}
		
			.bar2 .mosaic-overlay:hover {
				opacity:1;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter:alpha(opacity=100);
			}
		
		.bar3 .mosaic-overlay {
			top:-100px;
			height:100px;
			background:url(../images/bg-black.png);
		}
		/*** End Animation Styles ***/

		
		
		.work_a img{
		background-color:#000;
		/*opacity:0.3;
		filter:alpha(opacity=30);*/
		width:320px;
		}
		
		



/* -- View Work By -- */

.vwb {
width:100%;
background-image:url(../images/blackpixel.png);
background-repeat:repeat-x;
background-position:0px 30px;
}
.vwb a {
color:#777777;
}

.vwb1, .vwb2, .vwb3, .vwb4 { 
float:left;
width:195px;
float:left;
}

.vwb1 {
width:220px;
}
.vwb2 {
margin-left:60px;
width:240px; /* war 130px */
}
.vwb3 {
margin-left:60px;
width:270px; /* war 210px */
}
.vwb4 {
float:left;
margin-left:40px;
width:120px;
}

.vwb1 h2, .vwb2 h2, .vwb3 h2, .vwb4 h2{
font-size:11px;
line-height:15px;
color:#000000;
padding-bottom:30px;
font-weight:900;
}
.vwb1 p, .vwb2 p, .vwb3 p, .vwb4 p{
font-size:11px;
line-height:17px;
color:#3a3a3a;
}
.vwbclr {
clear:both;
}



		
		

/* -- Work Page --*/

.work_page {

}


.work_description {
position:absolute;
top:auto;
width:250px;
}


.work_description p{
font-size:11px;
color:#3a3a3a;
line-height:18px;
}

.work_description h1, .work_description h2 { 
font-size:11px;
}

.work_description h2 { 
padding-top:4px;
}


.work_description li{
font-size:11px;
}
.work_description li a{
text-decoration:none;
color:#3a3a3a;
line-height:20px;
}



.work_items {
width:620px;
float:right;
min-height:800px;
}

.work_item {
width:620px;
background-repeat:no-repeat;
background-position:bottom left;
padding-bottom:14px;
margin-top:4px;
}

.work_item span {
position:absolute;
margin-top:-7px;
}

.nobg {
background-position:-1000px;
}




/*-- Footer -- */

.ft_copy {
float:left;
width:180px;
font-size:11px;
font-weight:900;
color:#999999;
line-height:23px;
}

.ft_copy a{
text-decoration:none;
color:#999999;
}

.ft_nav {
float:right;
width:750px;
}

.ft_nav ul {
float:right;
}

.ft_nav li {
display:inline;
margin-left:20px;
list-style-type:none;
font-size:11px;
font-family: Helvetica, Arial, Geneva,Verdana,sans-serif;
font-weight:800;
background-image:url(../images/menudivider.png);
background-repeat:no-repeat;
background-postion:0px 15px;
padding-left:20px;
color:#999999;
}
.ft_nav li a { 
color:#999999;
text-decoration:none;
}
.ft_nav li a strong{ 
color:#000;
text-decoration:underline;
}

.ft_nav li a:hover{
color:#000;
}
.ft_nav_first {
background-position:-1000px;
}



/* --- Contact --- */

#map {
margin:0; 
padding:0;  
width: 960px; 
height: 350px; 
margin-top:-20px;
}

.contact_header {
padding-top:0px;
padding-bottom:50px;
height:134px;
}


.contact {
width:100%;
background-image:url(../images/blackpixel.png);
background-repeat:repeat-x;
background-position:0px 30px;
margin-top:40px;
}
.contact a {
color:#777777;
}
.contact1, .contact2, .contact3 {
float:left;
width:280px;
float:left;
}

.contact1 {
width:200px;
}
.contact2 {
width:320px;
margin-left:60px;
}
.contact3 {
width:320px;
margin-left:60px;
}
.contact1 h2, .contact2 h2, .contact3 h2, .contact4 h2{
font-size:11px;
line-height:15px;
color:#000000;
padding-bottom:30px;
font-weight:900;
}
.contact1 p, .contact2 p, .contact3 p, .contact4 p{
font-size:11px;
line-height:17px;
color:#3a3a3a;
padding-bottom:8px;
}
.contactclr {
clear:both;
}

#getintouch {
  position: fixed;
  left: 0;
  top: 50%;
  width:30px;
  text-align:left;
  margin-top:-48px;  
}


/* -- Forms -- */


.formtxt,.formtxt2 {
font-size:11px;
padding:6px;
border:0px solid #c3c3c3;
background-color:#F6F5F5; /* war FFF */
color:#000;
margin-bottom:15px;
width:308px;
}
.formtxt2 {
height:57px;
}







/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/
	noscript div { background: #ccc; border: 0px solid #900; margin: 0px 0; padding: 0px }
	

 	.coda-slider { width: 963px; height:450px; border:0; margin:0; padding:0; }

	.coda-slider-wrapper { padding: 0px 0; width:960px; }
	.coda-slider { background:  }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 450px; overflow: auto !important; padding-right: 0px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider .panel { width: 963px } 
		
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 963px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 0px }
			
	.coda-slider .panel { width: 963px; height:450px;}
	
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 0px; text-align: center }
	
		

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	
	
	
	
	
	
	

/* ------------------- Slider ---------------------- */
	
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:1920px;
		height:540px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(..../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(..../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */
	


/* Notification Panel */

#panel {
position:absolute; 
display:none; 
height:150%; 
width:100%; 
z-index:9999; 
text-align:center; 
color:#FFF; 
background-image:url(../images/amateurbignews_bg.png); 
padding-top:40px;
cursor:arrow;
}



/*============================================================
 Messages
============================================================*/
#message {
	/*float: left;
	clear: both;*/
	width: 984px;
	margin: 8px auto -8px auto;
	padding: 4px 0;
	background: transparent; /*#ff515f*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #333;
	}

#message.notice,
#message.success {
	background: #333333; /* war e1f9ff */
	/*color: #68aabb;*/
	color:#fff;
	}

#message a {
	color: #68aabb;
	border-bottom-color: #b2e1ee;
	}

#message a:hover {
	color: #4b91a3;
	border-bottom-color: #4b91a3;
	}
	
#message.error {
	background: #ff515f;
	color:#333;
	}

#message.error a {
	color: #ffced2;
	border-bottom-color: #ff8994;
	}

#message.error a:hover {
	color: #fff;
	border-bottom-color: #fff;
	}

#message h2,
#message p {
	display: none;
	}

#message ul {
	margin: 0 8px;
	text-align: left;
	}

#message ul {
	line-height: 21px;
	list-style: none;
	}
	
#message.notice li,
#message.success li {
	padding-left: 18px;
	background: url(../images/bullet_success.gif) no-repeat 0 5px;
	}

#message.error li {
	padding-left: 18px;
	background: url(../images/bullet_error.gif) no-repeat 0 5px;
	color: #fff;
	}
	
#message.goodbye {
	background: #efefef;
	}
	
#message.goodbye li {
/*  padding-left: 18px;
  background: url(../images/buller.gif) no-repeat 0 5px;*/
  text-align: center;
	color: #666;
	}


/* Send Form */
#send_callback {
	background: url(../images/submit.png) no-repeat 0 0px;
	border:none;
	width:103px;
	height:27px;
	text-indent:-5000px;
	cursor:pointer;
}

#send_callback_fr {
	background: url(../images/submit_fr.png) no-repeat 0 0px;
	border:none;
	width:103px;
	height:27px;
	text-indent:-5000px;
	cursor:pointer;
}

#send_callback_it {
	background: url(../images/submit_it.png) no-repeat 0 0px;
	border:none;
	width:103px;
	height:27px;
	text-indent:-5000px;
	cursor:pointer;
}

#send_callback_en {
	background: url(../images/submit_en.png) no-repeat 0 0px;
	border:none;
	width:103px;
	height:27px;
	text-indent:-5000px;
	cursor:pointer;
}

/* Languages */
a.lng_link {
	color:#3d3d3d;
	padding: 0px 10px 0px 0px;
	text-decoration:underline;
}

a.lng_link:hover {
	color:#3d3d3d;
	padding: 0px 10px 0px 0px;
	text-decoration:none;
}


/* Images */
.prod_img {
 float: left;
 width:100%;
 margin: 60px 0px;	
}

.prod_img p {
font-size: 11px;
line-height: 17px;
color: #3a3a3a;
}