/* ::: CODING BY ANDREW GEDDES ::: */


/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
ESSENTIALS
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

	* {
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		text-decoration: none;
		outline: none;
		}

	body {
		background: #FFF;
		padding: 0;
		font-size: 62.5%;
		text-align: left;
		width: 100%;
		height: 100%;
		}




/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
LAYOUT STRUCTURE
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

	#wrapper {
		width: 100em;
		position:absolute;
		left: 0;
		top: 0;
		float: left;
		}


	#container {
		margin: 3em 6em 0 6em;
		float: left;
		position:absolute;
		left: 0;
		top: 0;
		}	
		
	#header {
		height: 10.5em;
		width: 100em;
		float: left;
		}
		
	#content {
		margin: 9em 0 0 0;
		width: 75em;
		float: left;
		}
		
	#footer_spacer {
		height: 6em;
		width: 80em;
		}
		
		
	#spacer {
		width: 23em;
		height: 1em;
		float: left;
		border: 0;
		clear: left;
		}
	

		

/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
MAIN TYPOGRAPHY
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

	p {
		font-family: Arial, sans-serif;
		font-size: 1.3em;
		line-height: 1.3em;
		color: #555;
		margin: 0 0 1em 0;
		}
		
	h1 {
		font-family: Arial, sans-serif;
		font-weight: strong;
		font-size: 1em;
		color: #222;
		}
		
	li {
		font-family: Arial, sans-serif;
		font-size: 1.3em;
		line-height: 1.3em;
		color: #555;
		}
		
		
		


/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
ABOUT PAGE
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

	#abt_quote {
		margin: 0;
		padding: 0;
		float: left;
		width: 61.8em;
		}

	#about_text h3 {
		margin: 0.5em 0 2em 0;
		padding: 0;
		font-family: Arial, sans-serif;
		font-size: 1.3em;
		line-height: 1.4em;
		font-weight: normal;
		color: #B7A937;
		float: left;
		clear: both;
		}

	#abt_content_columns {
		margin: 0;
		width: 73em;
		float: left;
		}

	#abt_content_col1 {
		width: 31em;
		margin: 0 2em 0 0;
		float: left;
		}
		
	#abt_content_col2 {
		width: 31em;
		float: left;
		}



	#abt_brand_identity {
		margin: 2em 0 3em 0;
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
		width: 65.8em;
		}


	#abt_25yrs {
		margin: 0 0 3em 0;
		width: 65.8em;
		}

	#clients {
		width: 65em;
		}

	#about_text {
		width: 55em;
		margin: 0;
		}



/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
HOME PAGE
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/



	#home_large_pic {
		margin: 0;
		width: 62.6em;
		float: left;
		}
		
	#carrot_stand_out {
		width: 61.3em;
		margin: 0;
		float: left;
		}

	#wrapper_home {
		width: 171em;
		position:absolute;
		left: 0;
		top: 0;
		}

	#home_inner_content {
		margin: 0 6em 0 0;
		width: 65em;
		float: left;
		}

	#content_home {
		margin: 9em 0 0 0;
		width: 135em;
		float: left;
		}




/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
CASE STUDIES PAGE
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/


	#cs_quote {
		margin: 0;
		padding: 0;
		float: left;
		width: 72em;
		}


	#cs_text h3 {
		margin: 0.5em 0 2em 0;
		padding: 0;
		font-family: Arial, sans-serif;
		font-size: 1.3em;
		line-height: 1.4em;
		font-weight: normal;
		color: #B7A937;
		float: left;
		clear: both;
		}


	#cs_text_wrapper {
		width: 73em;
		float: left;
		}
	


	
