@import "reset.css";


body {
	font-family: Verdana;
	font-size: 11px;
	line-height: 20px;
	color: #000;
	text-align: center;
}

body {
	background: url('../images/body_bg.jpg') repeat-x top center;
}


body#home {
	background: url('../images/body_home_bg.jpg') repeat-x top center;
}



div#container {
	width: 1040px;
	margin: 0 auto;
	text-align: left;
}


/* header */
div#header {
	height: 50px;
}


	ul#menu {
		list-style: none;
		float: left;
	}

	ul#menu li {
		float: left;
		height: 30px;
		margin: 10px 20px 10px 10px;
	}

	ul#menu li a {
		font-family: Verdana;
		font-size: 14px;
		line-height: 20px;
		text-decoration: none;
	}

	ul#menu li.active {
		padding: 0 0 0 20px; 
		background: url('../images/li_bg.png') no-repeat 0 2px;
	}

	ul#menu2 {
		list-style: none;
		float: right;
	}

	ul#menu2 li {
		float: left;
		height: 30px;
		margin: 10px 20px 10px 10px;
	}

	ul#menu2 li a {
		text-decoration: none;
	}

/* visual */
div#visual {
	background: url('../images/visual_home_bg.jpg') no-repeat top center;
	width: 1040px;
	height: 110px;
}

/* content */
div#content {
	width: 1040px;
	min-height: 700px;
	margin: 0px;
	padding: 20px 0 0 0;
}

body div#content {
	background: url('../images/content_bg.jpg') no-repeat top center;
}


body#home div#content {
	background: url('../images/content_home_bg.jpg') no-repeat top center;
	width: 1040px;
	min-height: 700px;
	margin: 0px;
}


	/* normal */
	div#left {
		float: left;
		padding: 60px 10px 20px 20px;
		width: 670px;
	}
	
	div#right {
		float: left;
		padding: 60px 20px 20px 0px;
		width: 320px;
	}


	/* home */
	body#home div#left {
		float: left;
		padding: 60px 0px 20px 20px;
		width: 320px;
	}

	body#home div#center{
		float: left;
		padding: 60px 10px 20px 10px;
		width: 340px;
	}

	/* portfolio */	
	body#home div#right {
		float: left;
		padding: 60px 20px 20px 0px;
		width: 320px;
	}

	body#portfolio div#left {
		float: left;
		padding: 60px 10px 20px 20px;
		width: 490px;
	}
	
	
	body#portfolio div#right {
		float: left;
		padding: 60px 20px 20px 10px;
		width: 490px;
	}

/* general */
.floatleft {
	float: left;
}

h1 {
	margin: 0 0 10px 0;
	height: 35px;
	color: #0082ff;
	font-size: 20px;
	background: url('../images/h1_bg.png') no-repeat bottom center;
}

h2 {
	margin: 0 0 10px 0;
	height: 35px;
	color: #333; /*#0082ff;*/
	font-size: 18px;
	background: url('../images/h1_bg.png') no-repeat bottom center;
}


h3 {
	height: 35px;
}
		
a {
	color: #004c92;
	text-decoration: none;	
}


div#content h3 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

div#content p {
	margin: 0 0 20px 0;
}


div#content p.alert {
	background: #FFFFCC;
	border: 1px solid #FFCC00;
	padding: 10px;
}
div#content ul {
	margin: 0 0 10px 0;
	/*list-style-position: inside;//*/
}

div#content ul li {
	padding: 0 0 0 20px; 
	background: url('../images/li_bg.png') no-repeat 0 2px;
}

div#content a.readmore {
	display: block;
	color: #004c92;
	border-bottom: 1px dotted #7b7b7b;
	margin: 20px 0 0 0;
	padding: 0 0 10px 25px;
	background: url('../images/readmore.png') no-repeat 0 5px;
	text-decoration: none;
}

div#content a.readmoreNoline {
	display: block;
	color: #004c92;
	margin: 20px 0 0 0;
	padding: 0 0 0 25px;
	background: url('../images/readmore.png') no-repeat 0 5px;
	text-decoration: none;
}

div#content a.arrow {
	display: inline-block;
	padding: 0 25px 0 0;
	background: url('../images/readmore.png') no-repeat right 5px;
}

div#content div.thumb_310x100 {
	width: 310px;
	height: 100px;
	padding: 10px;
	background: url('../images/310x100_bg.png') no-repeat;
}

div#content div.thumb_100x75 {
	float: left;
	margin: 10px 15px;
	width: 100px;
	height: 75px;
	padding: 10px;
	background: url('../images/100x75_bg.png') no-repeat;
}

div#content div.thumb_100x75_right {
	float: right;
	margin: 10px 15px;
	width: 100px;
	height: 75px;
	padding: 10px;
	background: url('../images/100x75_bg.png') no-repeat;
}

div#content div.thumb_300x350 {
	float: left;
	width: 300px;
	height: 350px;
	padding: 10px;
	background: url('../images/map_bg.png') no-repeat;
}


