/* Reset - Thank You Eric */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, 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-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
:focus {
	outline: 0;
	}
body {
	line-height: 1;
	color: black;
	background: white;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/* Layout */

body {
	width: 100%;
	height:100%;
    margin: 0;
    padding: 0;
    text-align: center;
  	background:#292929 url(../images/body.gif) repeat 0 0;
	font: 200 14px/14pt Helvetica Neue, Helvetica Arial, sans-serif;
	color:#aaa;
	}

p	 {
	font: 200 14px/14pt Helvetica Neue, Helvetica Arial, sans-serif;
	letter-spacing:0.3px;
	}

#horizon {
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -300px;
	text-align: center;
	min-width: 900px; 
	}

#heaven {
	position:fixed;
	display:block;
	width:100%;
	height:50%;
	top:0px;
	left:0px;
	background:#b7bcc0 url(../images/body.top.jpg) repeat 0 0;
	}
	
#wrapper {
	position: relative;
	text-align: left;
	width: 8500px;
	height: 600px;
	margin: 0px auto;
	}

#panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8 {
    text-align: left;
	width: 1200px;
	float: left;
	height: 600px;
	margin:0 0px 0 0;
	color:#fff;
	}

.content {
    float: left;
    width: 750px;
    padding:76px 1000px 0 280px;
	}
	
.text {
	display:block;
	width:685px;
	height:320px;
	padding:0px 0 0 15px;
	}
	
#panel6 .text {
	display:block;
	float:left;
	clear:none;
	width:285px;
	height:280px;
	padding:5px 0px 0 0px;
	margin:0 50px 0 0;
	}
	
.portfolio {
	display:block;
	width:685px;
	height:280px;
	padding:32px 0 0 113px;
	}
	
.image {
	display:block;
	width:780px;
	height:400px;
	padding:25px 0 0 15px;
	}

/* Navigation */

#header {
	width:218px;
	height:100%;
	position:fixed;
	z-index:1000;
	left:0px;
	top:0;
	background:url(../images/nav.png) repeat-y 0 0;
	}

#logo {
	width:103px;
	height:136px;
	background:url(../images/logo.png) no-repeat 85px 0;
	position:fixed;
	z-index:1000;
	left:0px;
	top:50%;
	margin:-250px 0 0 0;
	padding:0 0 0 85px;
	}


.nav {
	width:218px;
	height:370px;
	position:fixed;
	z-index:1000;
	left:0px;
	top:50%;
	margin:-300px 0 0 0;
	padding:245px 0 0 0px;
	background:url(../images/nav.png) no-repeat 0 0;
	}

.nav ul {
	display:block;
	margin: 0 0;
	padding: 0px;
	float: left;
	}

.nav ul li {
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:0;
	display:block;
	clear: both;
	width:178px;
	height:33px;
	}

.nav ul li a {
	font: bold 14pt/16pt Arial, Helvetica, sans-serif;
	z-index: 1000;
	display: block;
	height: 17px;
	width:178px;
	float: left;
	clear:both;
	margin:0;
	padding:8px 0px 8px 0;
	-moz-outline: none;
	text-align:right;
	}
	
.nav ul li a span {
	display:none;
	}
	
.nav li a#nav1, .nav li a#nav2, .nav li a#nav3, .nav li a#nav4, .nav li a#nav5, .nav li a#nav6, .nav li a#nav7  {
	background: url(../images/nav.sprite.png) no-repeat 0 0;
	}

.nav li a#nav1 							{ background-position:0 -10px; 	}
.nav li a#nav1:hover 					{ background-position:-197px -10px;	}
.nav li a#nav1:focus, .nav li a.nav1	{ background-position:-393px -10px;	}
.nav li a#nav2 							{ background-position:0 -44px; 	}
.nav li a#nav2:hover 					{ background-position:-197px -44px; }
.nav li a#nav2:focus, .nav li a.nav2	{ background-position:-393px -44px; }
.nav li a#nav3 							{ background-position:0 -77px; 	}
.nav li a#nav3:hover 					{ background-position:-197px -77px; }
.nav li a#nav3:focus, .nav li a.nav3	{ background-position:-393px -77px; }
.nav li a#nav4 							{ background-position:0 -110px; }
.nav li a#nav4:hover 					{ background-position:-197px -110px; }
.nav li a#nav4:focus, .nav li a.nav4	{ background-position:-393px -110px; }
.nav li a#nav5 							{ background-position:0 -143px; }
.nav li a#nav5:hover 					{ background-position:-197px -143px; }
.nav li a#nav5:focus, .nav li a.nav5	{ background-position:-393px -143px; }
.nav li a#nav6 							{ background-position:0 -176px; }
.nav li a#nav6:hover 					{ background-position:-197px -176px; }
.nav li a#nav6:focus, .nav li a.nav6	{ background-position:-393px -176px; }
.nav li a#nav7 							{ background-position:0 -208px; }
.nav li a#nav7:hover 					{ background-position:-197px -208px; }
.nav li a#nav7:focus, .nav li a.nav7	{ background-position:-393px -208px; }

/* Panel Styling */

