/* Galleria
-------------------------------------------------------------- */

.galleria{list-style:none;width:100%;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/* -----------------------------------------------------------------------


 Credit: Boilerplate CSS Framework 
 http://code.google.com/p/css-boilerplate/

----------------------------------------------------------------------- */

/* vForm
-------------------------------------------------------------- */
form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }
form.vform p.checkbox label { display: inline; }

/* Tables
-------------------------------------------------------------- */

ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }

/* Layout */

body { font-family:arial; background:none; font-size:16px; font-weight:bold;}
body.bg {background:url('../images/bg.jpg') top left repeat-x;}

.container { width:700px;}
.header { margin-bottom:10px; }
.header-bg {
	height:45px;
	background:#fff url('../images/flower-bg.jpg') top left repeat-x;
}

.footer { 
	margin-top:50px;
	margin-bottom:40px;
	font-size:12px;
	}

.footer a { color:#555;}

.footer-red {
	background-color:#900; 
	color: #fff; 
	padding:10px;
	text-align:center;
}

.footer-red a { color:#fff;}


hr {
	width:100%;
	border:0;
	border-top:1px solid #444;
}

.red{color:#900;}

/* Errors */
.errorExplanation {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.errorExplanation {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;border-color:#900;}
.errorExplanation {width:550px;} /* .span-14 */
.errorExplanation a {color:#8a1f11;}
.errorExplanation h2 {display:none;}
.errorExplanation p {font-weight:bold;}
.fieldWithErrors input.text, .fieldWithErrors textarea { border:2px solid #900; margin:0; }
div.fieldWithErrors { margin:0; padding:0;} 
form.vform textarea { width:300px; height:120px; }

.warning {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.warning {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}


/* Tables and lists */

button { margin-top:0.71em; }
ul{list-style-type:none; margin:0;}

ul.inline li {
	display:block;
	float:left;
	overflow:hidden;
	margin:0 20px 20px 0;
}

ul.inline li img {
}

ol {
	margin-left:30px;
}

/* Typography */

h1 { letter-spacing:-0.01em;}
h2 { letter-spacing:-0.01em;}

h2.caps { 
	font-family: arial;
	font-weight:normal;
	margin-bottom:10px;	
	line-height:2em;
	font-size:140%;
}


.highlight { background-color:#ff9; padding-left:0.2em; padding-right:0.2em;}
.flash { text-align:center; width:100%; font-size:1.65em; text-transform:none;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}
.underline { text-decoration:underline;}
.margin-0 {margin:0;}
.margin-5 { margin:5px;}
.margin-10 { margin:10px;}
.margin-20 { margin:20px;}
.padding-5 { padding:5px;}
.padding-10 { padding:10px;}
.padding-20 { padding:20px;}
.compressed { letter-spacing:-0.02em;}
.line-height-14 { line-height:1.4em;}
.top{ vertical-align:top;}
.top-5{ margin-top:5px;}
.top-10{ margin-top:10px;}
.top-20{ margin-top:20px;}
.top-30{ margin-top:30px;}
.bottom-0{margin-bottom:0px;}
.bottom-5{margin-bottom:5px;}
.bottom-10{margin-bottom:10px;}
.bottom-20{margin-bottom:20px;}
.right-5 {margin-right:5px;}
.right-10 {margin-right:10px;}
.right-20 {margin-right:20px;}
.left-5 {margin-left:5px;}
.left-10 {margin-left:10px;}
.left-20 {margin-left:20px;}
.stretch { letter-spacing:0.1em;}
.uppercase { text-transform:uppercase;}
.float-right {float:right;}
.float-left {float:left;}
td{ padding:10px;}


.nav-links a {
	float:right;
	margin-top:12px;
	margin-left:10px;	
	color:#555;
}

/* Galleria */

.portfolio {
	margin-bottom:30px;
}

.thumbs {
	margin-top:5px;
	margin-left:0px;		
}
.gallery li {
	background:#fff none repeat scroll 0 0;
	border:1px solid #ccc;
	height:45px;
	margin:0 0 4px 4px;
	width:45px;
	display:inline;
	float:left;
}

.caption{
	color:#887; 
	text-align:center;
	margin-right:10px;
}

.gallery li.active { border:1px solid #222; }
.gallery li:hover { border:1px solid #555; } 

.galleria_container { }

.galleria_wrapper { 
	margin-bottom:10px;
	overflow:hidden;
	width:640px;
	}

#main_img {
	width:640px;
	margin-bottom:10px;
	text-align:center;
}

#main_img img { }

div#linkCon {
	left:0;
	opacity:0.8;
	position:absolute;
	top:190px;
	width:100%;
	z-index:10;
	cursor:pointer;
}

div.pixel {
	left:0;
	position:absolute;
	top:190px;
	width:640px;
	height:640px;
	z-index:11;
	cursor:pointer;
}


a { color:#06c; text-decoration:none;}
a:hover { color:#06c; text-decoration:underline;} 

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

.quiet a { color:#555; text-decoration:none;}
.quiet a:hover { color:#000;text-decoration:underline; text-decoration:none;} 

.soft a { color:#444; text-decoration:none;}
.soft a:hover { color:#000;text-decoration:underline; text-decoration:none;} 


/* Navigation
--------------------------*/

.navigation {
	width:100%;
	border-top:1px solid #666;
	border-bottom:1px solid #666;	
	padding:6px 0 6px;
	text-align:center;
	margin:20px 0 10px 0;
}

.navigation, .navigation a {
	color:#222;
	font-size:16px;
	font-weight:bold;	
}

.navigation a {
	margin:5px 10px 5px 10px;
}

.navigation a:hover { 
	color:#000; 
	text-decoration:none;
}

.sub-navigation, .sub-navigation a {
	color:#888;
}

.sub-navigation a:hover {
	color:#555;
	text-decoration:none;
}


a.selected { font-weight:bold;}
a.button:hover {text-decoration:none;}