/*----------------------------------------
Q2 CSS Framework v1.1
Developed by: Q2 Interactive | david.krasensky@q2.cz
Based on: Elements CSS Framework | http://elements.projectdesigns.org
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("reset.css");
/* @import url("externalLinks.css"); */


/* Elements
----------------------------------------*/
html {
	height: 100%;
}
body
{
	font-family: Arial, Helvetica, sans-serif;
	color: #B2B2B2;
	font-size: 12px;
	line-height: 150%;
	height: 100%;
	background-image: url(../img/web-bg.jpg);
	background-repeat: repeat-x;
	background-color: #100501;
}
body#subpage {
	background-position: 0 -209px;
}

/*--- Link Styles ---*/
a
{
	color: #4FA80E;
	text-decoration: underline;
}

a:hover
{
	color: #ffffff;
	text-decoration: underline;
}


/* Standard Definitions
----------------------------------------*/

blockquote	{
	margin: 0 0 18px 18px; 
	color: #666666; 
	font-style: italic;
}
strong	{
	font-weight: bold;
}
em	{
	font-style: italic;
}

.hide {
	display: none;
}
.nobg {
	background-image: none;
}
/* http://www.positioniseverything.net/easyclearing.html */
.clear {
	clear: both;
}
.clear:after { /* fixed > fix-ie.css */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* Forms
----------------------------------------*/

input.text {
	padding: 1px 4px;
	border: 1px solid #BBBBBB;
}
textarea {
	padding: 1px 4px;
	border: 1px solid #BBBBBB;
}
input.text:focus, textarea:focus {
	border: 1px solid #000000;
}

.error, .notice, .success {
	padding: 10px; 
	border: 2px solid #dddddd;
	margin: 10px 0;
}
.error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}
.error a {
	color: #8a1f11;
}
.notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}
.notice a {
	color: #514721;
}
.success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}
.success a {
	color: #264409;
}



#web-container {
	width: 100%;
}



/* Header
----------------------------------------*/

#header-wrapper {
	width: 100%;
}
#header {
	width: 960px;
	margin: 0 auto;
}

	
	
	
	
	
		
