/*
++ Images and code are copyright Hearfield Research Ltd 2006
++ All rights reserved
*/
/* =============================== HTML SECTION =============================== */
body {
	background-color :#333333;
	font-family :'Trebuchet MS', Verdana, Geneva, Helvetica, sans-serif;
	font-size :small;
	color :#ffffff;
	margin:0px;
	text-align:center;
}
h1 {
	font-size:200%;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#000000;
	padding:5px;
	margin:0px;
}
h2 {
	font-size:150%;
	text-align:right;
	margin:0px;
	padding:2px 5px;
	background-color:#333333;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-color:#000000;
}
h3 {
	width:100%;
	font-size:110%;
	font-weight:bold;
	color:#333333;
	padding:0px;
	margin:0px;
	border:1px solid #333333;
}
h3 a{
	font-size:110%;
	font-weight:bold;
	color:#333333;
}
.it {
	font-style:italic;
}
.initial {
	font-size:150%;
	font-weight:bolder;
}
a{
	font-size:90%;
	font-weight:bold;
	color:#FFFFFF;
}
a:link{
	text-decoration:underline;
}
a:visited{
	color:#FFFFFF;
}
a:hover, a:visited:hover{
	text-decoration:none;
}

a.link_body {
	font-size:100%;
}

a.link_mm:link, a.link_styles:link, a.link_resources:link{
	text-decoration:none;
}
a.link_mm:visited, a.link_styles:visited, a.link_resources:visited{
	text-decoration:none;
}
a.link_mm:hover, a.link_mm:visited:hover, a.link_styles:hover, a.link_styles:visited:hover, a.link_resources:hover, a.link_resources:visited:hover{
	text-decoration:underline;
}
a.link_sm, a.link_styles, a.link_resources{
	color:#333333;
	padding-right:3px;
	text-decoration:none;
}
a.link_sm:visited, a.link_styles:visited, a.link_resources:visited{
	color:#333333;
}
a.link_sm:hover, a.link_sm:visited:hover, a.link_styles:hover, a.link_styles:visited:hover, a.link_resources:hover, a.link_resources:visited:hover{
	text-decoration:underline;
}
a.link_portfolio:link, a.link_portfolio:visited, a.link_portfolio:hover{
	color:#333333;
	font-size:110%;
	font-weight:bold;
}
a.link_hidden:link, a.link_hidden:hover, a.link_hidden:visited:hover{
	text-decoration:none;
}
a img{
	border:none;
}
a.link_title{
	font-size:110%;
}
a.link_title:visited{
	color:#333333;
}

/* ============================================================================ */


/* ===============================DIVS SECTION - Ps, Hs etc.=============================== */
#outer{
	position:relative;
	width:800px;
	margin-left :auto;  /* - center it! */
	margin-right :auto; /* - center it! */
	border:none;
	padding:0px;
	text-align:center;
}

#container {
	position:absolute;
	left:150px;
	width:591px;
	border:2px solid #000000;
	border-top:none;
	text-align:justify;
	background:#666666 url(images/cont_tile.jpg) repeat left top;
}
#div_pageIntro {
	position:relative;
	width:800px;
	height:200px;
	top:0px;
	margin-left:-150px;
	margin-right:-59px;
	padding:0px;
	border:none;
	background:url(images/header.jpg) no-repeat left top;
}
#div_pageHeader {
	display:none;
}
#div_quickSummary{
	position:absolute;
	top:80px;
	left:10px;
	font-size:13px;
	padding-right:70px;
}
.div_first{
	position:relative;
	background:#666666 url(images/parabg.jpg) repeat-y left top;
	border:none;
}
.div_first h3{
	position:relative;
	height:40px;
	background:url(images/paratop.jpg) no-repeat left top;
	border:none;
}
.div_first h3 span{
	position:relative;
	top:15px;
	left:15px;
	z-index:10;
}
.div_first p{
	margin-top:0px;
	margin-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	background:#666666 url(images/parabg.jpg) repeat-y left top;
}
.div_body, .div_projectPreview, .div_bodyList, .div_bodyListShots{
	position:relative;
	background:#666666 url(images/parabg.jpg) repeat-y left top;
}
.div_bodyList a.link_portfolio{
	position:relative;
}
.div_body h3, .div_bodyList h3, .div_bodyListShots h3, .div_projectPreview h3{
	position:relative;
	height:100px;
	width:650px;
	background:#666666 url(images/parasep.jpg) no-repeat left top;
	border:none;
	top:-20px;
	margin-right:-60px;
}
.div_body h3 span, .div_bodyList h3 span, .div_bodyListShots h3 span, .div_projectPreview h3 span{
	position:relative;
	top:70px;
	left:15px;
}
.div_body p, .div_clientSummary, .div_projectSummary{
	margin-top:-20px;
	margin-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
}
.div_body ul{
	margin-top:-20px;
	margin-bottom:10px;
	margin-left:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
}
.div_bodyList p, .div_bodyListShots p{
	margin-bottom:-10px;
}
.div_projectPreview{
	height:575px;
}

