/* @group Structure */
#outer{
	width:880px;
	position:relative;
	margin:0 auto 30px;
	text-align:left;
}
#content{
	width:880px;
	margin:10px 0 0 0;
	background:url(../images/rightbg.jpg) repeat-y 636px 0 ;
	overflow:hidden;
}
/* @end */

/* @group Header */
/* image replacement*/
h1#logo, h1#logo a, h1#logo em {
	width:304px;
	height:116px;
	display:block;
	cursor:pointer;
	overflow:hidden;
	margin:0;
	z-index:2;
	position:relative;
}
h1#logo {
	position:absolute;
	top:40px;
	left:0;
	z-index:1;
}
h1#logo a {
	top:0;
	left:0;
	position:absolute;
}
h1#logo em {
	background:url(../images/logo.jpg) no-repeat 0 0;
	position:absolute;
	left:0;
	top:0;
}
#header {
	width:880px;
	position:relative;
	margin:auto;
	text-align:left;
	height:208px;
}
p.tagline{
	position:absolute;
	top:120px;
	left:2px;
	color:#ababab;
	z-index:2;
	width:190px;
	text-transform:uppercase;
}
p.tagline a{
	color:#ababab!important;
	text-transform:uppercase;
	font-size:12px;
}
p.authorised{
	position:absolute;
	left:609px;
	top:74px;
}
/* image replacement*/
p.authorised,p.authorised a, p.authorised em {
	width:226px;
	height:46px;
	cursor:pointer;
	overflow:hidden;
	margin:0;
	position:absolute;
}
p.authorised a {
	top:0;
	left:0;
}
p.authorised em {
	background:url(../images/authorised.jpg) no-repeat 0 0;
	left:0;
	top:0;
}
/* @end */

/* @group Navigation */
/* navigation placed absolutely on orange line so that it sits properly in all browers. */
#nav{
	width:835px;
	margin:0;
	position:absolute;
	bottom:0;
	left:35px;
}
#nav li{
	float:left;
	font-size:16px;
	margin:0 2px 0 0;
	background:url(../images/nav-div.jpg) no-repeat 100% 100%
}
#nav li.last{background:none}
#nav li a,#nav li a:visited/*,#nav li span*/{
	color:#dedddd;
	display:block;
	padding:7px 10px 8px;
}
#nav li strong{
	display:block;
	background:#ea8c1f url(../images/navlc.gif) no-repeat 0 0;
}
#nav li.current a{
	background:url(../images/navrc.gif) no-repeat 100% 0;
	color:#000;
	font-weight:bold;
}
#nav li a:hover{text-decoration:underline;color:#fff}
#nav li a:focus {outline: none;}
/* @end */

/* @group Main left section */
#main{
	float:left;
	width:610px;
	padding:15px 0 1px;
	margin:0 0 0 10px;
	display:inline;
}
#main p {
	line-height: 1.7em;
	margin-bottom: 1em;
}
.detail #main {
	width: 590px;
}
h2{
	color:#fff;
	text-transform:uppercase;
	font-size:28px;	
	margin:15px 0;
}
h2.welcome{margin:23px 0 22px 0}
body#home h2.welcome {
	text-transform: none;
}
body.detail h2.welcome {
	font-size: 23px;
}
#content h3 {
	color: #7CC6FF;
	margin: 2.5em 0 1em;
	text-transform: uppercase;
	font-size: 14px;
}
#content ul {
	margin-bottom: 2em;
}
p.intro{
	color:#dedede;
	line-height:1.5;
	width:550px;
	margin:0 0 40px;
}

#home div.intro{
	color:#dedede;
	line-height:1.5;
	width:550px;
	margin:0 0 40px;
}
/* macbook and iphone floated blocks */
/* #section carries both elements side borders to equalise heights*/
#section1{
	clear:both;
	overflow:hidden;
	width:579px;
	background:url(../images/fblock-slice.gif) repeat-y 0 0;
	margin:0;
}

