html,body,div,span,h1,h2,h3,h4,p,blockquote,a,img,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
html, body {height: 100%;}

	

/*Main
-----------------------------------------------------------------------------*/	
body {
	font:62.5%/1.7 Tahoma, Arial, Helvetica, sans-serif;
	height:100%;
	text-align:center;
	color:#000;	
	background-color:#fff;
	}
ul {list-style:none;}
a {
	outline:none;
	color:#e37f26;
	text-decoration:none;
	}
blockquote {
	font-style:italic;
	padding:20px;
	}
.sIFR-flash:focus{outline: none;}
/*Headings
-----------------------------------------------------------------------------*/
#logo {
	float:left;	
	font-size:1.4em;
	text-indent:-9999px;
	margin-top: 60px;
	}
#logo a {
	display:block;
	width:217px;
	height:23px;
	text-decoration:none;
	background: url(../images/logo.gif) no-repeat 0 0;
	}
h1 {
	font-weight:normal;
	font-size:2.6em;
	color:#954593;
	}
h2 {
	font-weight:normal;
	font-size:2.2em;
	color:#954593;
	}
	
h3 {
	font-weight:normal;
	font-size:2.2em;
	color:#e37f26;
	}
	
h4 {
	font-weight:normal;
	font-size:2.2em;
	color:#954593;
	}
p {
	padding-bottom:1em;
	}
#flash,
#showreel {
	float:left;
	}
#wrapper {
	width:100%;
	text-align:left;
	min-height: 100%;
	}
	
#main {
	padding-bottom: 120px;
}

body.home #header {
	float:left;
	display:inline;
	width: 100%;
	margin: 0 auto;
	background-color: #e37f26;
	
	height: 350px;
	}
	
#header {
	float:left;
	display:inline;
	width: 100%;
	margin: 0 auto;
	background-color: #e37f26;
	
	height: 176px;
	}
	
#header-container {
	width: 945px;
	margin: 0 auto;
	height: 110px;
	
}

#content {
	
	font-size:1.2em;
	width:945px;
	margin: 0 auto;

	}
#primary-content {
	float:left;
	display:inline;
	width:620px;
	margin: 20px 0 50px 0;
	padding-bottom: 50px;
	}
	
body.about #primary-content {
	margin-bottom: 80px;
}
	
#primary-content h3 {
	border-bottom: 1px dotted #d4d4d4;
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-size: 23px;
}



#secondary-content h3 {
	border-bottom: 1px dotted #d4d4d4;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

body.home #primary-content {
	float:left;
	width:945px;
	margin: 0 auto;
	}
	
body.ourrange #primary-content, body.contact #primary-content {
	float:left;
	width:945px;
	margin: 0 auto;

	margin-top: 20px;
	padding-bottom: 100px;
}	

#secondary-content {
	float:right;
	display:inline;
	width:299px;
	
	margin: 20px 0 0 0;
	}

.brand {	
	border-bottom: 1px dotted #d4d4d4;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.brand img {
	margin-bottom: 5px;
}
	
#home-reel {
	margin: 0 auto;
	margin-top: -210px;
	position: absolute;
	margin-bottom: 20px;
	width: 964px;
}

#intro {
	margin-top: 220px;
	position: relative;
	width: 945px;
	margin-bottom: 10px;
	color: #2c2c2b;
}

#intro h2 {
	margin-top: 10px;
	color: #2c2c2b;
	font-weight: normal;
	line-height: normal;
}

.home-ranges-header {
	text-indent: -99999px;
	background: url(../images/home-ranges.gif) top left no-repeat;
	width: 149px;
	height: 45px;
	z-index: 50000;
}

#home-range {
	margin-top: 30px;
}

#ranges-container {
	width: 100%;
	height: 459px;
	background-color: #9ac9d1;
	margin-top: -20px;
	margin-bottom: 30px;
}

.clear {
	clear: both;
}

.centreit {
	width: 945px;
	margin: 0 auto;
	margin-top: 20px;
}

#ranges-container li  {
	width: 261px;
	float: left;
	display: block;
	margin: 30px 27px 0 0;
	border-right: 1px solid #fff;
	padding-right: 40px;
}

.rangeli li {
	width: 261px;
	float: left;
	display: block;
	margin: 30px 27px 0 0;
	border-right: 1px solid #fff;
	padding-right: 40px;
}