/* Content
----------------------------------------*/
#content-wrapper {
	width: 100%;
}
#content {
	width: 960px;
	margin: 0 auto;
	background-image: url(../img/content-gradient.jpg);
	background-repeat: no-repeat;
	background-position: 0 397px;
}
#subpage #content {
	background-position: 0 188px;
}
	#content .sidebar {
		width: 280px;
		padding: 13px 20px 0 20px;
		float: left;
	}
		#content .sidebar h1 {
			display: none;
		}
		#content .sidebar .home-promo {
			color: #4FA80E;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 17px;
			line-height: 36px;
			margin: 100px 0 0 0;
			height: 80px;
			overflow: hidden;
		}
			#content .sidebar .home-promo .t1 {
				font-size: 28px;
			}
			#content .sidebar .home-promo .t2 {
				font-size: 36px;
			}
			
		#content .sidebar h2.title { /* ie fix */
			color: #F5681F;
			margin: 60px 0 26px 0;
			font-size: 16px;
			line-height: 28px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
		}
			#subpage #content .sidebar h2.title {
				margin: 35px 0 26px 0;
			}
			
			#content .sidebar h2.title .t1 {
				font-size: 18px;
				color: #ffffff;
			}
			#content .sidebar h2.title .t2 {
				font-size: 24px;
				color: #ffffff;				
			}
		#content .sidebar .side-text {
			font-size: 14px;
			padding: 20px 0;
		}
			#content .sidebar .side-text span {
				color: #ffffff;
			}
			#content .sidebar .side-text a {
				color: #F5681F;
			}
				#content .sidebar .side-text a:hover {
					color: #ffffff;
				}
			
			
			

	
	
	
	
	#content .main {
		width: 640px;
		float: right;
	}
		#content .main .top-bar {
			height: 80px;			
		}
			#content .main .top-bar a {
				color: #A36523;
				font-size: 10px;
				background-repeat: no-repeat;
				background-position: 0 2px;
				padding: 0 0 0 22px;	
				display: block;
				float: left;
				margin: 28px 30px 22px 30px;
			}
			#content .main .top-bar a:hover {
				color: #ffffff;
			}
			#content .main .top-bar a.home {
				background-image: url(../img/icon-home.png);	
			}
			#content .main .top-bar a.sitemap {
				background-image: url(../img/icon-sitemap.png);			
			}			
		
		#content .main .menu {
			height: 60px;
			background-image: url(../img/menu-bg.png);
			background-repeat: repeat;
		}
			#content .main .menu a { /* ie6fix */
				color: #FCD9A2;
				font-size: 16px;
				font-family: Georgia, "Times New Roman", Times, serif;
				text-decoration: none;
				display: block;
				float: left;
				margin: 14px 25px 0 30px;
			}
				#content .main .menu a:hover {
					color: #ffffff;
				}
				#content .main .menu a.active {
					text-decoration: underline;
				}		
		
		#content .main .player {
			margin: 25px 0;
			width: 620px;
			height: 300px;
			padding: 10px;
			background-image: url(../img/player-bg.png);
			background-repeat: no-repeat;
		}
		
		#content .main .home-boxes {
			
		}
		#content .main .item-boxes {
			
		}
			#content .main .home-boxes h2, #content .main .item-boxes h2 {
				font-size: 24px;
				font-family: Georgia, "Times New Roman", Times, serif;
				color: #9A6950;
				padding: 0 0 20px 0;
				font-weight: normal;
			}
			#content .main .item-boxes h2 {
				line-height: 24px;
			}	
			#content .main h3 {
				font-size: 24px;
				font-family: Georgia, "Times New Roman", Times, serif;
				color: #9A6950;
				padding: 25px 0 10px 0;
				font-weight: normal;
			}	
			#content .main h4 {
				font-size: 18px;
				font-family: Georgia, "Times New Roman", Times, serif;
				color: #D8D8D8;
				padding: 20px 0 10px 0;
				font-weight: normal;
			}	
			#content .main .projects {
				width: 600px;
				font-size: 12px;
				color: #aaaaaa;
			}	
				#content .main .projects th {
					padding: 0 0 10px 0;
					width: 33%;
				}	
		
			#content .main .home-boxes .col-1, #content .main .item-boxes .col-1 {
				width: 280px;
				padding: 0 20px;
				float: left;
				background-image: url(../img/col1-bg.png);
				background-repeat: repeat-x;
				background-position: bottom;
			}
				#content .main .item-boxes .col-1 {
					margin-bottom: 30px;
				}
					#content .main .item-boxes .col-1 .image {
						width: 280px;
						height: 175px;
						overflow: hidden;
					}
				#content .main .home-boxes .col-1 ul li, #content .main .item-boxes .col-1 ul li {
					padding: 8px 0;
				}
				#content .main .home-boxes .col-1 ul a, #content .main .item-boxes .col-1 ul a  {
					color: #F5681F;
					text-transform: uppercase;
				}
					#content .main .home-boxes .col-1 ul a:hover, #content .main .item-boxes .col-1 ul a:hover {
						color: #ffffff;
					}
					
				#content .main .home-boxes .col-1 .button02, #content .main .item-boxes .col-1 .button02 {
					margin: 10px 0 20px 0;
				}
				#content .main .home-boxes .col-2 .button03 {
					margin: 20px 0 20px 0;
				}
					
			#content .main .home-boxes .col-2 {
				width: 280px;
				padding: 0 20px;
				float: left;
				background-image: url(../img/col2-bg.png);
				background-repeat: repeat-x;
			}
				#content .main .home-boxes .col-2 .contact-box {
					line-height: 200%;
				}
				#content .main .home-boxes .contact-label {
					width: 70px;
					float: left;
				}
				
			#content .main .item-boxes .item-desc {
				color: #D8D8D8;
				font-size: 12px;
				padding: 20px 0 10px 0;

				height: 130px;
				overflow: hidden;
			}
				#content .main .item-boxes .item-desc .hl {
					color: #F5681F;
				}
			#content .main .item-boxes#ref .item-desc {
				height: 16px;
				padding: 4px 0 0 0;
				overflow: hidden;
			}
				
			
		#content .main h1.main-title {
			color: #9A6950;
			font-size: 60px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
			padding: 0 20px;
			margin: 100px 0 40px 0;
		}
		#content .main .section-desc {
			color: #D8D8D8;
			font-size: 14px;
			padding: 0 20px 30px 20px;
		}
		
	#content .button01 {
		width: 280px;
		height: 29px;
		padding: 10px 0 0 0;
		display: block;
		text-align: center;
		font-size: 18px;
		color: #ffffff;
		font-family: Georgia, "Times New Roman", Times, serif;
		text-decoration: none;
		
		background-image: url(../img/button01.png);
		background-repeat: no-repeat;
	}
	#content .button02 {
		width: 280px;
		height: 29px;
		padding: 10px 0 0 0;
		display: block;
		text-align: center;
		font-size: 18px;
		color: #ffffff;
		font-family: Georgia, "Times New Roman", Times, serif;
		text-decoration: none;
		
		background-image: url(../img/button02.png);
		background-repeat: no-repeat;
	}
	#content .button03 {
		width: 280px;
		height: 29px;
		padding: 10px 0 0 0;
		display: block;
		text-align: center;
		font-size: 18px;
		color: #ffffff;
		font-family: Georgia, "Times New Roman", Times, serif;
		text-decoration: none;
		
		background-image: url(../img/button03.png);
		background-repeat: no-repeat;
	}
	
	#content .button01:hover, #content .button02:hover, #content .button03:hover {
		text-decoration: underline;
	}
	
	

/* Footer
----------------------------------------*/
#footer-wrapper {
	width: 100%;
	background-image: url(../img/footer-bg.jpg);
	background-repeat: repeat-x;
}
#footer {
	width: 920px;
	height: 100px;
	padding: 75px 20px 40px 20px;
	margin: 0 auto;
	color: #D8D8D8;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial;
	line-height: 24px;
}
	#footer .copy {
		float: left;
	}
		#footer .copy a {
			color: #D8D8D8;
		}
	#footer .alt-menu {
		float: right;
		text-align: right;
	}
	#footer .alt-menu a {
		color: #F5681F;
	}
		#footer .alt-menu a:hover {
			text-decoration: none;
		}
		#footer .alt-menu strong {
			font-weight: normal;
		}
		#footer .alt-menu strong a {
			margin: 0 0 0 20px;
			color: #D8D8D8;
		}


#q2-backlinks {
	margin: 10px 0 0 0;
}
#q2-backlinks li {
	float: left;
	padding: 0 10px 0 0;
}
#q2-backlinks li a {
	color: #6D4938;
}