div#content div.thumb_460x185 {
	position: relative;
	float: left;
	width: 460px;
	height: 185px;
	padding: 10px;
	margin: 10px 5px;
	background: url('../images/460x185_bg.png') no-repeat;
}

div#content div.thumb_460x185 ul {
	position: absolute;
	list-style: none;
	bottom: 0px;
	height: 30px;
}

div#content div.thumb_460x185 ul li {
	float: left;
	background: none;
	padding: 0;
	margin: 0p;
}
	div#center h1 {
		color: #000;
	}

	div#left h1,
	div#left h2,
	div#left h3,
	div#left h4,
	div#left p,
	div#left ul {
		padding: 0px 10px 0px 10px;
	}

	div#center h1,
	div#center h2,
	div#center p,
	div#center ul {
		padding: 0px 5px 0px 5px;
	}

	
	div#right h1,
	div#right h2,
	div#right h3,
	div#right p,
	div#right ul {
		padding: 0px 10px 0px 10px;
	}

	div#center > div {
		padding: 0 0 10px 0;
		margin: 0 5px 0 5px;
		background: url('../images/h1_bg.png') no-repeat bottom center;
	}

	body#home div#content div#center p.files span {
		display: inline-block;
		width: 70px;
		height: 30px;
		line-height: 30px;
		font-weight: bold;
		padding: 0 0 0 25px;
	}

	body#home div#content div#center p.files span.on {
		background: url('../images/on_bg.png') no-repeat 0px 10px;
	}

	body#home div#content div#center p.files span.off {
		background: url('../images/off_bg.png') no-repeat 0px 10px;
	}




	body#portfolio h1,
	body#portfolio h2,
	body#portfolio div#content div#left > ul {
		background: url('../images/h_portfolio_bg.png') no-repeat bottom center;
	}

	body#portfolio div#content div#left > ul {
		padding: 20px 0 20px 10px;
		min-height: 20px;
	}


	body#portfolio div#content div#left > ul label {
		float: left;
		width: 60px;
		padding: 0 10px 0 0;
		margin: 0;
		font-weight: bold;
	}
	body#portfolio div#content div#left > ul li {
		background: none;
		float: left;
		display: block;
		padding: 0 5px 0 0;
		margin: 0;
	}

	body#portfolio div#content div#left > ul li p {
		width: 380px;
		margin: 0;
		padding: 0 0 20px 0;
	}

	body#portfolio div#content table {
		width: 490px;
		margin: 0 0 30px 0;
	}

	body#portfolio div#content table tr.first {
		margin: 0 0 10px 0;
		background: url('../images/h_portfolio_bg.png') no-repeat bottom center;
		height: 35px;
	}

		
	body#portfolio div#content table tr {
		height: 30px;
		width: 490px;
		padding: 5px 0;
		
	}	
	
	body#portfolio div#content table thead tr {
		background: url('../images/h_portfolio_bg.png') no-repeat bottom center;

	}

	body#portfolio div#content table tbody tr {
		cursor: pointer;
	}

	/*
	body#portfolio div#content table tbody tr.active,
	body#portfolio div#content table tbody tr:hover {
		background: url('../images/tr_hover_bg.png') no-repeat;
		
	}
	//*/


	body#portfolio div#content table thead tr th, 
	body#portfolio div#content table tbody tr td {
		width: 70px;
		height: 30px;
	}

	
	body#portfolio div#content table thead tr th.first {
		color: #000;
		font-size: 14px;
		font-weight: normal;
		width: 280px;
		text-align: left;
	}


	body#portfolio div#content table tbody tr td.first {
		width: 230px;
		background: url('../images/td.first_bg.png') no-repeat 10px 10px;
		padding: 5px 10px 5px 40px;
		text-align: left;
		height: 20px;
	}


	body#portfolio div#content table tr td span {
		display: block;
		width: 70px;
		height: 30px;
		text-align: center;
	}

	body#portfolio div#content table tr td span.on {
		background: url('../images/on_bg.png') no-repeat 10px 10px;
	}

	body#portfolio div#content table tr td span.off {
		background: url('../images/off_bg.png') no-repeat 10px 10px;
	}


	div#content div.block {
		padding: 0 0 20px 0;
		background: url('../images/h_portfolio_bg.png') no-repeat bottom center;
	}

	div#content div.block + .block  {
		padding: 20px 0 20px 0;
	}

	div#content div.block p,
	div#content div.block p a {
		margin: 0;
	}






div#footer {
	background: url('../images/footer_bg.jpg') no-repeat top center;
	width: 1040px;
}

	div#footercontent {
		margin: 0 30px;
		padding: 10px 0 50px 0;
	}

		div#footercontent p {
			float: left;
			width: 490px;
		}

		div#footercontent p + p {
			text-align: right;
		}



.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*
.clearfix {
	display:inline-block;
}
*/

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}