/* ++++++++++++++++++++ TAGS ++++++++++++++++++++ */

html {
	background-color: #ececec;
}

a:link, a:visited {
	color: #09c;
}

a:hover {
}


/* ++++++++++++++++++++ GRID ++++++++++++++++++++ */

.container {
	border-left: 2px solid #666;
	border-right: 2px solid #666;
}

.head {
	background-color: #e4e4e4;
}

.content {
	padding-bottom: 150px;
}

.footer {
	margin: -160px auto 0 auto;
	height: 160px;
	border-left: 2px solid #666;
	border-right: 2px solid #666;
	background-color: #ccc;
}

/* ++++++++++++++++++++ HEAD ++++++++++++++++++++ */

.head .bottom {
	background-color:#898989;
}


/* ==================== navi ==================== */


.head .top .nav a:link, .head .top .nav a:visited, .head .top .nav a:hover {
	color: #666;
}

.head .bottom .nav {
	padding-right: 30px;
	float: right;
}

.head .bottom .nav .start {
	width: 65px;
}

.head .bottom .nav .end {
	width: 30px;
}

.head .bottom .nav a:link, .head .bottom .nav a:visited, .head .bottom .nav a:hover {
	color: #fff;
}

.head .bottom .nav .current:link, .head .bottom .nav .current:visited, .head .bottom .nav .current:hover {
	color: #6cf;
}

/* ++++++++++++++++++++ CONT ++++++++++++++++++++ */

.bc, .tbc, .bbc {
	background-color: #09c;
}

.bc .middle, .bbc .middle {
	color: #fff;
}

.thumb .middle {
	height: 50px;
	padding-top: 65px;
	background-repeat: no-repeat;
}

.bigpic {
	 background-position: top left;
	 background-repeat: no-repeat;
	 background-color: #ffffff;
	 padding-top: 35px;
	 height:225px;	
}

.sbar {
	margin-left: -30px;
}

.sbar .middle, .sbar .bottom {
	margin-top:-15px;
}

.sbar .start, .sbar .item, .sbar .end {
	text-align:right
}

.sbar .middle {
	padding: 0px 15px 5px 15px;
}

.sbar .bottom {
	height: 15px;
	background-image:url(images/sbar_seperator.gif);
}

.snav .middle {
	margin-top:-20px;
	padding: 0px;
}

/* ==================== box-content ==================== */

.sbar h3 {
	font-size:12px;
	color: #666;
	border-bottom: 2px dotted #666;
	margin-bottom: 5px;
}

.sbar a:link,.sbar a:visited,.sbar a:hover {
	color:#ccc;
	font-weight:bold;
	padding-left: 15px;
	background-image:url(images/snav2_up.gif);
	background-position:top left;
	background-repeat:no-repeat;

}

.sbar a:hover {
	color:#fff;
	background-image:url(images/snav2_hover.gif);
	background-position:top left;
	background-repeat:no-repeat;

}

.bc .middle a, .bbc .middle a, .bbc .bottom a {
	color: #66FFFF;
}

.bc .seperator{
	border-top: 1px solid  #300;
	border-bottom: 1px solid  #f33;
}

.bc_seperator{
	border-top: 1px solid #09c;
	border-bottom: 1px solid #ccc;
}

.bc_framed .middle, .tbc .middle, .bbc .middle, .bbc .bigpic {
	border-left: 3px solid #09c;
	border-right: 3px solid #09c;
}

.tbc .hd * {
	color: #fff;
}

.tlg .hd * {
	color: #666;
}

.bc_border {
	border: 1px solid #09c;
}

.screenshoot {
	padding-bottom:15px;
}


/* ==================== lists ==================== */



/* ==================== tables ==================== */


.bc_framed table, .bc_framed td, .tbc table, .tbc td {
	border-color: #09c;
}

.bc th, .tbc th {
	background-color:#09c;
}

/* ==================== navi ==================== */


.snav {
	background-color: #666;
}

.snav .start {
	background-image:url(images/sbar_snav_start.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color: #666;

}
.snav .end {
	background-image:url(images/sbar_snav_end.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:10px;
}

.snav .seperator{
	border-top: 1px solid  #333;
	border-bottom: 1px solid  #999;
}

.snav a:link, .snav a:visited, .snav a:hover {
	padding-right:20px;
	color: #fff;
	background-image:none;
} 

.snav a:hover {
	background-image:url(images/snav_hover.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.snav .current {
}

.snav .current a:link, .snav .current a:visited, .snav .current a:hover {
	padding-right:20px;
	background-image:url(images/snav_current.gif);
	background-repeat:no-repeat;
	background-position:right;
	color:#6cf;
} 

.sbar p {
	padding-bottom: 5px;
}

/* ==================== size ==================== */



/* ==================== forms==================== */

.input, textarea {
font-size: 11px;
	height: 16px;
	width: 270px;
	border: 1px solid #999;
	background-color: #fff;
}

textarea {
	height: 100px;
}

input:focus, textarea:focus {
	background-color: #ededed;
}

form .button {
	width: 272px;
	background-color: #999;
	border: 1px solid #999;
	color: #fff;
	font-weight: bold;
}

.button:focus {
	background-color: #999;
}

/* ++++++++++++++++++++ FOOT ++++++++++++++++++++ */

.footer .middle {
	height: 70px;
}

.footer a:link, .footer a:visited, .footer a:hover {
	color: #6cf;
}