body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	background-color: black;
	background-image: url(../img/site/bg/page.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	color: #999999;
	height: 100%;
}

a {
	text-decoration: bold;
	color: #dedede;
	}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

h2 {

}

#prepage {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	left:2px;
	top:-35px;
	background-color:#000;
	height:100%;
	min-height: 100%;
	width:100%;
	z-index: 1000;
}

#loadingmsg {
background-image:url(../img/site/bg/loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
min-height: 100%;
height: 100%;
}

#page {
width: 1000px;
overflow: hidden;
}

#headCont {
padding: 10px;
width: 980px;
height: 113px;
position: relative;
}

#siteID {
	position: absolute;
	top: 52px;
	width: 298px;
	height: 92px;
	background-image:url(../img/site/temp/site-id.png);
	background-repeat: no-repeat;
	left: 12px;
}

#siteTag {
	position: absolute;
	top: 178px;
	width: 700px;
	height: 479px;
	left: 132px;
	margin: 0px;
}

#siteNav {
position: absolute;
top: 101px;
width:294px;
height: 31px;
left: 706px;
background-image:url(../img/site/temp/nav.gif);
background-repeat: no-repeat;
}

#mainCont {
background-image:url(../img/site/bg/page_bg.jpg);
overflow: hidden;
background-repeat: no-repeat;
}

#mainContabout {
background-colour:black;
overflow: hidden;
background-repeat: no-repeat;
}

#leftCol {
width:  216px;
height: 456px;
padding: 12px;
padding-right: 6px;
float:left;
}

#copyright {
	position: absolute;
	top: 619px;
	left: 707px;
	width: 287px;
	height: 68px;
	font-size: 0.92em;
	color: #404040;
	font-weight: bold;
}

a.compliant:link, a.compliant:hover, a.compliant:active, a.compliant:visited {
color: #b6b6b6;
text-decoration: none;
}
a.compliant:hover, a.compliant:active {
color: #EFEFEF;
}

/* --- Text --- */

p.brief {
color: #878787;
font-size: 0.92em;
font-weight: bold;
}

p.proTitle {
font-weight: bold;
color:#CCCCCC;
margin-top: 0;
margin-bottom: 0.5em;
padding: 0;
}

/* --- Summary --- */

div.ticksColLeft, div.ticksColRight {
width: 85px;
height: 80px;
float: left;
margin-right: 10px;
padding-left: 8px;
padding-right: 8px;
padding-top: 10px;
padding-bottom: 10px;
}

div.ticksColRight {
margin-right: 0px;
}

div.tickBox {
float: left;
background-image: url(../img/site/bg/tick.gif);
background-repeat: no-repeat;
padding-left: 20px;
color: #fff;
font-weight: bold;
width: 65px;
height: 18px;
padding-top: 2px;
}



/* --- Nav --- */

#navlist
{
margin: 0;
padding: 95px 0 20px 10px;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: right;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #878787;
padding-bottom: 2px;
background: transparent;
color: #FFF;
}

#navlist a:hover { color: #FFF; }


/*---- Nav ----*/


div.upimg, div.downimg, div.forwardimg {
background-image:url(../img/site/buttons/up.gif);
width: 28px;
height: 28px;
overflow: hidden;
line-height: 33px;
font-size: 33px;
text-decoration: none;
float: left;
background-repeat: no-repeat;
}

a.homelink {
display: block;
height: 45px;
width: 221px;
outline: none;
}

div.backimg {
height: 28px;
width: 28px;
float: left;
outline: none;
}

a.backlink, a.uplink,  a.forwardlink, a.downlink {
display: block;
width: 28px;
height: 28px;
overflow: hidden;
background-image:url(../img/site/buttons/move_sprites.gif);
background-position: 0px -134px;
outline: none;
float: left;
}

a.backlink:hover {
background-image:url(../img/site/buttons/move_sprites.gif);
background-position: 0px -167px;
}

a.uplink {
background-position: 0px -68px;
}

a.uplink:hover {
background-image:url(../img/site/buttons/move_sprites.gif);
background-position: 0px -101px;
}

a.forwardlink {
background-position: 0px -199px;
}

a.forwardlink:hover {
background-position: 0px -233px;
}

a.downlink {
background-position: 0px -0px;
}

a.downlink:hover {
background-position: 0px -35px;
}

