* { margin: 0; padding: 0; outline:0; }

body {
	font-size: 12px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: #0e2e41;
}

a { color: #2f83b7; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
textarea { overflow: auto; }

#main h2 { background:#000; height:40px; line-height:40px; color:#fff; font-weight:normal; margin-bottom:18px; padding-left:10px; }
#main h2.bubble { background:#000 url(/css/images/h2-bubble.gif) left center no-repeat; padding-left:44px; margin-left:-34px; }
#main h2.bubble span { float:left; }

#main h2.eye { background:#000 url(/css/images/h2-eye.gif) left center no-repeat; margin:0 -34px; }
#main h2.eye span { float:left; padding-left:34px; }
#main h2.eye a { float:right; background:url(/css/images/h2-seeall.gif) right center no-repeat; padding-right:43px; font-size:10px; color:#ebebeb; text-decoration:none; }

#main h2 .latest-articles { float:right; color:#ebebeb; font-size:10px; text-decoration:none; padding-right:19px; background:url(/css/images/button-rarr.gif) 97px 11px no-repeat; }

#slider h2 { color:#fff; font-size:38px; line-height:40px; font-weight:normal; }

#main h3 { font-size:20px; line-height:22px; color:#121212; font-weight:normal; }
#main h3.wheels,
#main h3.tic-tac,
#main h3.cup,
#main h3.sync { padding-left:35px; background:url(/css/images/h3-clock.gif) left top no-repeat; line-height:33px; padding-bottom:2px; }

#main h3.wheels { background-image:url(/css/images/h3-wheels.gif); background-position:0 3px; }
#main h3.tic-tac { background-image:url(/css/images/h3-clock.gif); background-position:0 2px; }
#main h3.cup { background-image:url(/css/images/h3-cup.gif); }
#main h3.sync { background-image:url(/css/images/h3-sync.gif); }

h4 { font-size:11px; color:#464646; font-weight:normal; padding:0 0 6px 2px;  }

#footer h5 { font-size:12px; color:#002439; line-height:14px; font-weight:normal; padding-bottom:3px; }



.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }



.shell {
	width:940px;
	margin:0 auto;
	position:relative;
	padding:0 10px;
}

#header,
#header .shell {
	background-color: #000000;
	background-image: url(/css/images/header.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#main { background:url(/css/images/main.gif) center top; }
#main .bg-top { background:url(/css/images/main-top.gif) center top repeat-x; width:100%; }
#footer,
#footer .shell { background:url(/css/images/footer-top.gif) center top repeat-x; }



#header .shell {  height:92px; width:960px; padding-top:28px; }


#logo {
	position:absolute;
	top:2px;
	left:-1px;
	width:316px;
	font-size: 0;
	line-height: 0;
	background-image: url(/css/images/logo.png);
	height: 116px;
	background-repeat: no-repeat;
}
#logo a {
	float:left;
	text-indent: -4000px;
	width:316px;
	height:116px;
	background-image: url(/css/images/logo.png);
}



#navigation {
	display:inline;
	padding-top: 23px;
	padding-right: 11px;
	padding-bottom: 0;
	padding-left: 0px;
	width: 940px;
	background-image: url(/css/images/m.png);
} 
#navigation ul {
	list-style:none;
	float:left;
	padding-top: 15px;
	padding-left: 150px;
	padding-right: 200px;
	padding-bottom: 15px;
}
#navigation ul li { float:left; display:inline; font-family: Arial, Helvetica, Sans-Serif; font-size:14px; font-weight:bold; padding-left:27px; line-height:16px; }
#navigation ul li a { color:#fff; text-decoration:none; text-shadow:#091a25 1px 1px 1px; }
#navigation ul li a.active,
#navigation ul li a:hover {
	color:#DD268A; }
#navigation li ul{
	z-index:9999;
	position:absolute;
	left:-999em;
	height:auto;
	width:170px;
	border-left:1px solid #059BD8;
	border-bottom:1px solid #059BD8;
	}	
	




#navigation .has-dd { padding-right:10px; }
#navigation .dd { display:none; }



#header .socials { position:absolute; right:74px; bottom:0; }
#header .socials a { position:absolute; bottom:0; width:24px; height:18px; font-size: 0; line-height: 0; text-indent: -4000px; }
#header .socials .socials-facebook {
	right:54px;
	background-color: #194f70;
	background-image: url(/css/images/socials-facebook.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#header .socials .socials-twitter {
	right:24px;
	background-color: #194f70;
	background-image: url(/css/images/socials-twitter.gif);
	background-repeat: no-repeat;
	background-position: top;
}




