/* @author: Dimitar Parouchev <dimitar@parouchev.com */

/* @group general */

body {
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
	background: transparent url(../images/background_body.png) repeat left top;
}

a {
	text-decoration: none;
	border: none;
	color: #fff;
	outline: none;
}

img {
	border: 0;
}


/* @end */

/* @group container */

div#maincontainer {
	background: transparent url(../images/leftcontainer_logo_big.png) no-repeat left top;
	background-color: #000;
	width: 1020px;
	height: 620px;
	overflow: hidden;
	

	margin-top: 150px;
	left: 50%;
	position: absolute;
	top: 50%;
	padding: 0px;
	margin: -295px 0px 0px -510px;
	
	
	border: 0px solid red;
}

div#leftcontainer {
	float: left;
	width: 463px;
	margin: 0; 
	padding: 0;
	height: 598px;
	border: 0px solid yellow;
	
}
div#leftcontainer.dotted_right_border{
    background: transparent url(../images/vertcal_line.png) repeat-y right top;
}

div#rightcontainer {
	float: left;
	width: 553px; /* fixme */
	height: 598px;
	border: 0px solid green;
}


div#partnerLinks{
 	clear: both;
 	height:  20px;
    border: 0px solid red;
    background: transparent url(../images/background_body.png) repeat left top;
    color: #000;
    font-size: 11px;
    padding-top: 2px;
    text-align: right;
}

div#partnerLinks a{
    color: #000;

}

/* @end */

/* @group content */

/* @group photoGallery */

.photoGallery{
    margin: 20px 0 0 0;
}

.photoGallery .item{
    width: 115px;
    height: 102px;
    float: left;
    margin: 0 7px 8px 0;
}

.photoGallery .item img{
    width: 113px;
    height: 100px;
    border: 2px solid #fff;
}

/* @end */

/* @group videoGallery */

.videoGallery{
    margin: 20px 0 0 0;
}

.videoGallery .item{
    width: 154px;
    height: 129px;
    float: left;
    margin: 0 7px 8px 0;
    background-color: #fff;

}

.videoGallery .item h3{
	color: #3fb6df;
	font-size: 15px;	
	margin: 0 0 0 4px;
}
.videoGallery .item img{
    width: 150px;
    height: 100px;

    
    border: 2px solid #fff;
}

/* @end */


div#header{
    height:  55px;
    border: 0px solid #fff;
}

div#header .header_navigation{
    width:  214px;
    height:  30px;
    float:  right;
	margin: 20px 34px 0 0;    
}

div#header .index{
	/*todo*/
}
div#header .contact{
	background: transparent url(../images/header_navigation_items.png) no-repeat 0px -180px;
}
div#header .crew{
	background: transparent url(../images/header_navigation_items.png) no-repeat 0px -150px;
}
div#header .terms{
	background: transparent url(../images/header_navigation_items.png) no-repeat 0px -120px;
}
div#header .history{
	background: transparent url(../images/header_navigation_items.png) no-repeat 0px -90px;
}
div#header .video{
	background: transparent url(../images/header_navigation_items.png) no-repeat 0px -60px;
}
div#header .pictures{
	background: transparent url(../images/header_navigation_items.png) no-repeat 0px -30px;
}
div#header .news{
	background: transparent url(../images/header_navigation_items.png) no-repeat 0px 0px;
}

div#maincontent{
	width:  490px;
    height:  556px;
    border: 0px solid pink;
    padding: 10px 34px 5px 34px;
}

/* @group news */
.flyer{
    text-align: center;
}
.flyer img{
   border: 2px solid #fff;
   max-width:475px;
   max-height:475px;
}

/* @end */

/* @end */

/* @group navigation */

ul#navigation{
	list-style:none;
    margin-top: 395px;
    border: 0px solid blue;
}
ul#navigation li a{
	display:block;
    text-indent:-66642px;
    height: 35px;
    margin-left: 32px;
    padding: 0;
    
    border: 0px dotted red;
}

ul#navigation li a#news	{ background:url("../images/leftcontainer_navigation_items_0001.png") no-repeat 0px 0px; }
ul#navigation li a#pictures	{ background:url("../images/leftcontainer_navigation_items_0001.png") no-repeat 0px -35px; }
ul#navigation li a#video	{ background:url("../images/leftcontainer_navigation_items_0001.png") no-repeat 0px -70px; }
ul#navigation li a#history	{ background:url("../images/leftcontainer_navigation_items_0001.png") no-repeat 0px -105px; }