.fblock{
	float:left;
	width:272px;
	margin:0 35px 0 0;
	display:inline;
}

.fblock2{margin:0}
.finner{
	margin:0 0 0 4px;
	width:232px;
	padding:7px 15px 5px;
	background:url(../images/fblock-inner.jpg) repeat-x 0 0;
}
.top{
	width:272px;
	height:10px;
	overflow:hidden;
	background:url(../images/box-top.gif) no-repeat 0 0;
	clear:both;
}
.full-base1,.full-base2,.full-base3{
	height:38px;
	background:url(../images/full-base1.jpg) no-repeat 0 0;
	width:870px;
	clear:both;
	margin:-1px 0 40px 10px;
}
.full-base2{
	background:url(../images/full-base2.jpg) no-repeat 0 0;
}
.full-base3{
	margin:0 0 5px 10px;
	background:url(../images/full-base3.jpg) no-repeat 100% 0;
	position:relative;
}

.finner p{
	color:#f7f7f7;
	font-size:12px;
	line-height:1.3em;
}

#main .finner p img {
	float: none;
	margin: 0;
	padding: 0;

}
#content .fblock h3{
	color:#fff;
	font-size:20px;
	text-transform:uppercase;
	margin:0 15px 10px 5px;
	position:relative;
	min-height:0;
}
.fblock span{
	position:absolute;
	right:-10px;
	top:-10px;
	width:41px;
	height:41px;
	background:url(../images/new.jpg) no-repeat 0 0;
}
p.pic1{
	background:#000;
	padding:5px;
	margin:0 0 10px;
}
p.pic1:hover {
	background: #7CC6FF;
}
/* @end */

/* @group Footer */
#footer{
	width:100%;
	clear:both;
	background:#141414 url(../images/footer-bg.jpg) repeat-x 0 0;
	border-bottom:1px solid #282828;
	text-align:left;
}
.foot-inner{
	width:880px;
	margin:auto;
	padding:10px 0 20px;
	font-size:93%;
}
.foot{
	float:left;
	width:230px;
	line-height:1.4;
	padding:0 6px 0 0;
	margin:0 65px 0 12px;
	display:inline;
}
.foot2{margin-right: 0}
.foot p{
	clear:both;
	margin:0 0 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #3F3F3F;
}
.foot p.last{margin-bottom:0; border-bottom: none;}
.foot a {font-weight: bold;}
.foot a.u {font-weight: normal;}
.foot a.directions {color: #7CC6FF; font-weight: bold; font-size: 14px; position: relative; top:2px}
.foot img{
	float:left;
	margin:0 10px 0 0;
}
#footer h2 {color: #2e2e2e; margin: 0 0 10px 7px; font-size: 30px;}
#footer h3 {font-size: 14px;}
p.logo2{
	float:right;
	margin:10px 17px 0 0;
	width:235px;
	height:136px;
	display:inline;
}
p.copyright{
	color:#434343;
	margin:10px auto;
	width:880px;
	font-size:12px;
	text-align:left;
}
p.copyright a{color:#434343!important;margin:0 0 0 10px}
p.copyright a:hover{text-decoration:underline;}
/* @end */

/* @group Right column */
#extra{
	float:right;
	width:250px;
	background:url(../images/right-top.jpg) no-repeat 2px 0;
	margin:0;
	padding:10px 0 0 0;
}
#extra h4{
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	margin:22px 0 15px 25px;
	width:205px;
}
#extra h5{
	color:#7cc6ff;
	margin:15px 0 8px;
	font-size:14px;
}
#extra .story h5 a{color:#7cc6ff}
#extra .story h5 a:visited{color:#7cc6ff}
#extra .story h5 a:hover{text-decoration:underline}