/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
HEADER (MENU)
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

	#header img {
		float: left;
		margin-right: 7em;
		}

	#header li {
		font-family: Arial, sans-serif;	
		font-size: 1.1em;
		line-height: 1.3em;
		font-style: normal;
		color: #666;
		}
		
	#header a {
		color: #666;
		text-decoration: none;
		}
		
	#header a.active, #header a:hover {
		color: #666;
		font-weight: bold;
		}

	#menu1, #menu1_sub_cs {
		padding: 0.7em 0 0 0;
		float: left;
		margin-right: 2em;
		width: 15em;
		}

	#header li.menu_inactive {
		color: #ccc;
		}

	
	#arrow_nav {
		margin-top: 1em;
		}
	
	#arrow_nav_1 {
		margin: 0 1em 0 0;
		font-size: 1.2em;
		}

	#arrow_nav_2 {
		font-size: 1.2em;
		}

	
	
	
/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
CONTENT
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

		
	#content_columns {
		width: 73em;
		}

	#content_col1 {
		width: 31em;
		margin: 5em 2em 0 0;
		float: left;
		}
		
	#content_col2 {
		margin: 5em 0 0 0;
		width: 31em;
		float: left;
		}


	#txt_stand_out {
		width: 62em;
		margin: 0;
		}

	#rw_stand_out {
		width: 73em;
		margin: 0;
		}


	#brand_text {
		width: 55em;
		height: 7em;
		margin: 3em 0 0 0;
		}
		
		
		
		
	#recentwork_text {
		width: 60em;
		height: 5em;
		margin: 3em 0 0 0;
		}

	#casestudies_text {
		width: 55em;
		margin: 0;
		}
		
	#clients {
		margin: 0 0 2em 0;
		}



/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
ROLLOVERS
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/


/* ::: ARROW LINK ::: */

	#arrow_link {
		font-family: Arial, sans-serif;
		font-size: 1.5em;
		color: #C86319;
		text-decoration: none;
		}

	#arrow_link:hover {
		color: #666;
		font-weight: bold;
		}
		
		

		
		
	#back_to_top {
		font-family: Arial, sans-serif;
		font-size: 1.8em;
		color: #666;
		text-decoration: none;		
		}

	#back_to_top:hover {
		color: #666;
		font-weight: bold;
		}
		
	#body_link {
		margin: 0.5em 0 0 0;
		border: 0;
		}
		
	#body_link a {
		font-family: Arial, sans-serif;
		font-size: 1.3em;
		line-height: 1.3em;
		color: #555;
		margin: 0 0 1em 0;
		color: #666;
		text-decoration: none;
		}
		
	#body_link a.active, #body_link a:hover {
		font-family: Arial, sans-serif;
		font-size: 1.3em;
		line-height: 1.3em;
		color: #555;
		margin: 0 0 1em 0;
		color: #666;
		text-decoration: none;
		color: #666;
		font-weight: bold;
		}



		

/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
CONTACT
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/


	#address_col1, #address_col2 {
		margin: 8em 7em 0 0;
		float: left;
		}

	#address_col1 li, #address_col2 li {
		line-height: 1.4em;
		}


	#address_col2 a {
		color: #555;
		text-decoration: none;
		}
		
	#address_col2 a:hover {
		color: #555;
		text-decoration: none; 
		font-weight: bold;
		}

	#address_col2 a.gold_rollover {
		color: #B7A937;
		}
	
	#address_col2 a:hover.gold_rollover {
		color: #B7A937;
		}








	#contact_large_pic {
		margin: 0;
		padding: 0;
		width: 336.5em;
		}
		
	#contact_stand_out {
		width: 50.9em;
		margin: 0;
		padding: 0;
		}

	#wrapper_contact {
		width: 428.5em;
		position:absolute;
		left: 0;
		top: 0;
		margin: 0;
		padding: 0;
		}

	#contact_inner_content {
		margin: 0 5em 0 0;
		padding: 0;
		width: 51em;
		float: left;
		}
		
	#content_contact {
		margin: 9em 0 0 0;
		padding: 0;
		width: 392.5em;
		float: left;
		}