/*
Title: 	Sotomayor Website Style Sheet
Author:	Tom Blackburn (tom@sotomayor.co.uk)
Date:	30 December 2007
*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	color: #666;
	background-color: #FFF;
	}

span.hide { display: none; }

p {
	margin: 0;
	padding: 0;
	}

p.smallprint {
	font-size: 10px;
	}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

dl { margin: 0; padding: 0; }

h1 {
	margin: 0;
	}

h2 {
	margin: 0;
	}

/* links */

a {	
	color: #f60;
	text-decoration: none;
	}

a:hover {
	color: #666;
	}

a.discretelink {
	color: #666;
	}
	
a.discretelink:hover {
	color: #f60;
	}

/* header */

#header {
	background: url(../images/backgrounds/dgreenGradient.gif) repeat-x top left;
	background-color: #066;
	}

#logoStrap {
	width: 706px;
	height: 65px;
	margin: 0 auto;
	}

#sotomayorLogo {
	margin: 20px 0 21px;
	float: left;
	}

#strapLine {
	margin: 24px 0 24px 204px;
	}

#navigation {
	width: 706px;
	height: 35px;
	background: url(../images/navigation.gif) top left;
	margin: 0 auto;
	}

#navigation a {
	height: 35px;
	display: block;
	}

#aboutTab { width: 100px; height: 35px; float: left; }
#aboutTab a:hover { background: url(../images/navigation.gif) 0 -35px; }
#aboutTab a.current { background: url(../images/navigation.gif) 0 -70px; }

#directTab { width: 100px; height: 35px; margin-left: 1px; float: left; }
#directTab a:hover { background: url(../images/navigation.gif) -101px -35px; }
#directTab a.current { background: url(../images/navigation.gif) -101px -70px; }

#retailTab { width: 100px; height: 35px; margin-left: 1px; float: left; }
#retailTab a:hover { background: url(../images/navigation.gif) -202px -35px; }
#retailTab a.current { background: url(../images/navigation.gif) -202px -70px; }

#corporateTab { width: 100px; height: 35px; margin-left: 1px; float: left; }
#corporateTab a:hover { background: url(../images/navigation.gif) -303px -35px; }
#corporateTab a.current { background: url(../images/navigation.gif) -303px -70px; }

#identityTab { width: 100px; height: 35px; margin-left: 1px; float: left; }
#identityTab a:hover { background: url(../images/navigation.gif) -404px -35px; }
#identityTab a.current { background: url(../images/navigation.gif) -404px -70px; }

#websitesTab { width: 100px; height: 35px; margin-left: 1px; float: left; }
#websitesTab a:hover { background: url(../images/navigation.gif) -505px -35px; }
#websitesTab a.current { background: url(../images/navigation.gif) -505px -70px; }

#contactTab { width: 100px; height: 35px; margin-left: 1px; float: left; }
#contactTab a:hover { background: url(../images/navigation.gif) -606px -35px; }
#contactTab a.current { background: url(../images/navigation.gif) -606px -70px; }

/* main body */

#mainBody {
	width: 706px;
	margin: 40px auto 0 auto;
	padding: 0;
	}

#mainBody img {
	display: block;
	}

/* main column */

#mainColumn {
	width: 475px;
	float: left;
	}
	
#fullWidth {
	width: 706px;
	float: left;
	}

#homepageImage {
	width: 475px;
	height: 115px;
	border-top: 1px dotted #066;
	}

#aboutUsCopy {
	background: url(../images/backgrounds/lGreenGradient100.gif) repeat-x;
	border-top: 1px dotted #066;
	padding: 14px;
	}

#aboutUsCopy p {
	margin-bottom: 12px;
	}

#clientList {
	background: url(../images/backgrounds/lGreenGradient100.gif) repeat-x;
	border-top: 1px dotted #066;
	padding: 14px 14px 30px 14px;
	}

#clientList a {	
	color: #666;
	}

#clientList a:hover {
	color: #f60;
	}

#column1 {
	width: 217px;
	float: left;
	margin-right: 14px;
	}

div.workSample {
	border-top: 1px dotted #066;
	}