.story{
	width:205px;
	margin:0 0 0 25px;
	padding:0 0 20px;
}
.story p{font-size:11px;line-height:1.7; margin-bottom: 30px;}
#extra blockquote{
	margin:22px 0 10px 25px;
	width:205px;
	color:#fff;
	font-size: 12px;
	line-height: 1.7em;
}
#extra cite{
	display:block;
	margin:10px 0;
	color: #7CC6FF;
	font-weight: bold;
}
.mid-extra{
	width:241px;
	background:url(../images/right-mid.jpg) no-repeat 0 0;
	margin:0 0 0 6px;
	padding:15px 0 5px;
}
/* @end */

/* @group Product page */
#nav li.pre-current {
	background:none
}
p.breadcrumb {
	font-size:85%;
	color:#ededed;
	margin:5px 0 10px;
}
.breadcrumb span {
	position:relative;
	top:-1px
}
p.intro2,p.intro3 {
	font-size:100%;
	color:#dedede;
	margin:0 0 17px 0;
}
p.intro3 {margin:0 40px 17px 0}
#sliderwrap {
	width:640px;
	margin-left:-25px;
}

#main #sliderwrap img {
	float: none;
	padding: 0;
	margin: 0;
}
#products #content {
	overflow:visible
}
#products #main {
	margin-bottom:-40px
}
#products #extra{padding-bottom:10px}
.listing #main {margin-bottom:-24px!important}
p#back {
	font-weight: bold;
	margin-top: 1em;
	clear: both;
	line-height: 1em;
}
/* @end */

/* @group Slider */
#slider {
	width: 593px;
	margin: 0 auto;
	position: relative;
}
.scroll {
	/* height: 330px; */
	width: 587px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	border: 3px solid #d0d0d0;
	border-width:0 3px 0;
	background:#fff;
	margin: 0;
}
.scroll-top {
	width:593px;
	margin:0;
	background:url(../images/scroll-top2.jpg) no-repeat 0 0;
	clear:both;
	padding:8px 0 0;
}
.scrollContainer div.panel {
	padding:10px 6px 20px;
	/* height: 310px; */
	width: 578px;
}
.scrollContainer div.panel img {
	margin-bottom: 20px;
}
#content ul.navigation {
	list-style: none;
	margin: 40px 0 0 0;
	padding: 0;
	position: relative;
	left: 15px;
	top:4px;
	z-index:80;
}
ul.navigation li {
	float:left;
	margin-right: 1px;
}
ul.navigation a, ul.navigation span {
	display:block;
	color:#ea8c1f;
	font-size:12px;
	font-weight:bold;
}
ul.navigation span {
	padding:7px 10px 13px;
}
ul.navigation a.selected, ul.navigation a.selected span {
	background:#fff url(../images/tablc.gif) no-repeat 0 0;
	color:#171717;
	text-decoration:none;
}
ul.navigation a:hover {}
ul.navigation a.selected span {
	background:url(../images/tabrc.gif) no-repeat 100% 0;
	color:#171717;
}
ul.navigation a:focus,
ul.nav a:focus {
	outline: none;
}
#content .scrollButtons {
	position: absolute;
	top: 200px;
	cursor: pointer;
	border: none;
}
.scrollButtons.left {
	left: -24px;
	border: none;
}
.scrollButtons.right {
	right: -24px;
	border: none;
}
.scroll h2 {
	color:#2b2b2b;
	text-transform:none;
	font-size:131%;
	margin:2px 0 15px;
	padding:0 0 0 20px;
	clear:both;
}
a.info {
	position:absolute;
	right:10px;
	top:2px;
}
.scroll p {
	color:#414141;
	line-height:1.3;
	padding:0 0 0 20px;
	margin:0;
}
.scroll p.scrollimg {
	float:right;
	margin:-22px 20px 5px 25px;
	padding:0;
}
ul.related {
	margin:0 0 0 30px
}
ul.related li {
	width: 170px;
	float: left;
	clear: none;
	padding:0 10px 0 0;
}
h2.relatedheading {
	clear: both;
	margin:10px 0 20px;
	padding:10px 10px 0 20px;
	font-size:100%;
}
#content ul.related li h3 {
	font-size: 90%;
	margin-top: 0;
}
ul.related li h3 a {
	color:#0aadd0
}
ul.related li h3 a:hover {
	color:#ea8c1f;
	text-decoration:none;
}
#main #sliderwrap ul.related li img {
	float: left;
	margin:0 7px 0 10px;
	border:1px solid #b8b8b8;
}
ul.related li a:hover img {
	border:1px solid #ea8c1f
}
.slidebase {
	width:593px;
	height:37px;
	margin:0 0 0 -2px;
	background:url(../images/scroll-base.jpg) no-repeat 0 0;
	clear:both;
}
.relblock {
	width:100%;
	background:url(../images/scroll-mid.jpg) repeat-x 0 0;
	clear:both;
	float:left;
	margin:0 0 0 1px;
}
/* @end */

