/*
div { border:1px solid red; }
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt,var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;

/*
font-size: 100%;
line-height: 1em;	yes, em, not unitless
*/
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	}
a img, :link img, :visited img {
	border: 0;
	}
:link, :visited {
	text-decoration: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
caption, th { 
	text-align: left; 
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0;
	}
h1, h2, h3, h4, h5, h6, p {
	position: relative;
	}
p {
	margin: 0 0 1em;
	}
legend, hr {
	display: none;
	visibility: hidden;
	}
button {
	cursor: pointer;
	}
abbr, acronym {
	cursor: help;
	border: none;
	}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}

/*
li, blockquote {
  margin-left: 1.5em;
	}
ol li {
  margin-left:2em;
	}
*/ 

html {
	background: #f4f4f4;
	color: #4e4e4e;
	text-align: center;
	}
body {
	font: 62.5% Arial, Helvetica, sans-serif;
	background: #f4f4f4 url(bg-body.gif) repeat-x 0 0;
	padding-top: 5px;
	}
body#front {
	background: #f4f4f4 url(bg-body.gif) repeat-x 0 0;
	}
em {
	font-style: italic;
	line-height: inherit;
	}
.imgleft {
	float: left;
	margin: 0 15px 10px 0;
	}

	
#wrap {
	width: 960px;
	margin: 0 auto;
 /*	background: transparent url(bg-wrap.gif) no-repeat 100% 122px; */
	}
#front #wrap {
 /*		background: transparent url(bg-wrap.gif) no-repeat 100% 500px; */
		}
#project #wrap {
		background-image: none;
		}

#header {
	height: 122px;
	margin: 0 auto;
	position: relative;
	}
#front #header {
		height: 92px;
		background: #282828 url(bg-header.gif) no-repeat 0 0;
		}
#logo a {
	position: absolute;
	left: 0;
	top: 0;
	height: 92px;
	width: 240px;
	border: 0;
	background: url(logo.gif) no-repeat 0 0;
	outline: none;
	}
#logo img {
	display: block;
	width: 0;
	}

#feature {
	height: 232px;
	background: #8CD0F5 url(header.jpg) no-repeat 0 0;
	overflow: hidden;
	}
#intro {
	float: left;
	margin: 10px 0 0 35px;
	width: 400px;
	display: inline;
	}
#intro h2, #intro h2 span { 
	height:35px; 
	width:215px;
	font: bold 1.4em/1.5em Arial, Helvetica, sans-serif;
	color: #336699; 
/*background-image: url(bg-h1-in.gif);*/
	} 
#intro p, #news li {
	font: bold 1.4em/1.5em Arial, Helvetica, sans-serif;
	color: #282828;
	text-align: justify;
	margin: 0.8em 10px 0 25px;
	font-style: italic;
	}
	
#slider {
	width: 391px;
	height:200px;
	position: relative;
	float: right;
	margin: 10px 35px 0 0;
	display:none;
}

#slider h2, #slider h2 span { 
/*
	background-image: url(bg-h2-sl.gif);
*/
height:25px; 
width:245px; 
font: bold 1.5em/1.6em Arial, Helvetica, sans-serif;
color: #336699; 
} 

#slider a img {
	padding: 8px;
   background-color: #336699;
	}
#slider a:hover img {
	padding: 8px;
   background-color: #fff;
	}
#slider a:hover  {
	white-space: inherit;
	}
#slider li {
   height: 180px;
	font-size: 1.2em;
	line-height: 1.2;
	color: #A0522D;
	}
#slider li img {
	display: block;
	clear: both;
	}
#slider li strong {
	margin-left: 15px;
	}
#slider li a {
	font-weight: bold;
	line-height: 1;
	color: #277AA3;
	}
#slider li a:hover {
	color: #000;
	}

#main {
	float: left;
	width: 950px;
	min-height: 400px;
	position: relative;
	padding: 5px;
	padding-bottom: 30px;
	font-size: 1.2em;
	}
#main h1 {
	font-size: 2.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	background: url(bg-headi.gif) repeat-x 0 100%;
	margin: 20px 0 22px 0;
	padding-bottom: 5px;
	color: #277AA3;
	}
#main h1 a {
	color: #15857B;
	}
#main h1 a:hover {
	color: #000;
	}
#main h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	letter-spacing: -1px;
	font-weight: bold;
	margin: 1em 0 0.5em;
	color: #00455f;
	padding-bottom: 5px;
	}
#main h3 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 1em 0;
	color: #666;
	clear: both;
	}
	
#main img { clear:both; margin: 5px 40%; }

#main p
{
text-align: justify;
}

#main p img { clear:both; margin:0; }

#main ul { margin: 10px; }

#main p strong {
	color: #666;
}

#main ul li {
	line-height: 1.6em;
	list-style: disc;
	margin-left: 15px;
	}
#main p a, #main li a {
	color: #118cca;
	}
#main p a:hover, #main li a:hover {
	color: #000;
	text-decoration: underline;
	}
#main p span {
	line-height: inherit;
		}
#main ul ul {
	font-size: 1em;
	margin-bottom: 0;
	margin-left: 20px;
	}