ul#navigation li a#news.active, ul#navigation li a#news:hover{ 
	background:url("../images/leftcontainer_navigation_items_active_0001.png") no-repeat 0px 0px; 
}
ul#navigation li a#pictures.active, ul#navigation li a#pictures:hover{ 
	background:url("../images/leftcontainer_navigation_items_active_0001.png") no-repeat 0px -35px; 
}
ul#navigation li a#video.active, ul#navigation li a#video:hover{ 
	background:url("../images/leftcontainer_navigation_items_active_0001.png") no-repeat 0px -70px; 
}
ul#navigation li a#history.active, ul#navigation li a#history:hover{ 
	background:url("../images/leftcontainer_navigation_items_active_0001.png") no-repeat 0px -105px; 
}

/* @end */

/* @group Text */
.text{
    margin: 30px 0 0 0;
    color: #3fb6df;
    height:  470px;
    overflow: auto;
}
.text a{
    color: #3fb6df;
}
.text p{
    margin: 0 30px 15px 0;
    color: #3fb6df;
    padding: 0 20px 0 0;
    
}
.text h3{
    color: #fff;
    margin: 0 0 7px 0;
}
.headline{
    color: #fff;
    text-transform: uppercase;
	font-weight: bold;
}

.headline{
    color: #fff;
    text-transform: uppercase;
	
}
.text h4{
    color: #fff;
}

/* @end */

/* @group footer_navigation */



ul#footer_navigation{
	list-style:none;
    margin: 20px 0 0 35px;	
}
ul#footer_navigation li{
	float: left;
}
ul#footer_navigation li a{
	display:block;
    text-indent:-66642px;
    height: 11px;
    padding: 0 15px 0 0;
}
ul#footer_navigation li a#terms	{ 
	background:url("../images/leftcontainer_footer_navigation_items.png") no-repeat 0px 0px; 
	width: 34px;
}

ul#footer_navigation li a#crew	{ 
	background:url("../images/leftcontainer_footer_navigation_items.png") no-repeat 0px -11px; 
	width: 36px;
}
ul#footer_navigation li a#contact	{ 
	background:url("../images/leftcontainer_footer_navigation_items.png") no-repeat 0px -22px; 
	width: 58px;
}

ul#footer_navigation li a#terms.active, ul#footer_navigation li a#terms:hover{ 
	background:url("../images/leftcontainer_footer_navigation_items_active.png") no-repeat 0px 0px; 
}
ul#footer_navigation li a#crew.active, ul#footer_navigation li a#crew:hover{ 
	background:url("../images/leftcontainer_footer_navigation_items_active.png") no-repeat 0px -11px; 
}
ul#footer_navigation li a#contact.active, ul#footer_navigation li a#contact:hover{ 
	background:url("../images/leftcontainer_footer_navigation_items_active.png") no-repeat 0px -22px; 
}


/* @end */

/* @group Paginator */


.paging {
    float: left;
    /*padding: 20px 2px;*/
    border: 0px solid red;
    margin-bottom: 15px;
}

.paging ul{
    list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.paging li {
    list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
    background-color: #000;
    border: 1px solid #3fb6df;
    float: left;
    margin: 1px;
    color: #999898;
        
}

.paging  .number{
    padding: 5px 5px 5px 5px;

    
}
.paging a {
    color: #fff;
    display: block;
    text-decoration: none;
    border: 0px solid red;
}

.current {
    background-color: #000 !important;
    border-color: #3fb6df !important;
    color: #fff;
    font-weight: bold;
    padding: 1px 3px 1px 3px;
}

.paging .first, .paging .prev, .paging .next, .paging .last {
    display: block;
    background-image: url(../images/paging.gif);
    background-repeat: no-repeat;
    border: none;
    height: 14px;
    width: 15px;
    margin: 7px 4px 0 4px;
	text-indent:-5000px;
	
    border: 0px solid yellow;
    text-decoration: none;
}

.paging .deactivated {
    background-image: url(../images/paging_deactivated.gif);
}

.paging .first {
    background-position: 0 0

;
/*	margin:2px 4px 0 4px; /* dp */
}

.paging .prev {
    background-position: -22px 0;
}

.paging .next {
    background-position: -44px 0;
}

.paging .last {
    background-position: -65px 0

;
/*	margin:2px 4px 0 4px; /* dp */
}



/* @end */