@charset "UTF-8";

/* 
SWATCHES
COLOUR:	#FFF
TEXT:	#fff;
LINK:	#0f85fe



/* MASTER STYLES
___________________________________*/
body {
	background:url(/images/layout/background.jpg) top center no-repeat #000;
	margin:0px;
	padding:0px;
	height: 100%;
	font-size:12px;
	color:#FFF;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

address {
	display:inline;
	font-style:normal;
}

h4 {
	font-weight:normal;
	font-size:12px;
	margin:10px 0 0 0;
	color:#0f85fe;
}

h1 {
	font-weight:normal;
	font-size:24px;
	margin-bottom:5px;
	border-bottom:1px solid #081a37;
	color:#0f85fe;
}

/* LINK STYLES
___________________________________*/
a:link, a:visited {
	color:#0f85fe;
	text-decoration:none;
	outline:none;
}

a:hover {
	text-decoration:underline;
}

a img {
	border:0px;
	color:#FFF;
	text-decoration:none;
}

/* LAYOUT
___________________________________*/
#wrapper {
	margin: 0 auto;
	width: 960px;
	position:relative;
	text-align:left;
}
#content {
	clear:both;
}

#logo {
	position:relative;
	padding-top:90px;
	height:94px;
	width:317px;
}

#container {
	position:relative;
	overflow:hidden;
	width:960px;
	height:440px;
	
}

#scroll {
	position:absolute;
	width:2880px;
	height:425px;
}

#portfolio, #about-us, #home {
	position:relative;
	float:left;
	width:960px;
	height:425px;
}

#home .content {
	top:80px;
	right:20px;
}

#about-us .content {
	right:20px;
	height:300px;
	overflow:auto;
	padding-right:20px;
}

#footer {
	position:absolute;
	text-align:right;
	width:600px;
	top: 510px;
	right:20px;
	color: #bfbfc3;
}

.sideImage {
	margin: 30px 0 0 0;
}

.content {
	position:absolute;
	top:10px;
	right:0;
	text-align: justify;
	width:430px;
}

#gallery{
	position:absolute;
	top:30px;
	left:65px;
	height:276px;
	overflow:hidden;
}

.galleryIcon {
	float:left;
	overflow:hidden;
	width:76px;
	height:276px;
	margin:5px;
}

/* NAVIGATION STYLES
___________________________________*/
#nav {
	margin:0;
	padding:0;
	height:162px;
	position: absolute;
	right:8px;
	top:22px;
	width:500px;
}

#nav ul {
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}

#nav ul li {
	float:left;
	padding:0 0 0 42px;
	margin:0;
}	


/* TEXT STYLES
___________________________________*/
.micro {
	font-size: 0.69em; /* 9px */
}

/* LIGHTBOX
___________________________________*/

#lightbox {
	position:absolute;
	top:90px;
	left:80px;
	background:url(/images/layout/galleryBG.png);
	width:10px;
	height:10px;
}

#background {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

#close {
	position:absolute;
	top:35px;
	right:40px;
}

#galleryFrame {
	position:absolute;
	left:120px;
	top:40px;
	width:550px;
	height:465px;
	border:0;
	overflow:hidden;
}

/* TOOL TIP
___________________________________*/

#footer ul {
	padding:0; 
	margin:0;
}

#footer li { 
	display:inline; 
	position:relative; 
	list-style:none;
}

#footer li div {
	background: url(/images/layout/tooltip.gif) no-repeat;
	width: 351px;
	height: 250px;
	padding:0 25px 50px 25px;
	position: absolute;
	top: -200px;
	left: -150px;
	text-align: left;
	display: none;
	color:#fff;
}



/* PUSH UP
___________________________________*/

#pushup {
  position: fixed;
  top: 10px;
  right: 10px;
  margin: 0;
  padding: 4px;
  background: #ffffc6;
  border: 1px solid #b0dfc8;
  z-index: 9999;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}
* html #pushup {
  position: absolute;
  top: expression(_pushupIETop = 10 + (document.documentElement.scrollTop || 0) + 'px');
}
#pushup * {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.withReminder { padding-bottom: 6px; }
#pushup a { 
  outline-style: none;
  text-decoration: none;
}

#pushup .pushup_messageLink {
  float: left;
  position: relative;
  color: #4293cd;
  font-size: 12px;
  cursor: pointer;
}

#pushup .pushup_icon {
  position: relative;
  float: left;
  height: 22px;
  width: 22px;
  margin-right: 5px;
  overflow: hidden;
  vertical-align: middle;
}

#pushup .pushup_message {
  position: relative;
  float: left;
  marginRight: 3px;
  line-height: 22px;
  vertical-align: middle;
}

#pushup .pushup_reminder {
  float: left;
  clear: both;
  font-size: 10px;
  color: #84a2ac;
  margin-left: 27px;
  cursor: pointer;
}

#pushup .pushup_messageLink:hover,
#pushup .pushup_reminder:hover { text-decoration: underline; }