/*Written by Slinc Creative 2009.*/

/*Commands all of your linked images to shrug off any borders your browser tries to surround them with.*/
a img {border: 0; }

* { padding: 0; margin: 0; }

/* paragraph spacing */
p {
     margin:  .5em 0 2em 0;
     padding:  0;
}
/* end paragraph spacing */

body {
 	background-image: url(assets/backgrd/background.gif);
	background-repeat: repeat;
	background-attachment: fixed;
	background-color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
	font-color: #2D4656; 
	text-align: center;
	line-height: 1.5em;

}
#head	{
 	background-image: url(assets/head/head.jpg);
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 804px;
	height: 227px;
	padding: 0px;
	background-color: #FFF;
	color: #000;
	text-align: center;
}
/* Start horiz nav*/
#nav {
background:#AAB8C4;
list-style:none;
padding: 0 0 0 160px; /* if adding more nav items, increase left padding while decreasing #nav width to maintain nav in central position*/
height:20px;
font-family: Helvetica, Arial, Geneva, sans-serif;
font-size: 12px;
line-height: 1.5em;
border:0;
width:644px; /* reduce this width if adding navigation (see notes with padding, above)*/
margin:8px auto 0 auto;
text-align:center;
}
#nav li {
	position:relative;
	padding: 2px 0 0 8px;
	float:left;
	width:74px;
	background: #AAB8C4;
	text-align:left;
}
#nav li.last {
border-right:0; /* Only needed if seperating nav items with horiz strokes*/
}
#nav li:hover {
background:#45637D;
}
#nav a {
display:block;
text-decoration:none;
color: #000; 
line-height:1.5em;
}
#nav a b {
position:absolute;
}
/* --------- Drop Down -------- */
#nav ul {
position:absolute;
left:-999em; /* keeps nav drop down repeat off screen*/
list-style:none;
z-index: 6;
}
#nav ul li {
border:0;
}
#nav li:hover ul {
left:0px;
top:auto;
}
#nav a.active:link, #nav a.active:visited, #nav a:hover {
	text-decoration: none;
	color: #FFF;
	}
	
.transparent {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
/* End horiz nav*/


/* Start page links */

a.textlink:link {
	text-decoration: none;
	color: #2D4656;
}
a.textlink:visited {
	text-decoration: none;
	color: #2D4656;
}
a.textlink:hover {
	text-decoration: underline;
	color: #D34219;
}
a.textlink:active {
	text-decoration: none;
	color: #2D4656;
}
 /* End page links */
 
 #outercontainer {
	width: 802px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	border-top: 0;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
	text-align: left;
	position: relative;
	z-index: auto;
	visibility: visible;
}
 #container {
	left: 0px;
	top: 0px;
	margin-top: 0;
	width: 800px;
	position: relative;
	visibility: visible;
	z-index: auto;

}

 
#leftcolumn {
	position: relative;
	left: 0px;
	top: 0px;
	background: #E9EBED;
	border-right: 1px solid #CCC;
	margin: 0;
	padding: 2.2em 0 0 0;
	width: 190px;
	text-align: center;
	line-height: 1.5em;
}

#leftcolumncontent {
 margin: 20px 0 0 0;
 padding: 0 0 0 10px;
 width: 175px;
 border: 0px;
 text-align: left;
 vertical-align: top;
}

#leftcolumnlogo {
position: absolute; 
 background: #E9EBED center;
 margin: auto;
 padding: 0;
 width: 190px;
 border: 0px;
 vertical-align: bottom;
	bottom: 40px;
}


#leftcolumnemail {
position: absolute;
	background: #E9EBED;
	margin: auto;
	padding: 1em 0 1em 0;
	width: 190px;
	border: 0;
	vertical-align: bottom;
	bottom: 0px;
}


#content {
	position: absolute;
	left: 191px;
	top: 0px;
	background: #FFF;
	margin: 0;
	width: 318px;
	text-align: left;
}
#content div {
	border-right: 1px solid #CCC;
	padding: 2.2em .8em 0em 1em;
}

#rightnav{
position: absolute;
	left: 670px; /*change this value so that 'left' + width' always = 770px (original width 100px and left 670px)*/
	top: 420px;
	background: #FFF;
	margin: 0;
	padding: 0;
	width: 100px; /*see note above*/
	border: 0;
	text-align: right;
	float: right;
	z-index: 0;
	clear: both;
}

#rightcolumn {
	position: absolute;
	left: 510px;
	top: 0px;
	background: #FFF;
	margin: 0;
	width: 292px;
	text-align: left;
	z-index: 0;
	overflow: visible;
}
#rightcolumn div {
	padding: 2.2em 0.5em 0em;
}

#rightcolumnimages {
	background: #FFF;
	margin: 0;
	padding: 0;
	width: 258px;
	text-align: left;
}

#projcontent {
	position: absolute;
	left: 191px;
	top: 0px;
	background: #FFF;
	margin: 0;
	width: 610px;
	text-align: center;
	z-index: auto;
}
#projcontent div {
	border: 0;
		text-align: center;
	padding: 27px 0 0 0;
	z-index: auto;
}


