/*-------------------------------------------------------------
	NOTES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	SITE COLOURS
	#cc0059 - "pred"
------------------------------------------------------------- */

/*-------------------------------------------------------------
	GENERAL PROPERTIES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body {
	font-family: "Trebuchet MS", arial, verdana, helvetica, sans-serif;
	font-size: 100%;
    line-height: 1.25em;
	background: #f2f2f2 url(../images/background.png) repeat-y left top;
    color: #000;
    margin: 0;
	}

a {
	color: #cc0059;
	text-decoration: none;
	}
	
a:hover {
	color: #000;
	}


p {
	font-size: 0.75em;
	padding: 0 0 1em 0;
	margin: 0;
	color: #4d4d4d;
	text-align: left;
	}
	
p.narrow_column {
	font-size: 0.75em;
	padding: 0 0 1em 0;
	margin: 0;
	color: #4d4d4d;
	text-align: left;
	}

p strong {
	color: #333;
}

p.focus {
	font-size: 1.1em;
	padding: 0 0 1em 0;
	margin: 0;
	color: #888;
	text-align: left;
	line-height: 1.3em;
	}

p.focus a {
	color: #888;
}

p.focus a:hover {
	color: #cc0059;
}

h2 {
	font-size: 0.875em;
	font-family: "Gill Sans", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #cc0059;
	padding: 0 0 0.5em 0;
	margin: 0;
}

h3 {
	font-size: 0.75em;
	font-family: "Gill Sans", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #cc0059;
	padding: 0 0 0.5em 0;
	margin: 0;
}

img {
	border: none;
}

ul {
	font-size: 0.75em;
	padding: 0 0 1em 2em;
	margin: 0;
	color: #4d4d4d;
	text-align: left;
	}
	
ol {
	font-size: 0.75em;
	padding: 0 0 1em 2em;
	margin: 0;
	color: #4d4d4d;
	text-align: left;
	}

#footer p {
	font-size: 1em;
	padding: 0 0 0 0;
	margin: 0;
	color: #4d4d4d;
	text-align: left;
    line-height: 1.75em;
	}

/*-------------------------------------------------------------
	LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
#holder {
	margin: 0;
	width: 960px;
	text-align: left;
    }
    
div.clear {
	clear:both;
	}
	
#left_column {
	margin: 0;
	width: 260px;
	height : 300px;
	float: left;
	padding: 0;
	}
	
#right_column {
	float: left;
	width: 700px;
	padding: 0;
	}
	
#main_content {
	float: left;
	width: 650px;
	padding: 25px 25px 25px 25px;
	background-color: #fff;
	margin: 0;
	}

img.sub_title {
	padding: 0 0 0.5em 0;
}

#footer {
	font-size: 0.675em;
	width: 675px;
	padding: 1em 0 1em 25px;
	color: #666;
	text-align: left;
}

#artwork {
	height: 200px;
}

#section_header {
	padding-bottom: 25px;
}

#full_width {
	width: 650px;
	float: left;
}

#left_text {
	width: 305px;
	float: left;
}

#right_text {
	width: 305px;
	float: left;
	padding: 0 0 0 40px;
}

#left_text2 {
	width: 355px;
	float: left;
}

#right_text2 {
	width: 255px;
	float: left;
	padding: 0 0 0 40px;
}
	
.featured_image {
	padding: 0 0 0.7em 0;
}

#no_menu3_spacer {
	height: 14px;
}

/* Menu1 */

#menu1_holder {
	padding: 0;
	height: 26px;
	float: right;
	}

#menu1 {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	font-size: 0.65em;
	font-family: "Gill Sans", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
	}
	
#menu1 li {
	padding: 0 0 0 0.5em;
	margin: 0;
	float: right;
	}
	
#menu1 a {
	padding: 0.1em 0.6em 0.1em 0.6em;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #4D4D4D;
	}
	
#menu1 a:hover {
	color: #fff;
	background-color: #cc0059;
	}

#menu1 a.client_area {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	background-color: #ccc;
	}
	
#menu1 a.client_area:hover {
	background-color: #cc0059;
	}

#menu1 .selected, #menu1 a.client_area.selected {
	color: #fff;
	background-color: #cc0059;
	}

/* Menu2 */

#menu2_holder {
	padding: 124px 0 6px 0;
	}

#menu2 {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 700px;
	height: 13px;
	position: relative;
	}
	
#menu2 span {
	display: none;
	position: absolute;
	}
	
#menu2 a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	padding-right: 10px;
	}
	
#menu2 a:hover {
	background-position: left bottom;
	}
	
#menu2 a:hover span{
	display: block;
	}
	
#menu2 .design {
	width: 50px;
	height: 13px;
	background: url(../images/menu2_design.png) no-repeat;
	left: 25px;
	top: 0px;
	}
	
#menu2 .web {
	width: 31px;
	height: 13px;
	background: url(../images/menu2_web.png) no-repeat;
	left: 85px;
	top: 0px;
	}
	
