/*  
Theme Name: 		GON_Website_9.0
Theme URI:			http://www.givision.net
Description: 		Inspired by 
Version:				1.0.1
Author: 				Jiri Mocicka
Author URI:			http://www.givision.net
*/

/*-----------------------------------------------------------------------------------------------
  Global Value
-----------------------------------------------------------------------------------------------*/

/*
	COLOR
	Brown							RGB(48,29,15);
	Light Brown				RGB(123,110,102);	
	White							RGB(239,239,229);	
	Blue							RGB(21,149,211);
	Light Blue				RGB(130,180,226);
	Gray							RGB(105,115,111);
	Light Gray				RGB(155,159,157);

*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/
body  {
	background-color: RGB(21,12,7);
	background:url(../images/BG_wrap.jpg) center top RGB(21,12,7);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align: left;
	color: RGB(211,210,194);
	}
	
	.brown {
		color: RGB(48,29,15);
		}
	.lightBrown {
		color:RGB(123,110,102);
		}
	.white {
		color: RGB(239,239,229);
		}
	.blue {
		color: RGB(21,149,211);
		}							
	.lightBlue {
		color: RGB(130,180,226);
		}
	.gray {
			color: RGB(105,115,111);
			}
	.lightGray {
		color: RGB(155,159,157);
		}
		
	a {
		color: RGB(1,148,211);
		text-decoration: none;
		}
	a:hover {
		text-decoration: underline;
		}
	* {
		margin: 0;
		padding: 0;
		list-style: none;
		}
	.clear {
		clear: both;
		}


	h1, h2, h3, h4, h5 {
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		letter-spacing: -.05em;
		margin: 0;
		padding: 0;
		line-height: 1em;
	}

	h1 {
		font-size: 40px;
		line-height: 39px;
		color: RGB(239,239,229);
		text-align: justify;
		padding: 20px 0 20px 0;
		margin: 0 20px 0 20px;
		}

	h2 {
		font-size: 36px;
		line-height: 30px;
		color: #E1E1E1;
		padding-bottom: 5px;
		margin: 0 0 10px 0;
		border-bottom: 1px solid #404040;
		}

	h3 {
		font-size: 40px;
		margin: 0px 0px 20px 0;
		height: 30px;
		}
	p {
		margin-bottom: 15px;
		line-height: 16px;
		}	

/*-----------------------------------------------------------------------------------------------
  General Styles Definition
-----------------------------------------------------------------------------------------------*/
#container {
	margin: 0px auto;
	width: 955px;
	}
	
	#header {
		position: relative;
		height: 80px;
		margin: 40px 40px 0;
		}
		
		#header #brand a {
			background: url(../images/GON_Logo.gif) no-repeat;
			width: 214px;
			height: 80px;
			display: block;
			text-indent: -1000em;
			position: absolute;
			}
		
		#header ul {
			position: absolute;
			right: 0px;
			top: 20px;
			width: 390px;
			}
		
		#header li {
			float: left;
			margin-left: 1px;
			padding: 0;
			display: inline;
			}
		
		#header li a {
			float: left;
			padding: 20px 0 0 0;
			overflow: hidden;
			height: 0px !important;
			height /**/:20px; /* for IE5/Win only */
			}

			.bodyheading {
				font-family: Helvetica, Arial, Verdana, sans-serif;
				font-size: 30px;
				color: #BDBDBD;
				line-height: 38px;
				}
			
			.bodyheading2 {
				font-family: Helvetica, Arial, Verdana, sans-serif;
				font-size: 15px;
				color: #BDBDBD;
				margin: 0;
				padding-top: 15px;
				}
			
			.pageheading {
				font-family: Helvetica, Arial, Verdana, sans-serif;
				font-size: 20px;
				color: RGB(1,148,211);
				}	
		
				.dot {
					width: 3px;
					background: url(http://09.givision.net/images/icon-dot.gif) no-repeat;
					background-position: 0 9px;
					display: block;
					text-indent: -1000em;
					}


/*-----------------------------------------------------------------------------------------------
  Global Navigation Styles
-----------------------------------------------------------------------------------------------*/
		#projects a {
			width: 120px;
			background: url(../images/NAV_Projects.gif) no-repeat right 0;
		}
		#lab a {
			width: 70px;
			background: url(../images/NAV_Lab.gif) no-repeat right 0;
		}
		#shop a {
			width: 85px;
			background: url(../images/NAV_Shop.gif) no-repeat right 0;
		}
		#about a {
			width: 90px;
			background: url(../images/NAV_About.gif) no-repeat right 0;
		}
		
		#header li a:hover, #header li a.selected {
			background-position: right -20px
		}