#footer {
	background-image: url(assets/foot/foot.jpg);
	margin: 7px auto 0 auto;
	width: 804px;
	height: 22px;
	clear: both;
	border: 0;
	font-size: .8em;
	padding: 0;
	text-align: left;
}

/* Font sizes */

.pt16 {
	font-size: 16px;
	line-height: 1.5em;
	color: #2D4656;
}
.pt16orange {
	font-size: 16px;
	line-height: 1.5em;
	color: #D34219;
}
.pt12 {
	font-size: 12px;
	line-height: 1.5em;
	color: #2D4656;
}
.pt12orange {
	font-size: 12px;
	line-height: 1.5em;
	color: #D34219;
}
.pt11 {
	font-size: 11px;
	line-height: 1.5em;
	color: #2D4656;
}
.pt10 {
	font-size: 10px;
	line-height: 1.5em;
	color: #2D4656;
}
.pt10orange {
	font-size: 10px;
	line-height: 1.5em;
	color: #D34219;
}
.pt9 {
	font-size: 9px;
	line-height: 1.5em;
	color: #2D4656;
}
.pt9CCC {
	font-size: 9px;
	line-height: 1.5em;
	color: #CCC;
}
.pt9FFF {
	font-size: 9px;
	line-height: 1.5em;
	color: #FFF;
}

/* Slinc button code */
a.slinc {
display: block;
width: 95px;
height: 22px;
margin: 0; 
text-decoration: none;
background-position: -95px 0; 
background: url(assets/foot/slincbtn.jpg) 0 0 no-repeat;
padding: 22px 0 22px 0;
overflow: hidden;
}
a.slinc:hover { background: transparent url(assets/foot/slincbtn.jpg); 
background-position: -95px 0;
}

a.slinc:link {background: transparent url(assets/foot/slincbtn.jpg) 0 0 no-repeat; padding: 0;}
a.slinc:visited {background: transparent url(assets/foot/slincbtn.jpg) 0 0 no-repeat; padding: 0;}
a.slinc:hover {background: transparent url(assets/foot/slincbtn.jpg) -95px 0 no-repeat; padding: 0;}
.slinc img {display: none; border: 0;}
/* End Slinc button code */

/* Project button code */
a.proj {
display: block;
width: 16px;
height: 16px;
margin: 0; 
text-decoration: none;
background-position: -16px 0; 
background: url(assets/main/projectimages/projbtn.gif) 0 0 no-repeat;
padding: 16px 0 16px 0;
overflow: hidden;
}
a.proj:hover { background: transparent url(assets/main/projectimages/projbtn.gif); 
background-position: -16px 0;
}

a.proj:link {background: transparent url(assets/main/projectimages/projbtn.gif) 0 0 no-repeat; padding: 0;}
a.proj:visited {background: transparent url(assets/main/projectimages/projbtn.gif) 0 0 no-repeat; padding: 0;}
a.proj:hover {background: transparent url(assets/main/projectimages/projbtn.gif) -16px 0 no-repeat; padding: 0;}
.proj img {display: none; border: 0;}
/* End Project button code */


/* Superscript and subscript */
.sup {font-size: 0.6em; vertical-align: baseline; position: relative; bottom: 0.6em;}

.sub {font-size: .8em; vertical-align: baseline; position: relative; bottom: -0.5em;}

/* Image centred in main div */
.imagecenter {
	text-align: center;
}



/* Tables */

table.nav
{
	table-layout: fixed;
	background: #FFF;
	margin: 0;
	padding: 0;
	width: 100px;
	border: 0;
	text-align: right;
}
table.oneimage
{
	table-layout: fixed;
	background: #FFF;
	margin: 0;
	padding: 0;
	width: 575px;
	border: 0;
	text-align: center;
}
table.onetext
{
	table-layout: fixed;
	background: #FFF;
	margin: 0 0 0 10px;
	padding: 0;
	width: 575px;
	border: 0;
	text-align: left;
}

table.twotext
{
	table-layout: fixed;
	background: #FFF;
	margin: 0 0 0 10px;
	padding: 0;
	width: 335px;
	border: 0;
	text-align: left;
}

table.twoquote
{
	table-layout: fixed;
	background: #FFF;
	margin: 0 0 0 10px;
	padding: 10px 0 10px 0;
	width: 260px; /*was 230px*/
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: left;
}


table.two
{
	table-layout: fixed;
	background: #FFF;
	margin: 0;
	padding: 0;
	width: 230px;
	border: 0;
}

table.leftcolumn
{
	table-layout: fixed;
	background: #FFF;
	margin: 0;
	padding: 0;
	width: 150px;
	border: 0;
	text-align: center;
	vertical-align: bottom;
	bottom: 0px;
}

a.list {  color: #000000; list-style-type: disc; font-family: Georgia, Times New Roman, Times; font-size: 12pt}
.pt12tab {
	font-size: 12px;
	line-height: 1.5em;
	color: #2D4656;
	text-indent: 0px;
	list-style-position: outside;
	list-style-type: disc;
	display: list-item;
}