#panel1 { background:url(../images/home.jpg) no-repeat 0px 0px;}
#panel2 { background:url(../images/services.jpg) no-repeat 240px 190px;}
#panel4 { background:url(../images/portfolio.jpg) no-repeat 240px 190px;}
#panel5 { background:url(../images/clients.jpg) no-repeat 240px 190px;}
#panel6 { background:url(../images/blank.jpg) no-repeat 240px 190px;}

/* Content */

a:link, a:visited, a:hover, a:focus {
	text-decoration:none;
	border:0;
	width:auto;
	height:auto;
	}
	
a.bold:link, a.bold:visited, a.bold:hover, a.bold:focus {
	padding:2px 5px;
	font-weight:bold;
	}
	
a:link, a:visited {
	color:#ffffff;
	}
	
a.bold:link, a.bold:visited {
	color:#ffffff;
	font-weight:bold;
	background:#cc4b1e;
	}
	
a:hover, a:focus {
	color:#ffffff;
	}
	
a.bold:hover, a.bold:focus {
	font-weight:bold;
	background:#9f2900;
	}
	
h1 {
	display:none;
	}
	
div.title, h2 {
	display:block;
	width:565px;
	height:30px;
	margin:68px 0 20px 0;
	padding:0 0 0 15px;
	font:200 25pt/30pt "Josefin Sans Std Light", "Molengo", Helvetica Neue, Helvetica, Arial, sans-serif;
	color:#777777;
	letter-spacing:5px;
	text-transform:uppercase;
	}

h3 {
	display:block;
	clear:both;
	margin:10px 0 5px 0;
	padding:10px 0 5px 10px;
	font: 200 18px/20pt "Molengo", Helvetica Neue, Helvetica Arial, sans-serif;
	color:#aaa;
	text-transform:uppercase;
	letter-spacing:2px;
	border-bottom:1px #555 solid;
	}
	
h4 	{
	display:none;
	}

	
p	{
	margin:5px 0 10px 0;
	}
	
p.details {
	margin:0;
	}	
	
a.icon {
	display:block;
	clear:both;
	margin:0 0 10px 0;
	}
	
a.icon img {
	display:block;
	float:left;
	margin:0 10px 0 0;
	}
	
a.icon span {
	display:block;
	float:left;
	padding:5px 0 0 0;
	}

.galleryitem {
	width:41px;
	height:46px;
	overflow:hidden;
	float:left;
	clear:none;
	margin:0 0 0px 0;
	}

.videoitem {
	width:81px;
	height:46px;
	overflow:hidden;
	float:left;
	clear:none;
	margin:0 0 0px 0;
	}

.galleryitem a {
	float:left;
	clear:none;
	border-bottom:0px #ccc solid;
	margin:0;
	padding:0 0 0px 0;
	background:none;
	width:40px;
	height:40px;
	}
	
.videoitem a {
	float:left;
	clear:none;
	border-bottom:0px #ccc solid;
	margin:0;
	padding:0 0 0px 0;
	background:none;
	width:40px;
	height:40px;
	}
	
.galleryitem img, .videoitem img {
	margin:0;
	padding:0;
	}

.over {
	color:#999;
	}
	
strong {
	font-weight:bold;
	}

.highlight1 { color:#29658d; }
.highlight2 { color:#265778; }
.highlight3 { color:#14496d; }

a.highslide-loading:link, a.highslide-loading:visited, a.highslide-loading:hover, a.highslide-loading:focus  { 
	background:#000000 url(../images/highslide/loader.white.gif) no-repeat 50% 50%;
	border:0;
	padding:50px;
	}
	
#body #closebutton {
	display:none;
	}
	
/* Portfolio */

.portfolio-film, .portfolio-web, .portfolio-print, .portfolio-brand, .portfolio-mobile {
	display:block;
	clear:both;
	width:600px;
	height:47px;
	padding:0;
	margin:0 0 12px 0;
	overflow:hidden;
	}
	
#body .highslide-html {
	background:#000;
	}


#body .highslide-html .closebutton {
	top:0px;
	left:0;
	margin:2px 0 0 0;
	padding:0;
	height:25px;
	float:right;
	}
	
#body .highslide-caption, #body #hsId8, #body #highslide-wrapper-2 {
	background:#000;
	color:#ccc;
	}
	


/* Lists and Definitions */

ul 		{

		}
		
ul li	{

		}
		
dl 	{
  	margin:0;
  	padding:0 5px;
	}

dl dt {
	width:150px;
	margin:10px 0 0 0;
	padding:0 10px 0 10px;
	color:#aaa;
	font-size:0.8em;
	line-height:1em;
	display:block;
	float:left;
	clear:both;
	letter-spacing:2px;
	font-weight:normal;
	}	

dl dd {
	padding:0 0 0 10px;
	letter-spacing:1px;
	float:left;
	clear:both;
	color:#eee;
	margin: 10px 0 0 0;
	}

dl br {
	clear:both;
	}


/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	}

.sIFR-unloading .sIFR-flash {
	visibility: hidden !important;
	}

.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;
	}

/*---- Header styling ---*/

.sIFR-active h1 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 30px;
	}

.sIFR-active h2 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 30px;
	font-size: 30pt;
	}

.sIFR-active h3 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 20px;
	font-size: 20pt;
	}