#content {
	margin: 25px 20px 0;
	}

	#left {
		float: left;
		width: 465px;
		}
		

	#right {
		float: left;
		margin-left: 32px;
		width: 318px;
		}
		
/*-----------------------------------------------------------------------------------------------
  HOME PAGE Definition Styles
-----------------------------------------------------------------------------------------------*/
	#welcome {
		border-bottom: 4px solid RGB(105,115,111);
		padding-bottom: 20px;
	  }
	
	#subtitle {
		border-bottom: 4px solid RGB(105,115,111);
		padding-bottom: 20px;
		margin-bottom: 20px;
		}
	
	#recentworks, #summary {
		border-bottom: 4px solid RGB(105,115,111);
		padding: 20px 0;
		}
	
	#recentworks, #subtext {
		padding:20px 0px 0px 0px;
		}		
	
	#recentworks  ul {
		float: left;
		width: 269px;
		}
	
		#col2 {
			padding: 0 54px;
			}
		
		#recentworks li.image {
			border: 4px solid #DDD;
			height: 154px;
			}

/*-----------------------------------------------------------------------------------------------
  ANOUT Definition Styles
-----------------------------------------------------------------------------------------------*/

		#left .bullets li{
			list-style: url(../images/icon-bullet.gif);
			margin-top: 10px;
			margin-left: 30px;
		}
		
		#reference {
			border-left: 2px solid #2B2B2B;
			padding: 10px 20px 0;
		}
		
		#right .comments li {
			overflow: hidden;
			font: italic 12px Helvetica, Arial, Verdana, sans-serif;
			width: 380px;
			height: 210px;
		}
	



