/*
    AUTHOR: Selim Kurar
*/

/* ------------------------------------------ */
/* RESETS, PAGE SETUP, TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
html {  }
body { background-color:#f3f3f3; font-family: "Calibri", Helvetica, "Trebuchet MS", arial, serif; font-weight:normal; -webkit-font-smoothing: antialiased;}
ul { list-style: none inside; }
p { font: 1.3em/1.3em; margin-bottom: 1.3em; }
a { outline: none; text-decoration:none; color: #cba311;}
a img { border: none; }
h1{ font-size:14px; text-transform:capitalize; margin-bottom: 25px; color:#19a1dc; }
/* END RESET */

/* ------------------------------------------ */
/* CLEAR, FLOATS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END SECTION */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
#header-bg{
	position:fixed;
	top:0px;
	background:#1a1a1a;
	width:100%;
	height:105px;
	-moz-box-shadow: 3px 0 7px #1a1a1a;
	-webkit-box-shadow: 3px 0 7px #1a1a1a;
	box-shadow: 3px 0 7px #1a1a1a;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#1a1a1a')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#1a1a1a');
	z-index:5;
}
#header{
	position:relative;
	width:800px;
	height:105px;
	margin: 0 auto;
	padding: 10px 0 0 0;		
}
#header .logo {
	margin-left:603px;
	position:fixed;
	top:10px;
	z-index:5;
	width:164px;
	height:85px;
}
.menu{
	width:752px;
	height:40px;
	position:fixed;
	top:75px;
	z-index:5;
	margin-left:24px;
}
#main {
	width: 800px;
	margin: 0 auto;
}
#content{
	margin-top:25px;
	min-height:580px;
}
#content2{
	margin-top:25px;
	min-height:710px;
}
#content3{
	margin-top:25px;
	min-height:600px;
}
#content4{
	margin-top:25px;
	min-height:790px;
}
#player{
	background: #1a1a1a;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	height:285px;
	padding:18px 0 0 0;
	margin:0 25px 20px 25px;
}
.blockleft{
	background:url(../images/block.png) no-repeat;
	width:230px;
	height:206px;
	padding: 0;
	float:left;
	margin: 0 30px 0 25px;
}
.blockcenter{
	background:url(../images/block.png) no-repeat;
	width:230px;
	height:206px;
	float:left;
	padding-top:17px;
	padding-left: 18px;
}
.blockcenter li{ list-style-type:none;}
.blockcenter li a{
	font-size: 12px;
	text-decoration:none;
	color:#f3f3f3;
	text-transform:capitalize;
	line-height:24px;
	font-weight:bold;
	font-family: 'Nobile', "Trebuchet MS", arial, serif;
}
.blockcenter li a:hover{
	color:#e3ba24;
}
.blockright{
	background:url(../images/block.png) no-repeat;
	width:230px;
	height:206px;
	padding: 0;
	float:right;
	margin-right:25px;
}
#footer{
	position:fixed;
	bottom:0;
	background:#1a1a1a;
	border-top:2px solid #19a1dc;
	width:100%;
	min-height:30px;
	-moz-box-shadow: 3px 0 7px #1a1a1a;
	-webkit-box-shadow: 3px 0 7px #1a1a1a;
	box-shadow: 3px 0 7px #1a1a1a;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=-90, Color='#1a1a1a')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=-90, Color='#1a1a1a');
}
#copyright{
	position:relative;
	width:800px;
	margin: 0 auto;
}
#copyright .text{
	padding: 7px 0 0 25px;
	font-size:9px;
	color: #19a1dc;
	float:left;
	font-family: Helvetica, "Trebuchet MS", arial, serif;
}
#copyright .links{
	float:right;
	padding: 7px 25px 0 0;
	font-size:9px;
	color: #f3f3f3;
	font-family: Helvetica, "Trebuchet MS", arial, serif;
}
#copyright .links a{	
	font-size:9px;
	color: #f3f3f3;
}
#copyright .links a.selected{	
	color: #19a1dc;
}
#copyright .links a:hover{	
	color: #19a1dc;
}

