/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @author Edited by Jakob Lorenz


*/

body {
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* choose overall font - go to www.typetester.org to test sizes and see the list of safe fonts - If the user doesnt have the first one, it try the second, and goes along the list until it finds a font that the computer has installed */
	color: #232020; /* sets the color of all type in the website except for links and other sections overwritten */
	background-color: #232020; /* sets the overall background color */
	height:100%;
}

body.section-1 {
	margin:0;
	padding:0;
	height:100%;
}
body.section-2 {
	margin:0;
	padding:0;
	height:100%;
}
body.section-3 {
	margin:0;
	padding:0;
	height:100%;
}

/* LINKS */
	
	/* colors for all links */
	a:link { 
	text-decoration: underline; /* none = no underline, other options include line-through or overline */
	color: #232020; /* sets hex color of every link - www.colorpicker.com or photoshop to find hex values */
	}
	
	a:active { 
	text-decoration: underline;
	}
	
	/* highlights links that you have already clicked. This can be helpful for users to identify which items they have already seen*/
	a:visited { 
	text-decoration: underline;
	color: #232020; /* the color can also be changed */ 
	}
	
	/* sets the properties for links when mouse rolls over */
	a:hover { 
 	text-decoration: underline;
	color: #797373;
	}

	/* any img that is a link */
	a img { 
	border: none; 
	}

/* Pre-Nav Text - Can be accessed in the Exhibit Settings */
	
	
	.top-section {
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px; /* matches padding left in #menu ul */
		width:265px;
		height:180px;
		background-image:url(../../../files/CB_logo_web.gif);
		background-repeat:no-repeat;
	}


	/* SIGN UP FORM */
	
	#signupform {
		text-align: right;
		display: block;
	}
	
	#signupform .spamlabel label {
		display: block;
		width: 56px;
		padding: 5px 0 3px 0;
		float: left;
	}
	
	#signupform .spamlabel input {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-style: normal;
		font-size: 10px;
		font-weight: normal;
		width: 111px;
		height: 16px;
		color: #232020;
		margin: 0 0 3px 0;
		padding: 2px 3px 0 3px;
		background:#FFF;
		border: 0;
		display: block;
		outline: dotted 1px #232020;
	}
	
	#signupform .spamlabel {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: bold;
		color: #797373;
		text-transform: none;
		font-size:10px;
		letter-spacing:0.5pt;
		text-align:right;
	}
	
	#signupform .spambtn button {
		width: 117px;
		height: 18px;
		color: #232020;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: bold;
		font-size:10px;
		letter-spacing:0.5pt;
		margin: 0 0 3px 56px;
		background: #797373;
		display: block;
		border: 0;
		text-transform:uppercase;
		cursor:pointer;
	}
	
	#signupform .spambtn a {
		color: #232020;
	}
	
	
	
	/* MENU */
	
	#menu {
		height: 100%;
		overflow: hidden;
	}
	
	#menu .container {
		width: 265px; /* sets the width of your left hand bar - if you change this also change the LEFT margin in #content to match */
		position: fixed; /* this make the menu stay in place while the content section scrolls*/
		height: 100%;
		background-color: #232020;
		/* padding-left & right can be changed in #menu ul - below */
		font-size: 11px;
		padding: 0px;
		margin: 0px;
		overflow: auto;
		overflow-x: hidden;
		overflow-y: auto;
	}
	
	/* This section controls each section made */ 
	#menu ul {
		list-style: none;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 15px; /* sets the space between each section */
		margin-left: 0px;
		/* sets the spacing around the menu - this is normally set to match padding options in #content but can be changed seperately */
		padding-right: 45px;
		padding-left: 45px;
		text-transform: uppercase;
	}
	
	#menu a { 
	text-decoration: none;
	color: #797373;
	letter-spacing:0.25pt;
	}
	
	#menu a:link { 
	text-decoration: none;
	}
	
	#menu a:visited { 
	text-decoration:none; 
	}
	
	#menu a:hover { 
 	text-decoration: none;
	color: #FFFFFF;
	}
	
	#menu a:active { 
	text-decoration:none;
	color: #FFFFFF;
	}
	
	
	#menu ul {
		margin-top: 0px;
		margin-bottom: 14px;
	}	

	#menu ul li {
		margin-top: 0px;
		margin-bottom: 10px;
	}
	
	/* The following sets the style for the section heading */
	#menu ul li.section-title {
		font-family: Georgia, serif;
		font-style: italic;
		font-weight: bold;
		font-size: 13px;
		text-transform:capitalize;
		padding-top: 18px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		color: #FFFFFF;
		width: 175px;
		background-image: url(../../../files/dot+line.gif);
		background-repeat:repeat-x;
	}
	
	/* The following selectors style the "Built with Indexhibit" on the menu */	
		
		#menu ul.built {
			margin-bottom: 0;
			font-size: 10px;
			font-style: italic;
			letter-spacing: 0.5pt;
			color: #797373;
			text-transform:capitalize;
			padding-top: 18px;
			line-height: 15px;
			padding-bottom: 45px;
		}
		
		#menu ul.bottom-section {
			margin-bottom: 0;
			font-size: 10px;
			font-style: italic;
			letter-spacing: 0.5pt;
			color: #797373;
			text-transform:uppercase;
		}
	
		#menu ul.built li {
			padding-top: 5px;
		}
		
		/* The following changes the link colors for only the "Built with Indexhibit" link */
		#menu ul.built a {
			text-decoration: underline;
			color: #797373;
		}
		
		#menu ul.built a:hover {
		 	text-decoration: underline;
			color: #FFFFFF;
		}


