body {

font-family:Arial, Helvetica, sans-serif;
width:950px;
float:left;
margin:0;
padding:0;
background-color:#FFFFFF;
background-attachment: fixed;
background-image: url(/_images/global/pattern_02.gif);
background-repeat:repeat-y;
background-position:left;

} 





h2 {
	display:block;
	width:467px;
	float:left;
	font-size:1.25em;
	font-weight:900;
	margin:0;
	padding:10px 0 10px 0;
/*	border-top:3px solid black; */
	color:black;
	background:url('/_images/global/dot.gif') repeat-x bottom;

}



h3 {

	position:relative;
	display:block;
	width:466px;
	font-size:16px;
	margin:0px;
	padding:2px 0 2px 10px;
	color:black;
	background:url('/_images/global/dot.gif') repeat-x bottom;
	float:left;
}



h4 {

	display:block;
	width:600px;
	font-size:1em;
	margin:0;
	padding:10px 0 10px 10px;
	color:black;
	float:left;
	background:url('/_images/global/dot.gif') repeat-x bottom;

}



/*SPAN STYLES */



.text_style2{

	color:red;
	font-weight:bold;

}



.text_style3{

	color:#C4C4C4;
	font-size:11px;
}



.text_style4{

	font-size:11px;

}



.bottom_button{

	position:relative;
	display:block;
	width:465px;
	float:left;
	text-align:right;
	padding:5px;
	margin:0;
	font-size:11px;
	background:url('/_images/global/dot.gif') repeat-x bottom;

}

.text_style5 {
	padding:0;
	margin:0;
	width:80px;
	line-height:11px;
	font-size:8px;
	font-style:italic;
	color:#666666;

}



/*LAYOUT STYLES */




#logo{
	position:relative;
	margin: 0;
	padding:0;
	text-align:right;
}

#primary_nav{
	position: fixed;
	float:left;
	margin:0px;
	padding:0px;
	width:115px;
	text-align:left;

}



/*NAV LAYOUT/STYLES */



a img {
	border:none;
}


img {
	position:relative;
	padding:0px;
	margin:0px;
	}



p img{
	padding:3px 0 3px 0;
	margin:0;
	background:url('/_images/global/dot.gif') repeat-x bottom;
}





ul#main_nav {

	float:left;
	padding:0;
	margin:9px 20px 0 0;
	list-style:none;
}



ul#main_nav li{

	padding:10px 0 0 0;
	margin:0;
	line-height:12px;
	position:relative;
	float:left;

	/* background:url('/_images/global/dot.gif') repeat-x bottom; */

}



ul#main_nav li a{

	display:block;
	width:105px;
	position:relative;
	padding:1px 5px 1px 5px;
	font-size:10px;
	text-decoration:none;
	color:white;
	background-color:black;
	text-align:right;

}



ul#main_nav li a:hover, .selected a {

	color:black;
	background: url('/_images/global/dot_diagonal.gif') repeat;
}



body.home #main_nav .home a,
body.webworks #main_nav .webworks a,
body.print #main_nav .print a,
body.playground #main_nav .playground a,
body.about #main_nav .about a,
body.contact #main_nav .contact a,
body.recent_works #main_nav .recent_works a,
body.webworks #main_nav .webworks a,


/* WEBWORKS */
body.mistique_collections #sub_nav .mistique_collections a,
body.smith_stone_walters #sub_nav .smith_stone_walters a,
body.natural_organic_experience #sub_nav .natural_organic_experience a,
body.my_city_pad #sub_nav .my_city_pad a,
body.slough_central #sub_nav .slough_central a,
body.superstar_avatar #sub_nav .superstar_avatar a,
body.bucks4banners #sub_nav .bucks4banners a,
body.shingoi #sub_nav .shingoi a,
body.aloe_vera_guru #sub_nav .aloe_vera_guru a,
body.olive_solutions #sub_nav .olive_solutions a,
body.ecsc #sub_nav .ecsc a,


/* RECENT WEBWORKS */
body.bg-energy_smart #sub_nav .bg-energy_smart a,
body.bg-homepage_reskin #sub_nav .bg-homepage_reskin a,
body.bg-local_pages #sub_nav .bg-local_pages a,
body.bg-swimming_portal #sub_nav .bg-swimming_portal a,
body.bg-widget #sub_nav .bg-widget a,
body.canary_wharf #sub_nav .canary_wharf a,
body.o2-corporate #sub_nav .o2-corporate a,
body.o2-emails #sub_nav .o2-emails a,
body.tetley #sub_nav .tetley a,
body.bsm #sub_nav .bsm a,