#large {
	width: 575px;
	height: 415px;
	float: left;
	display: inline;
	margin: 15px 15px 0;
	padding: 0;
	background: #fff url(loading.gif) no-repeat 50% 50%;
	}

.entry {
	float: right;
	width: 500px;
	margin-bottom: 25px;
	padding-left: 20px;
	background: url(bg-proje.gif) repeat-y 0 0;
	}
.entry img, .entry a img {
	float: left;
	margin: 0 20px 10px 0;
	padding: 3px;
	background: #fff;
	border: 1px solid #999;
	}
.entry a:hover img {
	background: #75C5F0;
	border: 1px solid #75C5F0;
	}
.entry a:hover {
	white-space: inherit;
	}

.caption {
	width:  auto;
	float: left;
	margin: 0 15px 8px 0;
	padding: 5px;
	text-align:  center;
	color:  #999;
	font-size: 1.1em;
	padding-bottom: 0;
	}
.caption img, .caption a img {
	border:  0;
	margin: 0 auto 10px;
	padding: 0;
	} 
.caption strong {
	clear: both;
	width: 100%;
	white-space: pre;
	display: block;
	margin-bottom: 5px;
	width: auto;
	text-align: center;
	font-weight: normal;
	}


#main h2 a {
	font-size: 1.3em;
	font-weight: normal;
	background-image: none;
	margin: 24px 0 0;
	color: #118cca;
	padding-bottom: 5px;
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
	}
#main h2 a:hover {
	color: #000;
	}

#footer {
border: 1px solid #000;
	position: relative;
	margin: 10px 0;
	padding: 1px 5px;
	width: 950px;
	clear: both;
	background: url(bg-footer.gif) repeat-x 0 0;
	overflow: hidden;
	text-transform: uppercase;
	}
#footer ul {
	font-size: 1em;
	color: #666;
	margin: 10px 0 0;
	overflow: hidden;
	margin-left: -7px;
	}
#footer li {
	display: inline;
	}
#footer li a {
	color: #666;
	text-decoration: none;
	float: left;
	line-height: 1.6em;
	padding: 0 7px;
	display: block;
	border-left: 1px solid #75C5F0;
	}

#footer li a:hover {
	color: #118cca;
	}
#footer p {
	color: #999;
	font-size: 1em;
	line-height: 1.6;
	margin: 1em 0;
	}
#footer p a {
	color: #aaa;
	}
#footer p a:hover {
	color: #118cca;
	}

#footer p span {
	position: absolute;
	right: 0;
	font-size: 0.9em;
	text-transform: none;
	}
	
.solidblockmenu{
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #fff;
background: black url(blockdefault.gif) center center repeat-x;
position: absolute;
top: 20px;
right: 0;
width: auto;
margin-right: 10px;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid #fff;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(blockactive.gif) center center repeat-x;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	}
.hide {
	display: none;
	visibility: hidden;
	}
.center {
	text-align: center;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*
Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html
*/
.replace { 
	position:relative; 
	margin:0px; 
	padding:0px; 
	/* \*/ overflow: hidden; /* */ 
	} 
.replace span {
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
	}
/*
<h1 id="myh1" class="replace" >Headline<span></span></h1> 

the add the CSS:
#myh1, #myh1 span { 
	height:100px; 
	width:300px; 
	background-image: url(head.png); 
} 
*/

div.trigger {
padding: 0;
margin: 0 0 5px 0;
background: url(h2_trigger_a.gif) no-repeat;
height: 46px;
line-height: 46px;
width: 500px;
font-size: 1em;
font-weight: normal;
}

div.trigger a {
padding-left:50px;
color: #fff;
text-decoration: none;
display: block;
}

div.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
div.trigger a:hover { color: #ccc; }
.active {background-position: left bottom;}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 0.9em;
	width: 500px;
	clear: both;
}
.toggle_container .block {
	padding: 20px;
	background: url(toggle_block_btm.gif) no-repeat left bottom;
}

.promo { text-align:center; font-size: 10px; margin: 5px 0 0 0; text-transform: none; color:silver; }
.promo a { color:silver; }

/*
 * SimpleModal Contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: contact.css 242 2010-03-14 00:55:02Z emartin24 $
 *
 */

/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:450px;}
#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;}
#contact-container h1 {color:#d76300; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:left;}
#contact-container .contact-loading {background:url(images/conload.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {background:#000; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}
#contact-container br {clear:both;}
#contact-container form {margin:0; padding:0;}
#contact-container label {clear:left; display:block; float:left; font-weight:bold; padding-right:4px; text-align:right; width:100px;}
#contact-container .contact-input {background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:300px;}
#contact-container textarea {height:114px;}
#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}
#contact-container .contact-top {background-color:#333; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#contact-container .contact-bottom {background-color:#333; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {background:#d76300; border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#contact-container .contact-button:hover {background:#f49000;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#contact-container a.modal-close:hover {color:#ccc;}



.jcarousel-skin-tango .jcarousel-container {
    position: relative;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width:  308px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  308px;
    height: 220px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width:  308px;
    height: 220px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}