/* @group Product page right column */
.subnav{
	width:226px;
	margin:10px 0 55px;
	font-size:100%;
}
#content .subnav ul{margin-bottom:0; margin-top: 5px; font-size: 12px;}
.subnav p{
	color:#ea8c1f;
	margin:0;
	font-weight:bold;
}
.subnav  li{
	background:url(../images/subnav-div.jpg) no-repeat 50% 100%;
	padding:8px 0 8px 8px;
	margin:0 0 0 25px;
}
.subnav li li{
	background:none;
	margin:0 0 0 20px;
	padding:3px 0;
}
.subnav li a,.subnav li a:visited{color:#adadad;}
.subnav li a:hover,
.subnav li.current a,
.subnav li span{color:#fff;text-decoration:none;}

/* teaser box in right column */
.teaser{
	width:203px;
	margin:0 0 0 24px;
}

.teaser img {
	padding: 4px;
	border: 4px solid #000;
	background: #fff;
	
}
#extra .mid-extra .teaser h4{
	color:#fff;
	font-size:100%;
	text-transform:uppercase;
	margin:10px 0 15px;
	padding:0;
}
.teaser p{
	margin:15px 0;
	font-size:85%;
}
.view{text-align:right;}
/* @end */

/* @group Main products page */

ul.browse{
	margin:0;
	padding:0 0 1px;
	width:587px;
	position:relative;
	z-index:99;
}
.browse li{
	width:587px;
	margin:0 0 10px;
}

#main .browse li img{
	float: none;
	padding: 2px;
	margin: 0;
	border: 4px solid #000;
	background: #fff;
}
.sideimg{
	float: left;
	width:157px;
	height:109px;
	margin:0 20px 0 0;
}