#slider .shell { padding:0; width:auto; }
#slider ul { list-style:none; position:relative; z-index:2;  }
#slider ul li {
	float:left;
	height:371px;
	position:relative;
	background-color: #000;
	background-image: url(/css/images/slider-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

#slider .jcarousel-container-horizontal { width:100%; }
#slider .jcarousel-clip-horizontal { width:100%; }
#slider .jcarousel-clip { position:relative; height:371px; overflow:hidden;  }

#slider .jcarousel-next,
#slider .jcarousel-prev { position:absolute; top:136px; width:47px; height:80px; z-index:4; cursor:pointer; }

#slider .jcarousel-next { background:url(/css/images/slider-next.png); right:20px; }
#slider .jcarousel-prev { background:url(/css/images/slider-prev.png); left:20px; }

#slider .data { position:relative; display:block; z-index:3; padding:54px 310px 0 111px; width:393px; margin:0 auto; }
#slider .data p { color:#8c8c8c; font-style:italic; padding:8px 0 10px 33px; font-size:13px; text-shadow:#333 1px 1px 0; }
#slider .data .button { float:right; height:17px; line-height:17px; padding:0 4px; background:#db1616; }
#slider .data .button { color:#fff; text-shadow:#3b0606 0 1px 0; text-decoration:none; font-size:10px; }

#slider .image { position:absolute; top:0; left:0; z-index:2; width:100%; }
#slider .image img { display:block; margin:0 auto; padding-left:40px;  }



#main .shell { padding-top:15px; padding-bottom:4px; }


#main .button { float:left; height:17px; line-height:17px; padding:0 5px; background-color:#2f83b7 !important; font-size:10px;  }
#main .button { color:#fff; text-shadow:#0d2332 0 1px 0; text-decoration:none; margin:2px 2px 0 0; }
#main .button:hover { background-color:#1c5275 !important; }

#main .rarr { background:url(/css/images/button-rarr.gif) right center no-repeat; padding-right:11px; }
#main .comments { background:url(/css/images/button-comments.gif) right center no-repeat; padding-right:16px; }

#main .image img { background:#000; padding:1px; border:5px solid #fff; } 



#welcome { padding:0 0 27px 2px; }
#welcome p { padding:7px 2px 6px 2px; }


#latest-projects { padding-bottom:28px; }
.latest-projects-list { padding:18px 0 0 0px; }
.latest-projects-list ul { list-style:none;  }
.latest-projects-list ul li { float:left; width:303px; padding-right:15px;  }
.latest-projects-list ul li.last { padding-right:0;  }
.latest-projects-list p { min-height:85px; height:auto !important; height:85px; padding-top:3px;  }



#blog { float:left; width:628px;}
.blog-posts ul { list-style:none; padding-top:3px;  }
.blog-posts ul li { display:block; border-bottom:1px dotted #999999; padding-bottom:16px; margin-bottom:11px; }
.blog-posts ul li.last { margin-bottom:0; border-bottom:0; }
.blog-posts .image { float:left; }
.blog-posts .data { float:right; width:400px; padding:3px 42px 0 0; }
.blog-posts .data p { padding-bottom:20px; }
.blog-posts .data p.last { padding-bottom:0; }
.blog-posts .buttons { padding-left:3px; }


#sidebar { float:right; width:302px; }

.stuff { padding-top:2px; }
.stuff ul { list-style:none; }
.stuff ul li { display:block; padding-bottom:15px; }










#footer .top { color:#55b6ef; height:291px; padding-top:24px;  }
#footer .top a { color:#e3e3e3; }

#footer .button { color:#ebebeb; text-shadow:#666 0 1px 0; text-decoration:none; background:#2f83b7; }
#footer .button { float:right; height:17px; line-height:17px; padding:0 6px; margin-top:5px; font-size:10px; }

#footer h2 {
	float:left;
	padding-left:26px;
	font-size:17px;
	color:#fff;
	line-height:28px;
	height:28px;
	margin-bottom:16px;
	font-weight:normal;
}


#twitter { float:left; width:465px; }
#twitter h2 {
	padding-left: 5px;
}

.twitter-posts { padding-left:5px; }
.twitter-posts ul { list-style:none; }
.twitter-posts ul li { display:block; padding-bottom:13px; }
.twitter-posts ul li p { padding-bottom:2px; }


#flickr { float:right; width:430px; }
#flickr1 { float:right; width:940px; }
#flickr h2 {
	padding-left:0px;
	margin-bottom:8px;
	background-repeat: no-repeat;
	background-position: left top;
}