/* PRINTWORKS */
body.olive #sub_nav .olive a,
body.RSscan #sub_nav .RSscan a,
body.benchmark #sub_nav .benchmark a,
body.typo #sub_nav .typo a,
body.casa #sub_nav .casa a,

/* PLAYGROUND */
body.fat_suns_alight #sub_nav .fat_suns_alight a,
body.mini_squadron #sub_nav .mini_squadron a,
body.oakley #sub_nav .oakley a,
body.blackday_for_freedom #sub_nav .blackday_for_freedom a,
body.isolation #sub_nav .isolation a,
body.black_white #sub_nav .black_white a,
body.sketches #sub_nav .sketches a,
body.ambiguous #sub_nav .ambiguous a,
body.sketches #sub_nav .sketches a,
body.motion-casa #sub_nav .motion-casa a,
body.solitude #sub_nav .solitude a

{

	color:black;
	background: url('/_images/global/dot_diagonal.gif') repeat;
	cursor:default;

}




/*SUB NAV STYLES */



ul#sub_nav {
	font-size:11px;
	position:fixed;
	top:125px;
	float:left;
	left: 115px;
	width:85px;
	padding:0;
	margin:0 0 0 15px;
	list-style:none;

}



ul#sub_nav li{
	width:85px;
	font-size:11px;
	padding:15px 0 5px 5px;
	margin:0;
	line-height:12px;
	position:relative;
	float:left;
	background:url('/_images/global/dot.gif') repeat-x bottom;
	background-color:white;
	display:block;

}



ul#sub_nav li a{

	display:block;
	position:relative;
	text-decoration:none;
	color:black;
	text-align:left;

}





ul#sub_nav a:hover, .selected a {

	color:black;
	background: url('/_images/global/dot_diagonal.gif') repeat;
}



/*SUB NAV SUB LIST STYLES */



ul#sub_nav li ul {

/*	line-height:9px; */

	margin:0 0 0 0px;
	padding:0 0 0 12px;
	position:relative;
	float:left;

/*	list-style-position: inside; */

}



ul#sub_nav li ul li {

/*	list-style:url(_images/global/arrow.gif); */
	list-style: none;
	text-indent:-1em;
	padding:10px 0 0 0;
	margin:0;
	background:none;
}


ul#sub_nav li ul li a{
	
	padding:0;
	margin:0;
	width:70px;
	line-height:11px;
	font-size:9px;
	font-style:italic;
	color:#333333;

}





/*CONTENT LAYOUT */

#content_area_nosubnav {

	display:inline;
	position:relative;
	float:left;
	left:120px;
	padding:0px;
	margin:0 0 0 30px;
	width: 476px;

}

#content_area {

	display:inline;
	position:relative;
	float:left;
	left:220px;
	padding:0px;
	margin:0 0 0 30px;
	width: 476px;

}







#content_area p{

	padding:0px;
	margin:0;
}


#header_image {

	position:relative;
	padding:0;
	margin:0;
}



#project_description {

	float:left;
	position:relative;
	width:465px;
	font-size:11px;
	color:black;
	line-height:15px;
	margin:0;
	padding:10px 0 0 10px;
	background: #00ff00 url('/_images/global/dot.gif') repeat-x bottom;
	background-color:white;
}



#project_description-about {

	float:left;
	position:relative;
	width:600px;
	font-size:11px;
	color:black;
	line-height:15px;
	margin:0;
	padding:10px 0 0 10px;
	background: #00ff00 url('/_images/global/dot.gif') repeat-x bottom;
	background-color:white;

}


#footer{

	position:relative;
	float:left;
	margin:0 0 10px 0;
	padding:2px 0 0 2px;
	font-size:9px;
	color:black;
	background: url('/_images/global/dot_diagonal.gif') repeat;

}



/*CONTENT LINK STYLES */

#content_area a {

	color:black;
	text-decoration:none;
	background:url('/_images/global/dot_red.gif') repeat-x bottom;
}



#content_area a:hover {

	text-decoration:none;
	background:url('/_images/global/dot_diagonal.gif') repeat;

	}

/* sIFR stuff */

.sIFR-active object {
  display: block;
}