#menu2 .print {
	width: 40px;
	height: 13px;
	background: url(../images/menu2_print.png) no-repeat;
	left: 126px;
	top: 0px;
	}
	
#menu2 .motion {
	width: 58px;
	height: 13px;
	background: url(../images/menu2_motion.png) no-repeat;
	left: 176px;
	top: 0px;
	}
	
#menu2 .signage {
	width: 59px;
	height: 13px;
	background: url(../images/menu2_signage.png) no-repeat;
	left: 244px;
	top: 0px; 
	}
	
#menu2 .selected {
	background-position: left bottom;
	}

/* Menu3 */

#menu3_holder {
	padding: 0px 0 30px 0;
	}

#menu3 {
	list-style: none;
	padding: 0 0 0 26px;
	margin: 0;
	position: relative;
	font-size: 0.65em;
	font-family: "Gill Sans", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
	}
	
#menu3 li {
	float: left;
	padding-right: 1.5em;
	}
	
#menu3 a {
	text-decoration: none;
	text-transform: uppercase;
	color: #4D4D4D;
	}
	
#menu3 a:hover {
	color: #cc0059;
	}
	
#menu3 a.selected {
	color: #cc0059;
	}
	
/* Homepage only styling */	

#people_thumbs {
	list-style: none;
	padding: 0 0 25px 0;
	margin: 0;
	height: 85px;
	position: relative;
	line-height: 0;
	}
	
#people_thumbs span {
	display: none;
	position: absolute;
	}
	
#people_thumbs a {
	width: 85px;
	height: 85px;
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	}
	
#people_thumbs a:hover {
	background-position: left bottom;
	}
	
#people_thumbs a:hover span{
	display: block;
	}

#people_thumbs .head1 {
	background: url(../images/thumb_jez.jpg) no-repeat;
	left: 0px;
	}
	
#people_thumbs .head2 {
	background: url(../images/thumb_ben.jpg) no-repeat;
	left: 94px;
	}
	
#people_thumbs .head3 {
	background: url(../images/thumb_luke.jpg) no-repeat;
	left: 188px;
	}
	
#people_thumbs .head4 {
	background: url(../images/thumb_matt.jpg) no-repeat;
	left: 282px;
	}
	
#people_thumbs .head5 {
	background: url(../images/thumb_andy.jpg) no-repeat;
	left: 376px;
	}

#people_thumbs .head6 {
	background: url(../images/thumb_brett.jpg) no-repeat;
	left: 470px;
	}

#people_thumbs .head7 {
	background: url(../images/thumb_rich.jpg) no-repeat;
	left: 564px;
	}

#home_quote {
	padding: 0 0 0 0;
}

/* Homepage only styling */	

.portfolio_info {
	font-size: 0.65em;
	color: #999;
	font-family: "Gill Sans", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 1.8em;
	margin: 0;
	}


/* People page only styling */	

#small_heads {
	list-style: none;
	padding: 0 0 15px 0;
	margin: 0;
	height: 52px;
	position: relative;
	line-height: 0;
	}
	
#small_heads span {
	display: none;
	position: absolute;
	}
	
#small_heads a {
	width: 52px;
	height: 52px;
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	}
	
#small_heads a:hover {
	background-position: left bottom;
	}
	
#small_heads a:hover span{
	display: block;
	}

#small_heads .head1 {
	background: url(../images/head_small_jez.jpg) no-repeat;
	left: 0px;
	}

#small_heads .head2 {
	background: url(../images/head_small_ben.jpg) no-repeat;
	left: 62px;
	}
	
#small_heads .head3 {
	background: url(../images/head_small_luke.jpg) no-repeat;
	left: 124px;
	}
	
#small_heads .head4 {
	background: url(../images/head_small_matt.jpg) no-repeat;
	left: 186px;
	}
	
#small_heads .head5 {
	background: url(../images/head_small_andy.jpg) no-repeat;
	left: 248px;
	}

#small_heads .head6 {
	background: url(../images/head_small_brett.jpg) no-repeat;
	left: 310px;
	}
	
#small_heads .head7 {
	background: url(../images/head_small_rich.jpg) no-repeat;
	left: 372px;
	}

.big_people_image {
	padding: 0 0 20px 0;
}

table {
	color: #4D4D4D;
	width: 255px;
	border-collapse: collapse;
	font-size: 0.75em;
	font-family: "Gill Sans", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
}

tr.even_row {
	background-color: #E2E3E4;
}

td {
	padding: 0.1em 0.2em 0.1em 0.6em;
}

td.score {
	text-align: right;
	padding-right: 1em;
}

/* Client login only styling */	

#client_login dt {
	float:left;
	font-size:14px;
	line-height:24px;
	width:80px;
}

#client_login dd {
	color:#666666;
	font-size:11px;
	line-height:24px;
	margin:0 0 5px 80px;
	}

#client_login input#username {
	width:300px;
	}