ul.gallery {
	width: 800px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0 25px;
}
ul.gallery li {
	float: left;
	margin: 0 35px 5px 0; padding: 0;
	text-align: center;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 210px; /*--Width of image--*/
	height: 135px; /*--Height of image--*/
	padding: 8px;
	cursor: pointer;
	background: #1a1a1a;
	-webkit-box-shadow: 0px 0px 5px #cba311;  
	-moz-box-shadow: 0px 0px 5px #cba311;
	box-shadow: 0px 0px 5px #cba311;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
}
ul.gallery li span { /*--Used to crop image--*/
	width: 210px;
	height: 135px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #1a1a1a; /*--Hover effect for browser with js turned off--*/
	-webkit-box-shadow: 0px 0px 10px #e3ba24;
	-moz-box-shadow: 0px 0px 10px #e3ba24;
	box-shadow: 0px 0px 10px #e3ba24;
}
ul.gallery li h2 {
	font-size: 10px;
	font-weight: normal;
	margin: 8px 0 20px 0; padding: 10px;
	background: #1a1a1a;
	font-family: 'Nobile', "Trebuchet MS", arial, serif;
	-webkit-box-shadow: 0px 0px 5px #cba311;  
	-moz-box-shadow: 0px 0px 5px #cba311;
	box-shadow: 0px 0px 5px #cba311;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
}
ul.gallery li h2:hover {
	-webkit-box-shadow: 0px 0px 10px #e3ba24;
	-moz-box-shadow: 0px 0px 10px #e3ba24;
	box-shadow: 0px 0px 10px #e3ba24;
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}
.overlay_img {
	position:absolute;/*this is really the only style you need*/	
}
#textarea{
	background: #1a1a1a;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	padding: 30px 0 25px 33px;
	color: #d5d5d5;
	font-size:12px;
	height:380px;
	line-height:18px;
	font-weight:normal;
}
#textarea2{
	background: #1a1a1a;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	padding: 30px 0 25px 33px;
	color: #d5d5d5;
	font-size:12px;
	height:680px;
	line-height:18px;
	font-weight:normal;
}
#textarea3{
	background: #1a1a1a;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	padding: 30px 0 25px 33px;	
	height:455px;
	font-weight:normal;	
}
.text-wrapper{
	float:left;
	width: 515px;
	text-align:left;
	color: #d5d5d5;
	font-size:12px;	
	line-height:18px;
	font-weight:normal;
}
.text-wrapper a{
	color: #cba311;
	text-decoration:none;
}
.text-wrapper a:hover{
	color: #e3ba24;
}
.image-wrapper{
	float:left;
	width: 150px;
	height: 300px;
	padding-left: 57px;
	padding-top:3px;
	font-size:9px;
	line-height:14px;
}
.image-wrapper a{
	color: #cba311;
	text-decoration:none;
	
}
.image-wrapper a:hover{
	color: #e3ba24;
}
.backto{
	float:left;
	margin-top:25px;
}
.backto span{
	width: 300px;
	height: 39px;
	overflow: hidden;
	display: block;
}
ul.gallery2 {
	width: 800px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0 25px;
}
ul.gallery2 li {
	float: left;
	margin: 0 50px 5px 0; padding: 0;
	text-align: center;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery2 li a.thumb {
	width: 133px; /*--Width of image--*/
	height: 200px; /*--Height of image--*/
	padding: 8px;
	cursor: pointer;
	background: #1a1a1a;
	-webkit-box-shadow: 0px 0px 5px #cba311;  
	-moz-box-shadow: 0px 0px 5px #cba311;
	box-shadow: 0px 0px 5px #cba311;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
}
ul.gallery2 li span { /*--Used to crop image--*/
	width: 133px;
	height: 200px;
	overflow: hidden;
	display: block;
}
ul.gallery2 li a.thumb:hover {
	background: #1a1a1a; /*--Hover effect for browser with js turned off--*/
	-webkit-box-shadow: 0px 0px 10px #e3ba24;
	-moz-box-shadow: 0px 0px 10px #e3ba24;
	box-shadow: 0px 0px 10px #e3ba24;
}
ul.gallery2 li h2 {
	font-size: 10px;
	font-weight: normal;
	margin: 8px 0 20px 0; padding: 10px;
	background: #1a1a1a;
	font-family: 'Nobile', "Trebuchet MS", arial, serif;
	-webkit-box-shadow: 0px 0px 5px #cba311;  
	-moz-box-shadow: 0px 0px 5px #cba311;
	box-shadow: 0px 0px 5px #cba311;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
}
ul.gallery2 li h2:hover {
	-webkit-box-shadow: 0px 0px 10px #e3ba24;
	-moz-box-shadow: 0px 0px 10px #e3ba24;
	box-shadow: 0px 0px 10px #e3ba24;
}
ul.gallery2 li a {text-decoration: none; color: #777; display: block;}
.italic{font-style:italic;}
.noncap{ text-transform:lowercase;}