@charset "UTF-8";

/* **************************************************************************************************** */
/* **************************************************************************************************** */
/* Body */

* { margin:0px; padding:0px; list-style-type:none; }

body {
	background-image: url(../../media/site/background_fade_bottom.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-color: #eeeeee;
	background-attachment:fixed;
	margin:0;
	padding:0;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	letter-spacing:.5px;
	line-height:14px;
	color:#aaaaaa;
	min-width:950px;
	height:100%;
	width:100%;
}

*, ul { list-style-type: none; }

ul { padding:0px; margin:0px; }

img{ border:0px; }

input { background-color: #ffffff; color: #aaaaaa; border:#cccccc 1px solid; font-family: Verdana, Geneva, sans-serif; font-size: 12px; letter-spacing:.5px; line-height:14px; }

/* **************************************************************************************************** */
/* **************************************************************************************************** */
/* Links */

a { text-decoration:none; outline:none; }

a:link {color: #aaaaaa;}
a:visited {color: #aaaaaa;}
a:hover {color: #6dcff6;}
a:active {color: #aaaaaa;}

#contact a:link {color: #ccc;}
#contact a:visited {color: #ccc;}
#contact a:hover {color: #6dcff6;}
#contact a:active {color: #ccc;}

/* **************************************************************************************************** */
/* **************************************************************************************************** */
/* Global Class (Style) */

.italic { font-style: italic; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }

.hi{ border-bottom:#2882b5 dotted 1px; }

img.inline_icon { margin-bottom: -5px; }

.spacer { position:relative; clear:both; width:100%; height:1px; }
.half_space { position:relative; clear:both; width:100%; height:8px; }

/* **************************************************************************************************** */
/* **************************************************************************************************** */

#border {  z-index:999998; }

#border .tl { position:fixed; top:0px; left:0px; width:40px; height:40px; z-index:992; }
#border .tr { position:fixed; top:0px; right:0px; width:40px; height:40px; z-index:992; }
#border .bl { position:fixed; bottom:0px; left:0px; width:40px; height:40px; z-index:992; }
#border .br { position:fixed; bottom:0px; right:0px; width:40px; height:40px; z-index:992; }

#border .top { background:url(../../media/site/border_top.png) left top repeat-x; position:fixed; top:0px; left:0px; width:100%; height:40px; z-index:991; }
#border .right { background:url(../../media/site/border_right.png) right top repeat-y; position:fixed; top:0px; right:0px; width:40px; height:100%; z-index:991; }
#border .bottom { background:url(../../media/site/border_bottom.png) left bottom repeat-x; position:fixed; bottom:0px; left:0px; width:100%; height:40px; z-index:991; }
#border .left { background:url(../../media/site/border_left.png) left top repeat-y; position:fixed; top:0px; left:0px; width:40px; height:100%; z-index:991; }

#glow { position:absolute; top:0px; left:80px; z-index:1; }

#bar { position:fixed; top:60%; left:0px; width:100%; min-height:120px; background-color:#ffffff; z-index:999999; }
#bar .top { position:absolute; top:-2px; left:0px; width:100%; height:2px; background:url(../../media/site/bar_top.png) left bottom repeat-x; z-index:991; }
#bar .bottom { position:absolute; bottom:-4px; left:0px; width:100%; height:4px; background:url(../../media/site/bar_bottom.png) left top repeat-x; z-index:991; }

#bar .tl { position:absolute; top:-10px; left:0px; width:20px; height:10px; z-index:2; }
#bar .tr { position:absolute; top:-10px; right:0px; width:20px; height:10px; z-index:2; }
#bar .bl { position:absolute; bottom:-10px; left:0px; width:20px; height:10px; z-index:2; }
#bar .br { position:absolute; bottom:-10px; right:0px; width:20px; height:10px; z-index:2; }

#logo { position:absolute; top:20px; left:40px; z-index:2; }
#contact { position:absolute; top:12px; right:40px; z-index:2; line-height:13px; text-align:right; color:#cccccc; }

#line { margin-top:80px; height:2px; padding:0px 40px 0px 40px; z-index:2; }
#line div { height:2px; width:100%; background:url(../../media/site/dotted_line.png) center top repeat-x; }

#tags { margin-top:8px; margin-bottom:4px; height:28px; padding:0px 40px 0px 40px; font-size:12px; line-height:22px; overflow:hidden; }
#more { position:absolute; right:40px; top:96px; cursor:pointer; } 

#search { float:left; width:120px; padding:2px 4px 2px 4px; margin-right:14px; }
.blurred { color:#dddddd; }
.focused { color:#aaaaaa; }

#tags a { float:left; margin-right:14px; padding-bottom:1px; }
#tags a.color { color: #6dcff6; text-decoration:none; border-bottom: #6dcff6 1px solid; padding-bottom:0px; }

/* **************************************************************************************************** */
/* **************************************************************************************************** */

#panels { padding:30px; z-index:2; }

.panel { position:relative; float:left; margin:10px; width:585px; height:378px; padding:4px 4px 0px 4px; background-color:#ffffff; color:#999999; font-size:12px; z-index:2; }
.info { position:absolute; bottom:8px; left:6px; width:100%; }
.panel .title { color:#666666; margin-left:6px; }
.crop { height:348px; overflow:hidden; }
.slideshow_controls { position:absolute; right:6px; bottom:8px; text-align:right; font-size:10px; color:#cccccc; }

.panel_small { position:relative; float:left; margin:10px; padding:4px 4px 4px 4px; background-color:#ffffff; color:#999999; font-size:12px; z-index:2; }
.panel_small .title { color:#666666; margin-left:6px; }
.right_area { position:absolute; right:6px; bottom:8px; text-align:right; font-size:10px; color:#cccccc; }