/*	

	Storm Creative Communications Ltd screen style sheet
	Created:Wednesday 17.02.10
	Last Updated:Friday 19.02.10
	Authors:	Scott Harrington, scott@thinkstorm.co.uk, Nick Sheehy, nick@thinkstorm.co.uk

*/




/* type and colour */

body
	{
	color:#5f584d;
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
	background-color:#fff;
	margin:0;
	overflow: hidden;
	}

body.recruitment
	{
	color:#fff;
	background-color:#5F584D
	}

p
	{
	padding-left:17px;
	margin:0 0 18px;
	line-height:18px
	}
	
p a
	{
	color: #5F584D;
	font-weight:bold;
	text-decoration:none;
	border-bottom: 1px dotted #a59e93;
	padding: 0 0 2px;
	}

body.recruitment p a 
	{
	color:#fff;
	}

p a:hover 
	{
	border-bottom: 1px solid;
	}

p.address
	{
	padding:54px 0 0 17px;
	font-size:10px;
	margin-bottom:10px;
	line-height:1.5
	}

p.contact
	{
	padding:0 0 0 17px;
	margin-bottom:36px
	}

h1
	{
	font-size:16px;
	font-weight:normal;
	line-height:22px;
	color:#fff;
	padding:0 0 36px 17px
	}

h1 span
	{
	color:#a59e93;
	}
	
	#companies{
	padding-left: 16px;
	
	}
	h4{
	text-transform: uppercase;
	margin-top: 50px;
	padding-bottom: 5px;
	border-bottom: 1px solid #605A4E;
	margin-bottom: 20px;
	font-size: 10px;
	font-weight: normal;
	}
	
	hr{
	background-color: #dbdbdb;
	border: 0;
	height: 1px;
	margin: 15px 0;
	
	}
#ice-cream
	{
	color: #a59e93;
	}
	
#ice-cream img
	{
	margin: 0 6px 0 -20px;
	float: left;
	}



/* holds content within a portrait layout & positioned left */

#container
	{
	width:960px;
	}




/* holds the logo header */

#header
	{
	width:450px;
	height:143px;
	float:left;
	}

.recruitment #header
	{
	float:none;
	}



/* we're hiring button */

a#recruit
	{
	display: block;
	width: 117px;
	height: 21px;
	background-image: url(http://www.thinkstorm.co.uk/assets/images/we-are-hiring.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -117px;
	overflow: hidden;
	}
		
a#recruit:hover
	{
	background-position: top right;
	}




/* left column */

#column
	{
	width:242px;
	padding:0 45px 0 163px;
	float:left;
	}




/* image/portfolio container */

.image-container
	{
	width:500px;
	height:100%;
	padding:0 0 0 10px;
	float:Right;
	}

#portfolio
	{
	padding:140px 0 0 10px;
	}




/* additional classes */

.action
	{
	color:black;
	}

.carousel span
	{
	display:block;
	height:2000px;
	text-align: center;
	}




/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container 
	{
  position:relative;
	}

.jcarousel-clip
	{
  z-index:2;
  padding:0;
  margin:0;
  overflow:hidden;
  position:relative
	}

.jcarousel-list
	{
  z-index:1;
  overflow:hidden;
  position:relative;
  top:0;
  left:0;
  margin:0;
  padding:0
	}

.jcarousel-list li,
.jcarousel-item 
	{
  float:left;
  list-style:none;
  /* We set the width/height explicitly. No width/height causes infinite loops. */
  width:75px;
  height:75px
	}