/*-----------------------------------------------------------------------------------------------
  PROJECT Definition Styles
-----------------------------------------------------------------------------------------------*/

		#works-nav {
			position: relative;
			height: 20px;
			margin: 10px 0 0;
			font-weight: bold;
			font-size: 13px;
		}
		
		#works-nav ul {
			position: absolute;
			right: 0;
			top: -4px;
		}
		
		#works-nav li {
			float: left;
			margin-left: 15px;
			display: inline;
			color: #686868;
		}
		
		#works-nav li a {
			float: left;
			padding: 1px 0 0 0;
			height: 0px !important;
			height /**/:21px; /* for IE5/Win only */
			color: #686868;
		}
		
		#works-nav li a:hover, #works-nav ul li .selected {
			color: RGB(21,149,211);
		}
		
		.work {
			background: url(http://09.givision.net/images/works-bg.png) repeat;
			width: 851px;
			border-top: 4px solid RGB(211,210,194);
			padding: 15px 30px;
		}
		
		.work .worktext {
			float: right;
			width: 287px;
			margin-left: 32px;
		}
		
		.work .worktext ul li{
			float:left;
			padding-right:5px;
		}
		
		.work .worktext ul li a:hover, .work .worktext .selected  {
			color: RGB(21,149,211);
		}

/*.work .worktext .selected {
	color:#02DFDB; }	
*/

element.style {
	left:0;
}

.work .workcontainer {
	/*background: url(../images/loading.gif) repeat left top;*/
	width: 524px;
	float: left;
	border: 4px solid #DDD;
	overflow: hidden;
}

.work .workcontainer ul {
	position: relative;
	width: 5400px;
	/*height: 313px;*/
}

.work .workcontainer ul li {
	position: relative;
	/*height: 313px;*/
	width: 524px;
	float: left;
	display: inline;
}

.work .workcontainer ul li img{
	position:relative;
	top:0;
	left:0;
	display: block;
}

.worktext a {
	color: #BDBDBD;
}

.worktext ul {
	margin-top: 30px;
}

a.external {
	background: transparent url(../images/icon-external-link.gif) no-repeat center right;
	padding: 0 15px 0 0;
	color: RGB(21,149,211);
}

.white {
	color: #E1E1E1;
}

.top {
	/*border: 1px solid #FFFFFF;*/
	position: relative;
	height: 15px;
	margin: 2px 0 12px 0;
	border: 0;
}

.top ul {
	position: absolute;
	right: 0;
}

/*-----------------------------------------------------------------------------------------------
  FORM Definition Styles
-----------------------------------------------------------------------------------------------*/

		#contact-form {
			margin-top: 15px;
			overflow: hidden;
		}
		
		label {
			clear: both;
			float: left;
			display: block;
			text-align: right;
			margin: 10px 15px 0 0;
			width: 65px;
			font-weight: bold;
			color:RGB(123,110,102);
		
		}
		
		input, textarea {
			background: url(../images/BG_Form.gif) no-repeat 0 0;
			border: 4px solid RGB(211,210,194);
			float: left;
			width: 460px;
			margin-bottom: 15px;
			color: RGB(211,210,194);
			padding: 4px 5px;
		}
		
		textarea {
			overflow: auto;
			height: 130px;
		}
		
		.sendbutton {
			float: right;
			display: block;
			width: 450px;
			height:40px;
			}
			.sendbutton .button {
			display: block;
			width: 120px;
			height:30px;
			margin-right:5px;
			}
		
		#footer .sendbutton {
			float: right;
			display: block;
			width: 525px;
			height:40px;
			}
			
		input.buttonlink {
			width: 65px;
			padding: 1px;
			border: 2px solid #2B2B2B;
			Font-size: 13px;
			font-weight: bold;
			text-align: center;
		}
		
		.buttonlink {
			background-color: #343535;
			float: left;
		}
		
		.buttonlink:hover {
			background-color: #474747;
		}
		
		.loading-icon {
			padding: 4px 0 0 10px;
		}
		
		li.error {
			Font-size: 13px;
			font-weight: bold;
			color: #FF0000
		}
		
		li.success {
			font-size: 13px;
			font-weight: bold;
			color: #32C1BF;
		}

/*-----------------------------------------------------------------------------------------------
  FOOTER Definition Styles
-----------------------------------------------------------------------------------------------*/

		#footer {
			bottom: 1px;
			border-top: 4px solid RGB(49,29,15);
			background: url(../images/BG_Footer.jpg) center top RGB(165,167,154);
			height: 600px;
			margin: 100px 0 0;
			width: 100%;
			}
	
		#footer div {
			margin: 0 auto;
			width: 900px;
			position: relative;
			}
		
		#footer div #left {
			float: left;
			width: 605px;
			}
		
		#footer div #right {
			float: left;
			margin-left: 32px;
			width: 260px;
			}
		
		#footer-nav {
			padding: 18px 20px 0;
			font-weight: bold;
			font-size: 10px;
			color: #414141;
			}

			#footer-nav p{
				margin-bottom: 2px;
				line-height: 14px;
				}
		
		/*#footer ul li {
			display: inline;
			padding-left: 3px;
		}
		*/
		
			#footer a {
				color: RGB(21,149,211);
				}
				#footer a:hover {
					color: RGB(239,239,229);	
					}

/*-----------------------------------------------------------------------------------------------
  401 Definition Styles
-----------------------------------------------------------------------------------------------*/
	#pagenotfound {
		padding: 60px 0 120px;
		}