.div_cs_year{
	position:absolute;
	right:20px;
}
.div_ps_year{
	position:absolute;
	right:40px;
	top:53px;
}
.div_cs_project{
	font-weight:bold;
	color:#333333;
}
 .div_ps_client{
	font-weight:bold;
	color:#333333;
	display:inline;
}
.div_cs_summary{
}
.div_ps_summary{
	margin-left:10px;
	min-height:60px;
}
.div_ps_thumb{
	position:relative;
	float:right;
	margin-left:10px;
	margin-top:-20px;
	margin-right:15px;
	z-index:10;
}
#div_last{
	position:relative;
	height:60px;
	background:#666666 url(images/parabot.jpg) no-repeat left bottom;
	top:-20px;
}
#div_last p, #div_last h3{
	display:none;
}
#div_copyright h3 span{
	display:none;
}
#div_copyright p{
	text-align:center;
}
#div_copyright p span{
	position:relative;
	font-size:90%;
}
/* ============================================================================ */


/* =============================== MENU SECTION =============================== */
#div_menuOuter{
	position:absolute;
	text-align:left;
	left:2px;
	width:150px;
	top:200px;
}
#div_menu h3, #div_styles h3, #div_resources h3{
	display:none;
}
#div_menuFirst{
	display:none;
}
#div_menuOuter ul{						
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:150px;
}
#div_menuOuter ul.list_subMenu{
	text-align:right;
}
#div_menuOuter li.li_menuItem a.link_mm{
	position:relative;
	background:#666666 url(images/menucell_bg.jpg) repeat-x left top;
	border-bottom:2px solid #000000;
	border-left:2px solid #000000;
	border-right:2px solid #000000;
	margin:0px;
	margin-bottom:-18px;
	padding:0px 2px 0px 2px;
	height:28px;
	width:142px;
	display:block;
	overflow:hidden;
}
#div_menuOuter li.li_menuItem a.link_mm:hover, #div_menuOuter li.li_menuItem a.link_mm:visited:hover, #div_menuOuter li.li_menuItem a.link_mm:active{
	color:#003333;
	background:#666666 url(images/menucellhover.jpg) no-repeat left top;
	height:40px;
	width:139px;
	border:2px solid #000000;
	border-top:none;
	padding:2px 2px 2px 5px;
	overflow:hidden;
}
.li_menuItem ul, .stylesItem ul, .resourcesItem ul{
	display:none;
}
.li_menuBranchHover{
	color:#003333;
	background:#666666 url(images/menucellhover.jpg) no-repeat left top;
	height:110px;
	border:2px solid #000000;
	border-top:none;
}
.li_menuBranchHover ul{
	position:relative;
	display:block;
	top:-20px;
}
li.li_menuBranchHover{
	width:146px;
	overflow:hidden;
}
#div_styles li.li_menuBranchHover{
	height:110px;
}
#div_resources li.li_menuBranchHover{
	height:70px;
}
#div_menuOuter li.li_menuBranchHover a.link_mm:link, #div_menuOuter li.li_menuBranchHover a.link_mm:visited, #div_menuOuter li.li_menuBranchHover a.link_mm:hover, #div_menuOuter li.li_menuBranchHover a.link_mm:visited:hover, #div_menuOuter li.li_menuBranchHover a.link_mm:active{
	color:#003333;
	position:relative;
	margin:0px;
	padding:0px 2px 0px 2px;
	border:none;
	background:none;
	height:auto;
	display:block;
}
#div_menuLast{
	position:relative;
	left:0px;
	top:0px;
	height:105px;
	background:#666666 url(images/menulogo_bottom.jpg) no-repeat left top;
	border-right:2px solid #000000;
	margin:0px;
	padding:0px;
}
#sd1, #sd2, #sd3, #sd4, #sd5, #sd6{
	display:none;
}
/* ============================================================================ */


/* =============================== PORTFOLIO SECTION =============================== */
.previewTextHolder{
	height:60px;
}
.textTitle{
	display:none;
}
.textUrl{
	position:absolute;
	left:40px;
	top:80px;
	width:380px;
	overflow:hidden;
	font-weight:bold;
	z-index:21;
}
.textClient{
	position:absolute;
	left:20px;
	top:40px;
	width:380px;
	overflow:hidden;
	font-weight:bold;
	z-index:11;
}
.textDate{
	position:absolute;
	top:40px;
	right:20px;
	width:170px;
	overflow:hidden;
	text-align:right;
	z-index:11;
}
.textDate span{
	text-align:right;
}
.textLocation{
	position:absolute;
	top:60px;
	left:30px;
	width:280px;
	overflow:hidden;
	z-index:11;
}
.textDesc{
}

.previewBlock{
	position:absolute;
	left:20px;
	top:75px;
	width:550px;
	vertical-align:bottom;
}
.previewBlock span.prevText{
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}
.previewHolder{
	position:relative;
	right:0px;
	top:0px;
	width:550px;
	height:320px;
}
.previewOuter{
	position:absolute;
	top:50%;
	left:0px;
	width:100%;
	height:1px;
	text-align:center;
	overflow:visible;
	display:block;
}
.thumbsOuter{
	position:absolute;
	width:550px;
	height:170px;
	bottom:0px;
	left:0px;
	top:310px;
	overflow:hidden;
	z-index:10;
}
.thumbsInner{
	position:relative;
	bottom:0px;
	left:0px;
	margin:0px;
	padding:0px;
	overflow:scroll;
	width:570px;
	height:170px;
}
.thumbsHolder{
	width:auto;
	height:130px;
}
.thumbsHolder img{
	position:relative;
	bottom:0px;
	display:inline;
	margin-left:2px;
	margin-right:2px;
	vertical-align:middle;
}
.div_screenshotLabel{
	position:absolute;
	bottom:15px;
	left:10px;
	text-align:left;
}
.div_screenshotClose{
	position:absolute;
	bottom:15px;
	right:10px;
	text-align:right;
}
/* ============================================================================ */