/* ---------------------------------------------
HOMEPAGE STYLES - SERVICES.CSS

Colour reference

-----------------------------------------------*/


/*----------------------------------------------

TOP LINK TRAIL

------------------------------------------------*/


#toplink_trail #toplink_trail_primary {
	float: left;
	padding-top: 5px;
}

#toplink_trail .toplink_trail_secondary {
	float: left;
	padding-top: 5px;
	margin-left: 205px;
}

#toplink_trail_pro #toplink_trail_primary_pro {
	float: left;
	padding-top: 5px;
}

#toplink_trail_pro .toplink_trail_secondary_pro {
	float: left;
	padding-top: 5px;
	margin-left: 181px;
}
/*----------------------------------------------

SERVICES NAV

------------------------------------------------*/


#sidenav {
	height: 201px;
	width: 220px;
    float: right;
	margin-top: 24px;
	
}

#sidenav ul 
{
	width: 227px;
	float: right;
	display:block;
	height: 201px;
	background:url(http://www.switchcreative.co.uk/wp-content/themes/modularity/images/nav/servicesnavigation.gif) -227px 0px;
	list-style: none;
}

#sidenav li 
{
	float: right;
}

#sidenav li a
{
	height:225px;
	display:block;
	text-indent: -5000px;
	overflow:hidden;
	background-color: transparent;
}

#sidenav li.overview a 
{
	height: 25px;
	width:227px;
}

#sidenav li.overview a:hover, #sidenav li.overviewon a
{
	height: 25px;
	width:227px;
	background:  url(http://www.switchcreative.co.uk/wp-content/themes/modularity/images/nav/servicesnavigation.gif);
}

#sidenav li.webdev a 
{
	height: 25px;
	width:227px;
}

#sidenav li.webdev a:hover, #sidenav li.webdevon a
{
	height: 25px;
	width:227px;
	background:  url(http://www.switchcreative.co.uk/wp-content/themes/modularity/images/nav/servicesnavigation.gif) 0 -25px;
}

#sidenav li.emarketing a 
{
	height: 25px;
	width:227px;
}

#sidenav li.emarketing a:hover, #sidenav li.emarketingon a
{
	height: 25px;
	width:227px;
	background:  url(http://www.switchcreative.co.uk/wp-content/themes/modularity/images/nav/servicesnavigation.gif) 0 -50px;
}

#sidenav li.ecommerce a 
{
	height: 25px;
	width:227px;
}

#sidenav li.ecommerce a:hover, #sidenav li.ecommerceon a
{
	height: 25px;
	width:227px;
	background:  url(http://www.switchcreative.co.uk/wp-content/themes/modularity/images/nav/servicesnavigation.gif) 0 -75px;
}

#sidenav li.contentmanagement a 
{
	height: 25px;
	width:227px;
}

#sidenav li.contentmanagement a:hover, #sidenav li.contentmanagementon a
{
	height: 25px;
	width:227px;
	background:  url(http://www.switchcreative.co.uk/wp-content/themes/modularity/images/nav/servicesnavigation.gif) 0 -100px;
}

#sidenav li.services a 
{
	height: 25px;
	width:227px;
}

#sidenav li.services a:hover, #sidenav li.serviceson a
{
	height: 25px;
	width:227px;
	background:  url(http://www.switchcreative.co.uk/wp-content/themes/modularity/images/nav/servicesnavigation.gif) 0 -125px;
}

#sidenav li.creative a 
{
	height: 25px;
	width:227px;
}

#sidenav li.creative a:hover, #sidenav li.creativeon a
{
	height: 25px;
	width:227px;
	background:  url(http://www.switchcreative.co.uk/wp-content/themes/modularity/images/nav/servicesnavigation.gif) 0 -150px;
}

#sidenav li.overflow a 
{
	height: 25px;
	width:227px;
}

#sidenav li.overflow a:hover, #sidenav li.overflowon a
{
	height: 26px;
	width:227px;
	background:  url(http://www.switchcreative.co.uk/wp-content/themes/modularity/images/nav/servicesnavigation.gif) 0 -175px;
}


/*----------------------------------------------

PROFILE NAV

------------------------------------------------*/


#sidenav_profile {
	height: 101px;
	width: 227px;
    float: right;
	padding: 0;
	margin-top: 25px;
	
}

#sidenav_profile ul 
{
	width: 227px;
	float: right;
	display:block;
	height: 101px;
	background:url(http://www.switchcreative.co.uk/wp-content/themes/modularity/images/nav/profilenavigation.gif) -227px 0px;
	list-style: none;
}

#sidenav_profile li 
{
	float: right;
}

#sidenav_profile li a
{
	height: 101px;
	display:block;
	text-indent: -5000px;
	overflow:hidden;
	background-color: transparent;
}



#sidenav_profile  li.company a 
{
	height: 25px;
	width:227px;
}

#sidenav_profile  li.company a:hover, #sidenav_profile  li.companyon a
{
	height: 25px;
	width:227px;
	background:  url(http://www.switchcreative.co.uk/wp-content/themes/modularity/images/nav/profilenavigation.gif);
}

#sidenav_profile  li.press a 
{
	height: 25px;
	width:227px;
}

#sidenav_profile  li.press a:hover, #sidenav_profile  li.presson a
{
	height: 25px;
	width:227px;
	background:  url(http://www.switchcreative.co.uk/wp-content/themes/modularity/images/nav/profilenavigation.gif) 0 -25px;
}

#sidenav_profile  li.awards a 
{
	height: 25px;
	width:227px;
}

#sidenav_profile li.awards a:hover, #sidenav_profile  li.awardson a
{
	height: 25px;
	width:227px;
	background:  url(http://www.switchcreative.co.uk/wp-content/themes/modularity/images/nav/profilenavigation.gif) 0 -50px;
}

#sidenav_profile  li.media a 
{
	height: 25px;
	width:227px;
}

#sidenav_profile li.media a:hover, #sidenav_profile  li.mediaon a
{
	height: 25px;
	width:227px;
	background:  url(http://www.switchcreative.co.uk/wp-content/themes/modularity/images/nav/profilenavigation.gif) 0 -75px;
}


/*----------------------------------------------

PAGE STYLE

------------------------------------------------*/

#page_content {
	width: 700px;
	height: 100%;
}

#page_content h2 {
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px solid #000;
	margin-bottom: 9px;
	padding-top: 10px;
}


#page_content p.page_text {
	width: 580px;
	float: right;
	height: 100%;
	padding-top: 10px;
}

#page_content #related_projects {
	width: 580px;
	float: right;
	height: 100%;
	padding-top: 5px;
}

#page_content #related_projects h3 {
	font-size: 1.2em;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
}

#related_projects .related_box {
	height: 100%;
	width: 290px;
	float: left;
	margin-bottom: 20px;
}

#related_projects .related_box .related_no {
	float: left;	
}

#related_projects .related_box .related_content {
	float: left;
	margin-left: 10px;
	border-bottom: 1px solid #a5a5a5;
	height: 100%;
	
}

#related_projects .related_box .related_content p.project_name {
	padding: 6px 0 0px 0;
}


/*----------------------------------------------

CASE STUDY IMAGE

------------------------------------------------*/

.case_studypic {
	float: right;
	margin-bottom: 20px;
}

#page_content h3 {
	float: right;
	width: 580px;
	font-size: 1.2em;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
}

#page_content hr {
	float: right;
	width: 580px;
	font-size: 1.2em;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	border: none;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
}


#page_content p.page_text-services {
	width: 580px;
	float: right;
	height: 100%;
	padding-top: 52px;
}