/* --- Left column --- */



div.titleBorder {
height: 4px;
background-color:#CC3333;
overflow: hidden;
line-height: 0px;
}

#lcInner {
margin-top: 40px;
}

#accordCont {
width:100%;
}

#abstractCont {
height: 120px;
width: 100%;
margin-bottom: 10px;
}

div.accord {
background-image:url(../img/site/bg/accordion.gif);
background-repeat: no-repeat;
font-size: 0.92em;
color: #878787;
padding-top: 5px;
background-position: 5px 0px;
width: 180px;
padding-left: 25px;
background-color: #2c2c2c;
height: 20px;
border-top:solid 1px #505050;
}

/* --- Right column ---*/

#galleryNav {
	position:absolute;
	top: 554px;
	left: 65px;
	width: 120px;
	height: 33px;
	z-index: 1000;
}

#sitePreview {
position:absolute;
top: 554px;
left: 13px;
width: 80px;
height: 29px;
z-index: 1000;
}


#rightCol {
width: 730px;
height: 455px;
overflow: hidden;
padding-top: 20px;
padding-left: 15px;
padding-bottom: 20px;
float:left;
}

#galleryCont {

width: 730px;
height: 450px;
position: relative;
overflow: hidden;
}
/*
div.backimg, div.forwardimg {
width: 31px;
height: 31px;
overflow: hidden;
float:left;
background-image:url(../img/site/buttons/right.gif);
}*/

div.folio {
width: 535px;
height: 425px;
position: absolute;
overflow: hidden;
border: 1px none #ffffff;
}

#grad {
position:absolute;
left:630px;
width: 100px;
height: 449px;
background-image:url(../img/site/bg/grad.png);
}

#summary {
margin: 0;
}


a.port_btn, a.about_btn, div.port_btn, div.about_btn {
display: block;
background-image:url(../img/site/buttons/portfolio.gif);
background-repeat: no-repeat;
width: 134px;
height: 31px;
float: left;
margin-bottom: 6px;
outline: none;
}
div.about_btn {
background-image:url(../img/site/buttons/about.gif);
}
a.about_btn {
background-image:url(../img/site/buttons/about.gif);
margin-left: -1px;
background-position: 0 -31px;
}

a.about_btn:hover {
background-position: 0 -62px;
}

a.port_btn {
background-position: 0 -31px;
}

a.port_btn:hover {
background-position: 0 -62px;
}

/* Summary */

div.summRow {
height: 20px;
line-height: 8px;
width: 210px;
}

div.summLabel {
padding-top: 2px;
padding-bottom: 2px;
width: 75px;
height: 16px;
line-height: 14px;
float: left;

}

div.summValue {
border-left: solid 1px #666666;
width: 120px;
line-height: 14px;
float: right;
padding-left: 10px;
min-height: 20px;
}

/* About */

 div.trioCol, div.trioColR {
  float: left;
  width: 295px;
  padding-left: 15px;
  border-right: solid 1px #363637;
  padding-right: 15px;
  height: 380px;
  padding-top: 20px;
  margin-top: 30px;
  }
  
  div.trioColR { 
  border-right: 0;
  padding-right: 0;
  }
  
  h2.about,  h2.about2 {
  margin-top: 1.1em;
  margin-bottom: 0.7em;
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
  }
  
  h2.about2 {
  
  }
  
  p.about {
  font-size: 0.92em;
  font-weight: bold;
  color: #B2B2B2;
  line-height: 1.7em;
  }


p.aboutLined, p.aboutLinedTop {
border-bottom: solid 1px #363637;
padding-bottom: 0.8em;
padding-top: 0.8em;
  font-size: 0.92em;
  font-weight: bold;
  color: #B2B2B2;
  margin: 0;
}

p.aboutLinedTop {
border-top: solid 1px #363637;
}

aboutbody {
margin-left:100px;
margin-right:100px;
}




/* contact form */

	ul.contact_form input.txt, textarea {
		color:					#868686;
		background:				#262626;
		border:					1px solid #303030;
	}
	
	ul.contact_form input.focus, textarea.focus {
		background:				#342d28;
		border:					1px solid #443b35;
	}
	
	ul.contact_form span {
		color:					#3a2e25;
	}


ul, ol {
	list-style-type:		none;
	padding: 0;
	margin: 0;
	
}