#ranges-container a img  {
	border: 8px solid #61bfcf;
}

#ranges-container a img:hover  {
	border: 8px solid #78cfde;
}

.rangeli a img  {
	border: 8px solid #61bfcf;
}

.rangeli a img:hover  {
	border: 8px solid #78cfde;
}

.rangeli li.last  {
	margin-right: 0;
	border-right: none;
	padding-right: 0;
}

#ranges-container li.last  {
	margin-right: 0;
	border-right: none;
	padding-right: 0;
}

.range-tite {
	font-size: 16px;
}

body.about .clients-list
{
	margin-bottom: 30px;
}

.clients-list {
	border-top: 1px dotted #949494;
	border-bottom: 1px dotted #949494;
	height: 60px;
	margin-bottom: 20px;
	padding-top: 30px;
}

.clients-list li {
	float: left;
	width: auto;
	display: block;
	margin-right: 56px;
	height: 32px;
}

.clients-list li.last {
	margin-right: 0;
}

.sub {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 17px;
	line-height: 1.5em;
	font-weight: normal;
	margin-top: 10px;
}

.gap {
	margin-bottom: 25px;
	
}



#rangeul li {
	background: url(../images/arrow.gif) 0 8px no-repeat;
	padding-left: 10px;
}

#rangeul li.current a  {
	color: #e37f26;
}

#rangeul li a {
	color: black;
}

.brandme_listhead {
	color: #e37f26;
	margin-top: 10px;
	margin-bottom: -12px;
}

body.brandme #primary-content li, body.technical #primary-content li {
	background: url(../images/dot.gif) 0 8px no-repeat;
	padding-left: 10px;
}

.brandme_list li {
	background: url(../images/dot.gif) left center no-repeat;
	padding-left: 10px;
}

.tech_list li {
	background: url(../images/dot.gif) 0 9px no-repeat;
	padding-left: 10px;
	margin-bottom: 20px;
}

.clients_list {
	margin-top: 20px;
	margin-bottom: 20px;
}

.clients_list li {
	background: url(../images/dot.gif) 0 11px no-repeat;
	padding-left: 10px;
	margin-bottom: 5px;
	font-size: 14px;
}

.brandmeimg {
	margin-top: 60px;
}

.orange {
	color: #e37f26;
}

.contactleft {
	width: 280px;
	float: left;
}

.contactright {
	width: 545px;
	float: right;
	margin-bottom: 100px;
}

.locationmap {
	border: 4px solid #61bfcf;
}

.telno {
	color: #e37f26;
	font-size: 19px;
	font-weight: bold;
}

/*Footer
-----------------------------------------------------------------------------*/
#footer {
	clear:both;
	font-size:1.1em;
	width:100%;
	margin:0 auto;
	height: 120px;
	background-color:#d4d4d4;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: -120px;
	position: relative;
	}

#footer ul.footer-nav li {	
	float:left;
	}
#footer ul.footer-nav li a {	
	float:left;
	display:block;
	padding:0 0.3em;
	color: black;
	}
#footer ul li a:hover,
.eyekiller a:hover {	
	color:#545454;
	}
.eyekiller {
	float:right;
	color: black;
	padding:0 10px 0 0;
	}
.eyekiller a {
	color: black;
}
	
#footer ul.address {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

#footer ul.address2 {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
	
#footer ul.address3 {
	float: left;
	margin-bottom: 20px;
}

#footer ul.address3 li a {
	color: #e37f26;
	font-weight: bold;
}

#footer .address li {
	text-align: left;
	width 200px;
}

#footer .address2 li {
	text-align: left;
	width 200px;
}

#footer .address3 li {
	text-align: left;
	width 200px;
}
	
/*Main Navigation
-----------------------------------------------------------------------------*/
ul#nav {
	float:right;
	width:686px;
	height:29px;
	margin-top:62px;
	
	}
ul#nav li {
	float:left;
	position: relative;
	}
ul#nav li a {
	height:37px;
	display:block;
	text-decoration:none;
	text-indent:-9999em;
	float:left;
	}
ul#nav li a.home  {
	width:46px;
	background:url(../images/nav.gif) no-repeat 0 0;
	}