/* CONTENT AREA */

	#contentbg {
		position:fixed;
		width:690px;
		height:100%;
		margin-left:265px;
		background-color:#FFFFFF;
		overflow:hidden;
		z-index: -1;
	}
	
	#content {
		height: 100%;
		position:absolute;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	/*
	#content-offset {
		position:absolute;
		width: 600px;
		margin-top: 66px;
		margin-right: 45px;
		margin-bottom: 75px;
		margin-left: 45px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	*/
	
	#content .container {
		position:absolute;
		height: 100%;
		width: 600px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 265px; /* sets the space so the content starts right when the menu ends - if you change this also change the width of #menu to match */
		padding-top: 0px;  /* change to match the padding-top in #menu if you want them to align */
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		background-color: #FFFFFF;
	}
	
	#content .container img {
		background-color:#F4F4F4;
	}
	
	#barcode {
		position:absolute;
		width: 175px;
		height: 15px;
		margin-top: 90px;
		margin-left: 735px;
	}
/*
	#content p { 
		width: 380px;
		text-align:justify;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 15px; 
		margin-left: 0px; 	
	  line-height: 15px; 
	}
*/
	p { /* sets the properties for all paragraphs  */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 15px;
    margin-left: 0;
	}
	
	#txtbloc {
		margin-bottom:60px;
	}
	
	#portfolio {
		position:absolute;
		padding-top:13px;
		height: 120px;
		vertical-align:top;
	}
	
	#portfolio a { 
		text-decoration: none;
	}
	
	#portfolio a:link { 
		text-decoration: none;
	}
	
	#portfolio a:visited { 
		text-decoration:none; 
	}
	
	#portfolio a:hover { 
 		text-decoration: underline;
	}
	
	#portfolio a:active { 
		text-decoration:none;
	}
	
	#portfoliobtn {
		position:absolute;
		width:380px;
		height:30px;
		background-image:url(../../../files/portfolio_btn.gif);
		background-repeat:no-repeat;
		padding-top: 18px;
		line-height: 15px;
	}

/* CHARACTER STYLES */
	
	.cbtxt {
		letter-spacing: 1pt;
		font-size: 10px;
		text-transform:uppercase;
		font-weight:bold;
	}
	
	.btntxt {
		font-family: Georgia, serif;
		font-style: italic;
		font-weight: bold;
		font-size: 13px;
		text-transform:capitalize;
		color:#232020;
		line-height: 15px;
	}
	
	.infotxt {
		font-size: 10px;
		font-style: italic;
		letter-spacing: 0.25pt;
		color: #232020;
	}
	
	h2 {
		font-size:13px;
		font-weight:bold;
		font-style:normal;
		text-transform:uppercase;
		line-height:15px;
		margin: 0 0 15px 0;
		padding: 2px 0 0 0;
		letter-spacing: 0.5pt;
	}
	
	h3 {
		font-size: 10px;
		font-style: italic;
		font-weight: normal;
		letter-spacing: 0.25pt;
		margin: 0;
		padding: 0;
	}
	
	.projettxt {
		text-align:justify;
		width:380px;
		letter-spacing: 0.25pt;
		line-height:15px;
	}
	
	.newsimg {
		padding-bottom: 15px;
		width:380px;
	}
	
	.newstxt {
		padding-bottom: 15px;
		text-align:justify;
		width:380px;
		letter-spacing: 0.25pt;
		line-height:15px;
	}
	
	.newstxt ul {
		list-style-image:url(../../../files/arrow.gif);
		list-style-position:outside;
		text-transform:uppercase;
		line-height:30px;
		font-weight:bold;
		letter-spacing:0.25pt;
		margin:0;
		padding:0;
	}
	
	.separator {
		background-image:url(../../../files/dot+line_blk.gif);
		background-repeat:repeat-x;
		height:5px;
		width:380px;
		margin-top:15px;
		padding-bottom:30px;
	}
	
	.teltxt {
		font-size:13px;
	}

/* IMAGES */

	#img-container	{
		padding: 0 0 30px 0;
	}
	
	#img-container p	{ 
		width: 600px; 
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px; 
		padding: 0 0 7px 0;
	}
	
	.nothumb img {
		margin-top: 0px;  
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	
	#once { clear: left; }
	
	
/* SLIDE SHOW - Navigation */
	
	p.nav a {
		background-color: #eeeeee;
		padding-top: 3px;
		padding-right: 9px;
		padding-bottom: 3px;
		padding-left: 9px;
		font-size: 11px;
		font-family: Georgia, serif;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
	}
	
	p.nav a:hover {
		background-color: #cccccc;
	}
	
	p.nav span#num {
		letter-spacing: 2px;
		font-family: Georgia, serif;
		font-style: italic;
		padding-left: 20px;
	}