/*#############################################################
Designed by Tara Paull April 2007

Inspired by: Viktor Persson's Beautiful Day template
URL: http://templates.arcsin.se

#############################################################*/



/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {
color: #CC9933;
font-family: "Lucida Sans Unicode",sans-serif;
font-size: 1.1em;
}

a:hover {color: #C1994F;}

body {
	background: url(imgs/bg.gif);
	color: #444;
	font: normal 62.5% Tahoma,sans-serif;
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {
	font: normal 2em "Trebuchet MS",sans-serif;
	letter-spacing: 0em;
	margin-bottom: 4px;
	text-align: center;
	color: #346999;
}

h2 {
	font: normal 1.5em "Trebuchet MS",sans-serif;
	letter-spacing: 0em;
	margin-bottom: 4px;
	text-align: left;
	color: #346999;
}

h4 {
font-style: italic; 
font-size: 1.1em;
}

h1,h2,h3,h4 {
padding-top: 6px;
padding-bottom: 3px;
}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}



/**** Top of Website: Logo & Nav Bar *****/

.top {
	color: transparent;
  height: 20px;
}

.header {
	background: #4C5460 url(imgs/header.jpg);
	font-size: 1.2em;
	height: 120px;
	margin: 0 auto;
	width: 800px;
}
.header .left {
	width: 190px;
	height: 80px;
}

.header .right {
  width: 610px;
  height: 80px;
}

.subnav {
background: transparent;
width: 800px;
height: 40px;
}

.subnav a {
background: transparent;
color: #FFFFFF;
display: block;
float: left;
font: normal 0.9em "Lucida Sans",sans-serif;
font-size: normal 0.8em;
line-height: 10px;
padding: 0 15px;
margin-top: 12px;
text-decoration: none;
}

.subnav  a:hover {
color: #E0ECFF;
}

/* navigation */
.navigation {	
	background: transparent;
	height: 30px;
}

.navigation a {
	background: transparent;
	border-right: 1px dotted #FFFFFF;
	color: #FFFFFF;
	display: block;
	float: left;
	font: normal 1em "Lucida Sans",sans-serif;
	line-height: 12px;
	padding: 0 17.5px;
	margin-top: 60px;
	text-decoration:none
}

.navigation a:hover {
background-position: left bottom; 
color: #E0ECFF;
}



/***** Container for Main area *****/
.main {
	color: #FFFF;
  background: #FFFFFF;
  width: 800px;
  margin: 0 auto;
}

/***** Styles for Main area *****/

.content {
	background: #FFFFFF;
  float: left;
	padding: 10px 40px;
	width: 720px;
	font-family: "Lucida Sans Unicode",sans-serif;
	font-size: 1.1em;
}


.content .left {
margin: auto auto;
width: 360px;
padding-top: 30px;
padding-bottom: 30px;
}

.content .right {
margin: auto auto;
width: 330px;
padding-top: 30px;
}

.content .middle {
margin: auto auto;
width: 600px;
}

.content li {
	list-style: url(imgs/li.gif);
	margin-left: 18px;
}
.content p {
font-family: "Lucida Sans Unicode",sans-serif;
font-size: 1.1em;
text-align:left;
}

.content a {
color: #CC9933;
font-family: "Lucida Sans Unicode",sans-serif;
font-size: 1em;
text-decoration: none
}

.content a:hover {
color: #C1994F;
border-bottom: thin dotted #C1994F
}

/***** footer *****/
.footer {
	background: url(imgs/foot.gif);
  width: 800px;
  height: 24px;
  margin: 0 auto;
  color: #FFF;
	font: bold 1em sans-serif;
	line-height: 24px;
	text-align: center;
}
.footer a,.footer a:hover {color: #FFF;}



/********************************************/
/*****    css photo gallery template    *****/
/*****  http://www.tankedup-imaging.com *****/
/*****            20/08/2006            *****/
/*****                                  *****/
/*****  Modified by Tara Paull          *****/
/*****            22/04/2007            *****/
/********************************************/

.topg {
position:relative;
width:720px;
height:10px;
font: normal 2em "Trebuchet MS",sans-serif;
letter-spacing: 0.1em;
margin-bottom: 4px;
text-align: center;
color: #346999;
}

.maing {
	color: #FFFF;
  background: #FFFFFF;
  width: 800px;
  margin: 0 auto;
}
          
.titles{
float:left;
width: 710px;
height: 15px;
padding: 5px;
font: bold 1.2em "Trebuchet MC",sans-serif;
color: #346999;
letter-spacing: 1.1em
}

.instruct {
float: left;
width: 600px ;
height:20px;
font: normal 1em Tahoma,sans-serif;
text-align: right;
}

.ispace {
float:left;
width:720px;
height:5px;
}

.browser {
float:left;
width: 800px;
height: 30px;
font: normal 0.9em Tahoma,sans-serif;
text-align: center;
color: #666666 ;
padding-top: 120px;
}


/* ---------- gallery container ---------- */
.gallery {
position:relative;
width:620px;
margin: 40px;
}

/* ---------- opacity ---------- */
.gallery a img {opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.7;}
.gallery a:visited img {opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.7;}
.gallery a:hover img {opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}

/* ---------- thumbnail images ---------- */
.thumb, .no-thumb {
float:left;
width:40px;
height:40px;
margin:1px;
}
.thumb {
border:1px solid #000;
}
.no-thumb {
border:1px solid #fff;
}
.thumb a img {display:block;}
.thumb a span {display:none;}
.thumb a:hover, .thumb a:active, .thumb a:focus {background:transparent;}

/* ---------- preview image ---------- */
.gallery a:hover span {
display:block;
position:absolute;
width:370px;
height:285px;
top:25px;
left:250px;
}

/* ---------- no border on images ---------- */
a img {border:0;}

/* ---------- clear floats ---------- */
.clear {
height:0;
line-height:0px;
font-size:0;
clear:both;
}