ul#nav li:hover a.home,
body.home ul#nav a.home  {
	background-position:0 -53px;
	}
ul#nav li a.clients  {
	width:64px;
	background:url(../images/nav.gif) no-repeat -47px 0;
	}
ul#nav li:hover a.clients,
body.clients ul#nav a.clients  {
	background-position:-47px -53px;
	}	

ul#nav li a.about {
	width:60px;
	background:url(../images/nav.gif) no-repeat -111px 0;
	}
ul#nav li:hover a.about,
body.about ul#nav a.about  {
	background-position:-111px -53px;
	}
ul#nav li a.ourrange  {
	width:102px;
	background:url(../images/nav.gif) no-repeat -171px 0;
	}
ul#nav li:hover a.ourrange
  {
	background-position:-171px -90px;
	}
body.ourrange ul#nav a.ourrange , body.ourrange_spec ul#nav a.ourrange 
{
	background-position:-171px -53px;
}
body.ourrange ul#nav a.ourrange:hover , body.ourrange_spec ul#nav li:hover a.ourrange 
{
	background-position:-171px -90px;
}

	
	
ul#nav li a.brandme {
	width:78px;
	background:url(../images/nav.gif) no-repeat -276px 0;
	}
ul#nav li:hover a.brandme,
body.brandme #nav a.brandme  {
	background-position:-276px -53px;
	}
ul#nav li a.technical {
	width:84px;
	background:url(../images/nav.gif) no-repeat -356px 0;
	}
ul#nav li:hover a.technical,
body.technical #nav a.technical {
	background-position:-356px -53px;
	}
ul#nav li a.research {
	width:179px;
	background:url(../images/nav.gif) no-repeat -440px 0;
	}
ul#nav li:hover a.research ,
body.research #nav a.research  {
	background-position:-440px -53px;
	}

ul#nav li a.contact  {
	width:72px;
	background:url(../images/nav.gif) no-repeat -619px 0;
	margin-right: 0;
	}
ul#nav li:hover a.contact,
body.contact #nav a.contact  {
	background-position:-619px -53px;
	}
#nav li.last {border:none;}

ul#nav li .sub {
	position: absolute; /*--Important--*/
	top: 19px; left: 0px;
	z-index: 99999;
	background: #e06c05; /*--Background gradient--*/
	padding: 2px 6px 10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}

ul#nav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 230px;
	float: left;
}
ul#nav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}

ul#nav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(../images/navlist_arrow.gif) no-repeat 5px 16px;
	padding: 7px 5px 0px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	text-align: left;
}
ul#nav .sub ul li a:hover {
	color: #000;
	background-position: 5px 16px ;/*--Override background position--*/
	
}

.foot {
	margin-left: 50px;
}


/*sIFR Text
-----------------------------------------------------------------------------*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}
.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
	}
.sIFR-active h2 {
	visibility: hidden;
	display: block;
	font-size: 23px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1em;
    }
    
.sIFR-active h3 {
	visibility: hidden;
	display: block;
	font-size: 23px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1em;
    }
    
.sIFR-active h4 {
	visibility: hidden;
	display: block;
	font-size: 23px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1em;
    }
    
/*Data Table
-----------------------------------------------------------------------------*/   
    
table {
  	border-collapse: collapse;
  	width: 50em;
  	
  	/*table-layout:fixed;Fix widths of columns*/
    white-space:normal;/*Fix widths of columns*/
    margin-bottom: 60px;
	}
caption {
  	font-size: 1.2em;
  	font-weight: bold;
  	margin: 1em 0;
	}
col {
  	border:none;
	}
col#albumCol {
  	border: none;
	}
thead {
  	background: #fff;
	color: #e37f26;
	font-weight: bold;
	}
th {
  	font-weight: normal;
  	text-align: left;
	}
#playlistPosHead {
  	text-indent: -1000em;
	}
th, td {
  	padding: 0.3em 1em; 
  	text-align: center;
  	border-bottom: 1px solid white;
	}

tr {
	padding-top: 5px;
}

#flava {
	text-align: left;
}

td.flava-flav {
	text-align: left;
}
	
.even {
  	background-color: #cce7ed;
	}

.odd {
	
  	background-color:#e5f3f6;
	}
thead tr:hover {
  	background-color: transparent;
  	color: inherit;
	}