#largeThumbs a {
	display: block;
	border-top: 1px dotted #066;
	}

#largeThumbs a:hover {
	display: block;
	border-top: 1px dotted #f60;
	}

li.largeThumbLeft {
	width: 226px;
	height: 180px;
	float: left;
	clear: left;
	margin-right: 14px;
	}

li.largeThumbCentre {
	width: 226px;
	height: 180px;
	float: left;
	margin-right: 14px;
	}	

li.largeThumbRight {
	width: 226px;
	height: 180px;
	float: left;
	}
	
#projectDescription {
	background: url(../images/backgrounds/lGreenGradient50.gif) repeat-x;
	border-top: 1px dotted #066;
	padding: 14px 14px 10px 14px;
	}

#projectDescription p {
	margin-bottom: 10px;
	}

#projectDescription p.client {
	margin-bottom: 0px;
	}

#projectDescription span.label {
	color: #066;
	}

#projectDescription img {
	display: inline;
	}
	
#contactImage {
	border: 1px dotted #066;
	}

/* testimonials */
#testimonial {
	background: url(../images/backgrounds/lGreenGradient50.gif) repeat-x;
	border-top: 1px dotted #066;
	padding: 14px 14px 18px 14px;
	}

#testimonial p.name, #testimonial p.jobTitle {
	color: #066;
	font-size: 10px;
	text-align: right;
	}

#testimonial img {
	display: inline;
	}

/* sidebar */

#sidebar {  
	width: 202px; 
	margin-left: 29px; 
	float: right; 
	}

#featuredList li {
	float: left;
	margin-right: 6px; 
	margin-bottom: 6px;
	}

#featuredList li a {  
	display: block; 
	padding: 2px; 
	border: 1px dotted #f60; 
	background: white;  
	}
	
#featuredList li.end { margin-right: 0; }
#featuredList li.bottom { margin-bottom: 21px; }
#featuredList li.bottomend { margin-bottom: 21px; margin-right: 0; }

#featuredList li a:hover {
	padding: 1px;
	border: 2px solid #f60;
	}

#ourTeamTitle {
	clear: left;
	}

#ourTeam {
	background: url(../images/backgrounds/orangeGradient100.gif) repeat-x;
	padding: 2px 10px 0 12px;
	border-top: 1px dotted #f60;
	font-size: 10px;
	margin-bottom: 26px;
	}
	
#ourTeam li.jobTitle {
	color: #f60;
	margin-top: 8px;
	}

div.extraInfo {
	background: url(../images/backgrounds/orangeGradient100.gif) repeat-x;
	padding: 0 15px 13px 12px;
	margin-bottom: 13px;
	border-top: 1px dotted #f60;
	font-size: 10px;
	}
	
div.extraInfo img {
	float: left;
	margin: 11px 8px 0 0;
	}

div.extraInfo p {
	margin-top: 8px;
	}

#workList { 
	background: url(../images/backgrounds/orangeGradient200.gif) repeat-x; 
	padding: 10px;
	border-top: 1px dotted #f60;
	line-height: 1.3em;
	}

#workList dt { clear: left;	}

#workList dt a { 
	float: left;
	display: block; 
	padding: 2px; 
	border: 1px dotted #f60; 
	background: white; 
	margin-right: 10px; 
	margin-bottom: 10px; }

#workList dt a:hover {
	padding: 1px;
	border: 2px solid #f60;
	}
	
#workList dt a.current {
	padding: 2px;
	border: 1px dotted #066;
	}

#workList dd {
	padding-top: 2px;
	}

#workList dd.clientNameCurrent { 
	color: #066;  
	}
	
#workList dd.projectTitle { 
	font-size: 10px;
	padding-top: 0; 
	}

#address {
	background: url(../images/backgrounds/orangeGradient60.gif) repeat-x;
	padding: 10px 10px 20px 10px;
	border-top: 1px dotted #f60;
	}

#contactDetails {
	background: url(../images/backgrounds/orangeGradient60.gif) repeat-x;
	padding: 2px 10px;
	border-top: 1px dotted #f60;
	}

#contactDetails li {
	margin-top: 8px;
	}
	
#contactDetails span.label {
	color: #f60;
	}