/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Netrostar Inc - BTAVE.com
Version:	1.0
Date created:	2008-05-26
Last change:	2008-05-26
Author:	Tomasz Zeludziewicz
-------------------------------------------------------------------*/
@import "reset.css";
@import "helpers.css";

/*------------------------------------------------------------------
[Table of contents]

1. bg
	1.1 wrapper
		1.1.1 header
			1.1.1.1	 logo
			1.1.1.2 menu
		1.1.2 content
		1.1.3 footer
-------------------------------------------------------------------*/

body { background: #fff url(../Images/bg.jpg) repeat-x; font: 11px Verdana, Tahoma, Arial; color: #242f4b; }
table, td, th { border-collapse: collapse; }
a { cursor: pointer; color: #242f4b; }
div { text-align: left; }

/*------------------------------------------------------------------
[1][bg]
-------------------------------------------------------------------*/
#bg { background: transparent url(../Images/bg_banner.jpg) no-repeat top center; width: 100%; text-align: center; float: left; }

	/*------------------------------------------------------------------
	[1.1][wrapper]
	-------------------------------------------------------------------*/
	#wrapper { margin: auto; width: 915px; }
	
		/*------------------------------------------------------------------
		[1.1.1][header]
		-------------------------------------------------------------------*/
		#header { clear: both; width: 892px; height: 90px; position: relative; }
			
			/*------------------------------------------------------------------
			[1.1.1.1][logo]
			-------------------------------------------------------------------*/
			#logo { width: 229px; height: 104px; /*background: transparent url(../Images/logo.jpg) no-repeat;*/ position: absolute; z-index: 1; top: 0px; left: -15px; }
			
			/*------------------------------------------------------------------
			[1.1.1.2][menu]
			-------------------------------------------------------------------*/
			.menu { float: right; margin: 27px 15px 0px 0px; }
				.menu li { display: inline; }
					.menu li a,  .menu .dd_link { font: 11px Arial; font-weight: bold; text-transform: uppercase; color: #4c566d; text-decoration: none; display: block; padding: 0px 11px; float: left; }
					.menu li a:hover { color: #bcc4ce; }
					
		/*------------------------------------------------------------------
		[1.1.2][content]
		-------------------------------------------------------------------*/
		#content { margin-top: 440px; clear: both; width: 915px; }
		
		    /*------------------------------------------------------------------
		    [][sitemap]
		    -------------------------------------------------------------------*/        
		    #sitemap { float: right; width: 690px; padding: 10px; border-bottom: 1px solid #c4d8e9; }
		        #sitemap .current { font-weight: bold; }
		        #sitemap a { text-decoration: none; }
		        #sitemap a:hover { text-decoration: underline; }
		    
		/*------------------------------------------------------------------
		[1.1.3][footer]
		-------------------------------------------------------------------*/
		#footer { clear: both; float: left; width: 99%; margin-top: 20px; margin-bottom: 10px; border-top: 1px solid #b3bedf; padding: 10px; background: #c2d9eb; }
			#footer .company { float: left; font-weight: bold; }
			#footer .link { float: left; text-decoration: none; margin-left: 220px; }
			    #footer .link a { padding: 5px 15px; }
			#footer .netrostar { float: right; font-weight: bold; }
		
/* hide span */
.hs span { display: none; }
				
.subpage { width: 845px; float: left; margin-top: 25px; }
.subpage h1 { font-weight: bold; font-size: 28px; font-style: italic; font-family: Arial; margin-bottom: 20px; }
.subpage p { text-align: justify; padding: 10px 10px 10px 10px; }
.subpage.padding { padding: 0px 0px 50px 50px; }

.form .textbox { width: 250px; }
.form td, .form th { padding: 2px 0px 2px 0px; }

.q { font-weight: bold; }
p.a { padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; }

.recipies h2 { font-size: 15px; font-weight: bold; padding: 10px; color: #000; border-bottom: 1px solid #000; }
    .recipies .rec { padding: 15px; }
        .recipies .rec h3 { font-size: 12px; font-weight: bold; padding: 5px; }
        .recipies .rec ul { padding: 0px 0px 0px 30px; }
        

.Link { padding-bottom: 20px; border-bottom: 1px solid #a4bdd3; }

.dd_link { position: relative; }
.dd_menu { display: none; position: absolute; top: 13px; left: 0px; z-index: 2; border: 1px solid #6a99bf; }
    .dd_menu a { display: block !important; padding: 4px 7px 4px 7px !important; background: #cbe0f1; white-space: nowrap; width: 150px; }
    .dd_menu a:hover { color: #000 !important; }
    
.table { width: 100%; border: 1px solid gray; }
.table th { text-align: center; font-weight: bold; padding: 6px 4px; }
.table th, .table td { border-bottom: 1px solid #e5e5e5; padding: 6px 4px; }


/*------------------------------------------------------------------
[Area B&T]
-------------------------------------------------------------------*/

.area-entry {float:left; width: 800px; padding:10px; margin-left:100px;}
	.area-entry .photo {float:left; width: 120px; margin-right:20px; }
	.area-entry .desc {float:left; width: 600px; text-align:left;}
		.area-entry .desc .title {float:left; width: 600px; padding: 10px 0px; font-size:14px; font-weight: bold;}
		.area-entry .desc .shortInfo {float:left; width: 600px;}
		.area-entry .desc .more {float:left; width: 600px; padding: 10px 0px;} 

.area-back { float:left; width: 880px; text-align:right; font-weight: bold; padding:10px;} 		
.area-details {float:left; width: 520px; margin: 0px 10px;}
	.area-details .title {float:left; width: 480px; font-size:14px; font-weight: bold;}
	.area-details .shortInfo {float:left; width: 480px; padding: 10px 0px;  font-weight: bold;}
	.area-details .content {float:left; width: 480px;}
.area-image {float:left; width: 350px;}

/*------------------------------------------------------------------
[Evantos]
-------------------------------------------------------------------*/

.event-item {float:left; width: 800px; padding:10px; margin-left:100px;}
	.event-item .img {float:left; width:250px;}
	.event-item .desc {float:left; width: 550px; text-align:left;}
		.event-item .desc .title {float:left; width: 550px; padding: 3px 0px; font-size:12px; font-weight: bold;}
		.event-item .desc .shortInfo {float:left; width: 550px;}

		
.event-item { float:left; width: 880px; text-align:right; font-weight: bold; padding:10px;} 		
.event-item {float:left; width: 880px; margin: 0px 10px;}
	.event-item .title {float:left; width: 880px; font-size:14px; font-weight: bold;}
	.event-item .gallery {float:left; width: 880px; margin: 10px 150px;}
		.event-item .gallery .mainPhoto {float:left; width: 524px; height:400px; border:solid 4px #fff; margin:10px;}		
		.event-item .gallery .thumbinals {float:left; width: 544px;}
			.event-item .gallery .leftArrow {float:left; width: 66px;}
			.event-item .gallery .smallPhoto {float:left; width: 88px; height:68px; border:solid 2px #fff; margin: 0px 4px;}
			.event-item .gallery .rightArroe {float:left; width: 66px;}
	.event-item .content {float:left; width: 880px;}