.flickr-pics ul { list-style:none; }
.flickr-pics ul li { float:left;  padding:0 4px 5px 0; }
.flickr-pics ul li a {  float:left; padding:2px; background:#fff; border:1px solid #eaeef1; }
.flickr-pics ul li img { display:block; border:1px solid #000; }
.flickr-pics ul li.last { padding-right:0; }



#footer .bottom {
	padding:9px 0 200px 0;
	font-size:10px;
	color:#DD268A;
}

#footer .bottom a { text-decoration:none; }
#footer .bottom a:hover { text-decoration:underline; color:#fff; text-decoration:none; }


#footer .navigation { padding-top:8px; float:left; }
#footer .navigation ul { list-style:none; }
#footer .navigation ul li { float:left; border-right:1px solid #194d6c; height:10px; line-height:10px; padding:0 8px 0 7px; }
#footer .navigation ul li.last { border-right:0; }
#footer .navigation ul li a {
	color:#DD268A;
}
#footer .navigation ul li a:hover { color:#fff; text-decoration:none; }


#footer .right p { text-align:right; }
#footer a.choco { color:#fff; }
#footer a.choco:hover { text-decoration:underline; }


#ref {
	float:right;
	width:430px;
}
#ref h2 {
	padding-left:0px;
	margin-bottom:8px;
	background-repeat: no-repeat;
	background-position: left top;
}

.ref-pics ul { list-style:none; }
.ref-pics ul li { float:left;  padding:0 4px 5px 0; }
.ref-pics ul li a {  float:left; padding:2px; background:#fff; border:1px solid #eaeef1; }
.ref-pics ul li img { display:block; border:1px solid #000; }
.ref-pics ul li.last { padding-right:0; }
#orta {
float:left;
	height:1000px;
	width: 100%;	
}
#orta1 {
float:left;
	height:1500px;
	width: 100%;	
}
#topnav{
	display:block;
	float:left;
	width:940px;
	padding:0;
	list-style:none;
	margin-top: 10px;
	margin-right: 300px;
	margin-bottom: 10px;
	margin-left: 230px;
	}

#topnav ul, #topnav li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	}

#topnav li a:link, #topnav li a:visited, #topnav li a:hover{
	display:block;
	margin:0 35px 0 0;
	padding:0;
	font-size:14px;
	text-transform:uppercase;
	color:#FFFFFF;
	background-color:#000000;
	font-family: Arial, helvetica, sans-serif;
	}

#topnav ul ul li a:link, #topnav ul ul li a:visited{
	border:none;
	color: #000000;
	}

#topnav li.last a{
	margin-right:0;
	}

#topnav li a:hover, #topnav ul li.active a{
	color:#DD268A;
	}
	
#topnav li li a:link, #topnav li li a:visited{
	width:150px;
	float:none;
	margin:0;
	padding:10px 10px;
	font-size:12px;
	font-weight:normal;
	color:#e00284;
	background-color:#F6F6F6;
	}
	
#topnav li li a:hover{
	color:#FFFFFF;
	background-color:#E00284;
	}

#topnav li ul{
	z-index:9999;
	position:absolute;
	left:-999em;
	height:auto;
	width:170px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #DD268A;
	border-left-color: #DD268A;
	}

#topnav li ul a{width:140px;}

#topnav li ul ul{margin:-32px 0 0 0;}

#topnav li:hover ul ul{left:-999em;}

#topnav li:hover ul, #topnav li li:hover ul{left:auto;}

#topnav li:hover{position:static;}

#topnav li.last a{margin-right:0;}



.column .subnav{display:block; width:250px; padding:25px; background-color:#F9F9F9; margin-bottom:30px;}

.column .subnav h2{
	margin:0 0 20px 0;
	padding:0 0 14px 0;
	font-size:20px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	background-color:#F9F9F9;
	line-height:normal;
	border-bottom:1px dotted #666666;
	}

.column .subnav ul{
	margin:0;
	padding:0;
	list-style:none;
	}

.column .subnav li{
	margin:0 0 3px 0;
	padding:0;
	}

.column .subnav ul ul, .column .subnav ul ul ul, .column .subnav ul ul ul ul, .column .subnav ul ul ul ul ul{border-top:none; padding-top:0;}

.column .subnav a{
	display:block;
	margin:0;
	padding:5px 10px 5px 20px;
	color:#666666;
	background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat 10px center #F9F9F9;
	text-decoration:none;
	border-bottom:1px dotted #666666;
	}

.column .subnav a:hover{
	color:#E00284;
	background-color:#F9F9F9;
}

.column .subnav ul ul a, .column .subnav ul ul ul a, .column .subnav ul ul ul ul a, .column .subnav ul ul ul ul ul a{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat #F9F9F9;}
.column .subnav ul ul a{padding-left:40px; background-position:30px center;}
.column .subnav ul ul ul a{padding-left:50px; background-position:40px center;}
.column .subnav ul ul ul ul a{padding-left:60px; background-position:50px center;}
.column .subnav ul ul ul ul ul a{padding-left:70px; background-position:60px center;}