#client_login input#password {
	margin-right:5px;
	width:150px;
	}

#client_login input {
	font-size:14px;
	}

#client_login dd span {
	color:#CCCCCC;
	}

/* JAVASCRIPT LOGO BITS */

.logo {
	background: url(../images/logo.png) no-repeat center top;
	width: 260px;
	height: 110px;
	padding-bottom: 4px;
}

.logo_design {
	background: url(../images/logo_design.png) no-repeat center top;
}

.logo_web {
	background: url(../images/logo_web.png) no-repeat center top;
}

.logo_print {
	background: url(../images/logo_print.png) no-repeat center top;
}

.logo_motion {
	background: url(../images/logo_motion.png) no-repeat center top;
}

.logo_signage {
	background: url(../images/logo_signage.png) no-repeat center top;
}

/* ARTWORK STYLING */

.artwork_thumb {
	padding: 0 13px 13px 0;
	margin: 0;
	border: 0;
}

.no_padding {
	padding: 0 0 13px 0;
}

#artwork_holder {
	line-height: 0;
	font-size: 0;
}

/* WIREFRAME STYLING */

#artwork {
}

h3 {
	color: #CC0059;
}

p#temp_sub_menu {
	padding: 0px 0 30px 26px;
	margin-top: -30px;
	font-size: 0.675em;
}

/* Showreel only styling */	

#showreel_thumbs {
	list-style: none;
	padding: 0 0 25px 0;
	margin: 0;
	height: 85px;
	position: relative;
	line-height: 0;
	}
	
#showreel_thumbs span {
	display: none;
	position: absolute;
	}
	
#showreel_thumbs a {
	width: 85px;
	height: 85px;
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	}
	
#showreel_thumbs a:hover {
	background-position: left bottom;
	}
	
#showreel_thumbs a:hover span{
	display: block;
	}

#showreel_thumbs .grace {
	background: url(../images/showreel_grace.jpg) no-repeat;
	left: 0px;
	}
	
#showreel_thumbs .etone {
	background: url(../images/showreel_etone.jpg) no-repeat;
	left: 95px;
	}
	
#showreel_thumbs .oasis {
	background: url(../images/showreel_oasis.jpg) no-repeat;
	left: 190px;
	}
	
#showreel_thumbs .keith {
	background: url(../images/showreel_keith.jpg) no-repeat;
	left: 285px;
	}
	
#showreel_thumbs .soon {
	background: url(../images/showreel_soon.jpg) no-repeat;
	left: 380px;
	}
	
#showreel_thumbs .next {
	background: url(../images/showreel_grace.jpg) no-repeat;
	left: 475px;
	}
	
#movie_body {
	background:#f2f2f2 none repeat scroll 0 0;
	color:#D9D9D9;
	font-family:"gill sans",gill-sans,arial,verdana,helvetica,sans-serif;
	font-size:100%;
	line-height:1.125em;
	}

#movie_holder {
	background:#f2f2f2 none repeat scroll 0 0;
	height:400px;
	margin:100px auto 0;
	position:relative;
	text-align:center;
	width:960px;
	}

/* Calculator styling */	
	

#calculator {
	color: #4D4D4D;
	font-size: 0.75em;
	float: left;
	background-color: #f2f2f2;
	padding: 1em;
	width: 350px;
	}
	
#calculator_right_text {
	width: 250px;
	float: left;
	padding: 0 0 0 25px;
	}

#calculator label {
	width: 170px;
	float: left;
	text-align: right;
	padding: 0.2em 0.5em 0 0;
	margin: 0 0 0.5em 0;
	}

#calculator select {
	width: 170px;
	padding: 0 0.5em 0 0;
	margin: 0 0 0.5em 160px;
	}

#calculator input {
	width: 120px;
	margin: 0 0 0.5em 0;
	border: solid 2px #e2e3e4;
	padding: 0.4em;
	}

fieldset {
	border: 0;
	}

#calculator p {
	font-size: 1em;
	padding: 1em 0 1em 0;
	}

#calculator input.submit {
	background-color: #cc0059;
	color: #fff;
	margin: 0 0 0 165px;
	border: solid 2px #8F0042;
	padding: 4px 6px 4px 6px;
	width: 80px;
	}

#preload_cube {
	position: absolute;
	top: 5px;
	left: -2000%;
	display: none;	
}

a.download_button {
	font-size: 0.875em;
	font-family: "Gill Sans", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0.8em 0 0.7em 0;
	color: #fff;
	background-color: #cc0059;
	margin: 0 0 1em 0;
	display: block;
	text-align: center;
}

a.download_button:hover {
	background-color: #333;
	color: #fff;
}

#menu1 a.client_area:hover {
	background-color: #cc0059;
	}
	
#jobs_quote {
	padding: 0 0 10px 0;
}

/* List styling */	

div#left_text ul, div#right_text ul {
	list-style: square;
	padding: 0 0 2em 2em;
	width: auto;
}

div#left_text ul li, div#right_text ul li {
}