/*------------------------------------------------------------------
    Omar Shabbir
    Copyright (c) 2009
    Version 3: September 2009
	Credits to: Kyle Neath, Nathan Borrow, David J Nightingale
				Travis Beckham, Jon Hicks, Gez Lemon
------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: #FAFAF2;
}
.hide {
	display: none;
}
img {
	border: none;
}
p  {
	font: 11px/18px arial, helvetica, sans-serif; 
	color: #666; 
	margin: 10px 0 10px 0; 
	padding: 0; 
}
a.text  {
	color: #666;
	background: #E1C27B;
	text-decoration: none;
	padding: 2px; 
}
a.text:hover {
	color: #FFFFFF;
	background: #795339;
	text-decoration: underline;
	padding: 2px; 
}
/*-------------------------------------
Site Layout Structure
-------------------------------------*/
li, dd { 
	margin-left: 5%;
}
fieldset { 
	padding: .5em; 
}
select option { 
	padding: 0 5px; 
}
.access {
	display: none; 
} /* For accessibility related elements */
.clear {
	clear: both;
	height: 0px;
	font-size: 0px; 
	line-height: 0px; 
	overflow: hidden;
}
a { 
	outline: none;
}
a img { 
	border: none; 
}
.clearfix:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
#wrap {
	margin: 0 auto;
    width: 1022px;
}
.columns .column {
	padding: 0 0 0 0;
    /* height:100px; */
    /* text-indent:20px; */
    background: #fafaf2;
}
.columns .second {
    background: #fafaf2;
}
.columns .last {
	background: #fafaf2;
}
/*-------------------------------------
Layout position and columns
-------------------------------------*/
.columns:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
html .columns {
	height: 1%;
}
.columns .column {
    float: left;
    overflow: hidden;
}
.columns .last { 
	float: right;
}
.col2 .first {
	width: 800px;
}
.col2 .last {
	width: 222px;
}
.col2B .first {
	width: 511px;
}
.col2B .last {
	width: 511px;
}
.col3 .first {
	width: 100px; 
	margin: 84px 0 0 0;
}
.col3 .second { 
	width: 822px; 
	margin: 0 20px 0 0; 
}
.col3 .last {
	width: 80px;
}
#center {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1000px;
	height: 560px;
	margin-top: -315px;
	margin-left: -500px;
}
/*-------------------------------------
Content Typography
-------------------------------------*/
#wrap h2, #wrap h3, #wrap h4 {
	padding: 12px 0px 10px 0px;
	font: normal 24px/18px georgia, times, serif;
}
#wrap h2 a, #wrap h3 a, #wrap h4 a {
	color: #343434;
}
#wrap h2 a:hover, #wrap h3 a:hover, #wrap h4 a:hover {
	color: #795339;
}
#wrap h3 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}
#wrap h4 {
	padding: 5px 30px 5px 30px;
	font-size: 14px;
	line-height: 20px;
}
#wrap div.intro p {
	font-size: 14px;
	line-height: 20px;
}
#wrap ul {
	margin: 0;
	padding: 0 30px 15px 46px;
}
#wrap li {
	margin: 0;
	padding: 0;
}
/*-------------------------------------
Navigation Layout
-------------------------------------*/
#nav {
	display: block;
	float: left;
	width: 88px;
}
#nav ul, #nav ul li ul {
	margin: 0 0 0 4px;
	padding: 0;
	list-style: none;
}
#nav ul li, #nav ul li ul li {
	margin: 0;
	padding: 0;
}
#nav ul {
	padding: 0 0 0 3px;
}
#nav span {
	display: none;
}
#nav #first li, #nav #second li, #nav #third li {
	display: block;
	height: 16px;
	width: 16px;
	margin: 0 0 4px 0;
}
#nav #first li a, #nav #second li a, #nav #third li a {
	display: block;
	height: 16px;
}
#nav #first, #nav #second, #nav #third {
	float: left;
	width: 16px;
}
#nav #first {
	padding: 78px 0 0 0;
}
#nav #second {
	padding: 248px 0 0 0;
}
#nav #third {
	padding: 160px 0 0 0;
}
#nav #first li {
	background: transparent url(/graphics/updatedpipes.gif) 0 0 no-repeat;
}
#nav #second li {
	background: transparent url(/graphics/updatedpipes.gif) -17px 0 no-repeat;
}
#nav #third li {
	background: transparent url(/graphics/updatedpipes.gif) -34px 0 no-repeat;
}
#nav #first li a:hover {
	background: transparent url(/graphics/updatedpipes.gif) 0 -16px no-repeat;
}
#nav #second li a:hover {
	background: transparent url(/graphics/updatedpipes.gif) -17px -17px no-repeat;
}
#nav #third li a:hover {
	background: transparent url(/graphics/updatedpipes.gif) -34px -16px no-repeat;
}
/*-------------------------------------
Hover menu settings
-------------------------------------*/	
#tooltipDiv {
	position: absolute;
	display: none;
	padding: 3px 4px 4px 4px;
	background: #E1C27B;
	border-left: 3px solid #795339;
	color: #FFFFFF;
	font: bold 11px/11px "Lucida Grande", arial, sans-serif;
}
/*-------------------------------------
Photo loader circle
-------------------------------------*/
#photoMain img#photo
{
	margin: 0;
}
#photoMain
{
	border: 1px solid #D9D6CC;
	text-align: center;
	background: #FFFFFF url(/graphics/loading_circle.gif) no-repeat 50% 50%;
	padding: 10px 10px 7px 10px;
}	
/*-------------------------------------
Photo navigation menu
-------------------------------------*/	
#picnav {
	background: #FAFAF2;
	/*height: 16px;*/
	width: 500px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#picnav a.previous {
	background: transparent url(/graphics/picnavnew.gif) no-repeat;
	display: block;
	position: absolute;
	height: 16px;
	line-height: 30px;
	overflow: hidden;
	text-indent: 1000em;
	width: 16px;
}
#picnav a:hover.previous {
		background-position: 0 -16px;
}
#picnav a.next {
	background: transparent url(/graphics/picnavnew.gif) no-repeat;
	display: block;
	height: 16px;
	line-height: 30px;
	overflow: hidden;
	position: absolute;
	right: 860px;
	text-indent: 1000em;
	width: 16px;
}
#picnav a:hover.next {
	background-position: 0 -16px;
}
/*-------------------------------------
Storage page
-------------------------------------*/	
.storage 
{
	width: 822px;
	text-align: left; 
	margin: 2px 0 46px 0;
	clear: both;
}
.storage img {
	background-color: transparent;
	border: 1px solid #D9D6CC;
	padding: 4px;
	margin: 2px 2px 2px 2px;
}
.storage a:hover img {
	background-color: #E0C279;
	border: 1px solid #D9D6CC;
	margin: 2px 2px 2px 2px;
}
/*-------------------------------------
Contact page
-------------------------------------*/
form {
	width: 700px;
	margin: 6px 0 20px 36px;
}
input, textarea, select {
	font: 11px/18px arial, helvetica, sans-serif;
	color: #666;
	background: #FFF;
	border: 1px solid #D9D6CC;
	padding: 6px;
	margin: 4px 0 12px 0;
}
.labels {
	font: bold 13px/19px arial, helvetica, sans-serif;
	color: #666;	
}
.required, .error {
	background: transparent;
	color: #CC0000;
	font: bold 13px/19px arial, helvetica, sans-serif;
}
.butt
{
	font: bold 14px/14px "Lucida Grande", arial, sans-serif;
	width: 140px;
	color: #fff;
	border: 1px solid #D9D6CC;
	background: #E1C27B;
	padding: 2px;
	margin: 8px 0 22px 2px;
}


/*Borders*/
#te, #le, #re, #be {
	position: fixed;
	z-index: 10;
	background-color: #f9f2e3;
	display: block;
}
#te {
	height: 8px;
	left: 0;
	right: 0;
	top: 0;
	padding: ;
	background: url(/graphics/colourbeam.gif) repeat-x;
}

/*Not required
#te b {
	display: block;
	height: 10px;
	position: relative;
	background: url(/images/colourbeam.gif) repeat-x;
	}
*/

#be {
	height: 20px;
	left: 0;
	right: 0;
	bottom: 0;
}
#le {
	width: 10px;
	left: 0;
	bottom: 0;
	top: 8px;
}

#re {
	width: 10px;
	top: 8px;
	right: 0;
	bottom: 0;
}