.prodtop,.prodbase{
	background:#181818 url(../images/prod-topbase.jpg) no-repeat 0 0;
	width:587px;
	height:6px;
	overflow:hidden;
}
.prodbase{background:#181818 url(../images/prod-topbase.jpg) no-repeat 0 -6px}
.odd .prodtop {background:#222 url(../images/prod-topbase.jpg) no-repeat 0 -12px}
.odd .prodbase{background:#222 url(../images/prod-topbase.jpg) no-repeat 0 -18px}
.prodrow{
	width:555px;
	padding:10px 16px;
	overflow:hidden;
	background:#181818;
}
.odd .prodrow{background:#222}
.rowtxt{overflow:hidden; padding-left: 10px;}

#content ul.browse h3{
	color:#7CC6FF;
	font-size:153.9%;
	margin:0 0 12px;
}
ul.browse h3 a{color:#7CC6FF!important}
ul.browse h3 a:hover{text-decoration:underline}

.rowtxt p{
	color:#f6f6f6;
	font-size:100%;
	line-height:1.4;
	margin:0 0 15px;
	padding:0 25px 0 0;
}
.rowtxt p.view{
	text-align:left;
	margin:0;
	font-weight:bold;
}

/* @end */

/* @group News page */

ul.listing li#topstory {
	border: 2px solid #2C2C2C;
	padding: 15px;
	background: #141414;
}
#content #main ul.listing img {
	float: left;
	margin: 0 15px 10px 0;
	padding: 5px;
	background: #fff;
	border: 2px solid #EB8C20;
}
ul.listing {
	list-style: none;
}
ul.listing li {
	padding-bottom: 2em;
	margin-bottom: 2em;
	border-bottom: 1px solid #2C2C2C;
	float: left;
}
/*
ul.grid li {
	width: 170px;
	height: 350px;
	margin-right: 30px;
}
*/
ul.grid li {
	width: 580px;
}
ul.listing li p {
	margin-top: 7px;
}
#main .grid p {font-size: 12px;}
#content ul.listing li h3 {
	margin: 0;
	padding: 0;
	font-size: 110%;
	color: #D4801E;
	text-transform: none;
}
#content ul.listing li h3 span {
	padding-bottom: 4px;
	font-size: 11px;
	color: #A1A1A1;
	text-transform: none;
	display: block;
}
ul.listing li h3 a {
	text-decoration: none;
	color: #7CC6FF!important;
}
ul.listing li h3 a:hover {
	text-decoration: underline;
}
#news #main img#newsimg {
	float: right;
	padding: 4px;
	background: #fff;
	margin: 0 0 15px 15px;
}
#main img {
	float: left;
	padding: 4px;
	background: #fff;
	margin: 0 15px 15px 0;
}
/* @end */

/* @group Employment page */

#employment ul.listing, #products ul.listing, #contact ul.listing {
	margin-top: 45px;
	overflow: hidden;
}
/* @end */

/* @group Services page */
#services #main li, ul.standard li, #main li {
	background: url(../images/bullet.gif) 0 7px no-repeat;
	margin-bottom: 1em;
	padding-left: 15px;
}
#main ul.browse li,
#main ul.listing li,
#main ul.navigation li,
#main ul.related li,
#main ul#locations li {
	background: none;
	padding-left: 0;
	margin-bottom: 0;
}
#main ul.browse li {
	margin-bottom: 1em;
}
#main ul.listing li {
	margin-bottom: 2em;
}
/* @end */

/* @group Extra info page */
body#info {
	background-image: none;
}

body#info h1 {
	color: #fff;
	font-size: 180%;
	margin-top: 20px;
	margin-bottom: 0;
}

body#info h2 {
	text-transform: capitalize;
	font-size: 140%;
}

body#info #outer {
	padding: 10px;
	width: 500px;
}


body#info ul li {
	background: url(../images/bullet.gif) 4px 50% no-repeat;
	padding-left: 15px;
	margin-bottom: 3px;
}

body#info p#postheader {
	margin-top: 0;
	border-bottom: 1px solid #313131;
	padding-bottom: 1em;
	color: #B9B9B9;
}
#fancy_wrap {
	z-index: 1000;
}

/* @end */

/* @group Locations page */

ul#locations li h2 span {
	font-size: 85%;
	color: #888;
}
#content div#location-list h3 {
	color: #7CC6FF;
	font-size: 130%;
	margin-top: 20px;
	margin-bottom: .5em;
	text-transform: none;
}
div#location-list p {
	border-bottom: 1px solid #2C2C2C;
	padding-bottom: 20px;
	overflow: hidden;
}
div#map {
	background:#E5E3DF none repeat scroll 0% 50%;
	border:1px solid #333;
	height:300px;
	margin:0pt 0pt 2em 0;
	width:540px;
}
div#map img {
	background-color: transparent;
}
#main img.map {
	float: right;
	margin: 0 0 0 15px;
}
/* @end */

/* @group Contact page */
#contact ul.standard {
	margin-bottom: 40px;
	font-size: 110%;
	border-bottom: 4px solid #2C2C2C;
	padding-bottom: 30px;
}
/* @end */