form {
margin: 0;
padding: 0;
}

ul.contact_form {
	font-weight:			bold;
}
	
	ul.contact_form input, textarea {
		font:					normal 11px Tahoma, Arial, Helvetica, sans-serif;
	}
	
	ul.contact_form input.txt {
		height:					13px;
		width:					250px;
		margin:					5px 0 10px;
		padding:				5px;
	}
	
	ul.contact_form textarea {
		width:					250px;
		height:					84px;
		line-height:			22px;
		margin:					5px 0 2px;
		padding:				2px 0 5px 5px;
	}

	
	ul.contact_form input.btn {
		background:				none;
		outline: 				none;
		cursor:					pointer;
		margin-top:				15px;
		display:				block;
		height:					26px;
		width:					77px;
	}

	ul.contact_form a.btn:hover {
		border:					none;
	}
	
	ul.contact_form li.btn {
	margin-top: 10px;
	}


ul.ui-accordion-container { margin: 0; padding: 0; list-style-type: none; }
ul.ui-accordion-container li { position: relative; margin: 0; margin-top:25px; margin-bottom: -1px; padding: 0;  background-repeat: no-repeat; }
ul.ui-accordion-container li a.ui-accordion-link { outline: none; font-size: 0.92em; font-weight: bold; display: block; padding-left: 5px; margin-right: 0px; height: 28px; background-image:url(../img/site/temp/accordion-bar.gif); color: #8d8d8d; text-decoration: none; line-height: 28px; }

ul.ui-accordion-container li:hover {  background-image:url(../img/site/temp/accordion-bar.gif);  }
ul.ui-accordion-container li:hover a.ui-accordion-link { background-image: url(../img/site/temp/accordion-bar.gif);}

ul.ui-accordion-container li:active { color: #fff; background-image:url(../img/site/bg/accordion-bar-active.gif) }
ul.ui-accordion-container li:active a.ui-accordion-link { background-image:url(../img/site/bg/accordion-bar-active.gif); color: #666666;}

dl.ui-accordion-container { margin: 0; padding: 0; list-style-type: none; }
dl.ui-accordion-container dd { position: relative; margin: 0; margin-bottom: -1px; padding: 0;  background-repeat: no-repeat; }
dl.ui-accordion-container dt a.ui-accordion-link { outline: none; font-size: 0.92em; font-weight: bold; display: block; padding-left: 5px; margin-right: 0px; height: 28px; background-image:url(../img/site/temp/accordion-bar.gif); color: #474748; text-decoration: none; line-height: 28px; }

dl.ui-accordion-container dt:hover {  background-image:url(../img/site/temp/accordion-bar.gif);  }
dl.ui-accordion-container dt:hover a.ui-accordion-link { background-image: url(../img/site/temp/accordion-bar.gif);}

dl.ui-accordion-container dt:active { color: #fff; background-image:url(../img/site/bg/accordion-bar-active.gif) }
dl.ui-accordion-container dt:active a.ui-accordion-link { background-image:url(../img/site/bg/accordion-bar-active.gif); color: #666666;}



div.summaryArea {
position: relative;
height: 120px;
background-color: #000;
color: #CCCCCC;  
padding: 0px;
font-size: 0.92em;
border-left: solid 1px #666666;
border-right: solid 1px #444444;
border-bottom: solid 1px #444444;
}

.jumpicon:hover {
cursor: pointer;
}

div.innerSummary {
left: 8px;
top: 8px;
position: absolute;
height: 50px;
width: 210px;
line-height: 1.4em;
}
span.summaryText {
padding: 8px;
}

#titles {
position: relative;
float: left;
height: 100px;
width: 20px;
margin-right: 6px;
}

#icons {
position: relative;
font-size: 1px;
line-height: 6px;
float: left;
left: 40px;
width: 100px;
margin-bottom: 0px;
height: 80px;
text-align: right;
}

#summaryWrap {
height: 140px;
overflow: hidden;
width: 225px;
}

div.title {
font-size: 0.92em;
font-weight: bold;
height: 18px;
}

a.jumpic, div.jumpdis {
display: block;
background-image:url(../img/site/icons/page_sprite.gif);
background-repeat: no-repeat;
width: 19px;
height: 12px;
float: left;
margin-bottom: 6px;
outline: none;
}

a.jumpic:hover {
background-position: 0 -18px;
}