/*
	----------------------------------- 
	Redefine
	----------------------------------- 
*/ 

*{margin:0;padding:0;}
body{background-color:#322C28;font:62.5% Arial, Helvetica, sans-serif;}
a{text-decoration:none;}
a img{border:none;}
p{font-size:1.4em;margin-bottom:1em;}
ul{list-style:none;}

div.wrap{width:810px;margin:0 auto;padding:0 70px;}
.clearfix{clear:both;margin:0;padding:0;}

/*
	----------------------------------- 
	Layout
	----------------------------------- 
*/ 

#topnavigation{background:url(/img/interface/bg-rainbow.jpg) center top repeat-x;}

#middlecanvas{
	border-top:2px solid #f60;
	background:#EBEBEA url(/img/interface/bg-contentarea.jpg) top repeat-x;
	}
#bottomfooter a{float:right;}

/*
	----------------------------------- 
	Header
	----------------------------------- 
*/ 

#topnavigation{font-size:2em;padding:30px 0 0 0;}
#lang{width:110px;float:left;color:#666;}
#lang a, #lang a:link, #lang a:visited{padding:0;color:#666;}
#lang a.selected, #lang a:hover{color:#ccc!important;}
#menu{width:700px;float:right;}

/*
	----------------------------------- 
	Footer
	----------------------------------- 
*/ 

#bottomfooter a img{display:block;margin:10px 5px 10px 0px;}


/*
	----------------------------------- 
	Menu
	----------------------------------- 
*/ 

#menu{
	}
#menu ul{float:right;}
#menu ul li{display:block;float:left;}
#menu ul li a, #menu ul li a:link {
	display:block;
	padding:5px 10px;
	color:#ababab;
	text-decoration:none;}
#menu ul li a:hover{color:#eee;}
#menu ul li a.selected
{
    
	background:url(/img/interface/bg-menu-selecte.gif) center bottom repeat-x;
	color:#322C28;}

/*
	----------------------------------- 
	Content Area
	----------------------------------- 
*/ 

#contenthead{margin:40px 0 0 0;padding:0 0 10px 0;}
#contenthead div.clearfix{height:0;}
#logo{width:250px;float:left;}
#sectiontitle{width:560px;float:right;}
#sectiontitle h1
{
    padding:16px 0 0 0;
	font-size:5em;
	font-weight:normal;
	color:#ccc;
	letter-spacing:-0.04em;
	text-align:right;
	}
#content h2{
	}

p.description{font-size:2.6em;letter-spacing:-0.04em;color:#999;line-height:110%;padding:20px 10px;margin-bottom:0px!important;}
p.description a{color:#666;text-decoration:underline;}
p.description a:hover{color:#333;}
.click{background:url(/img/interface/bg-clickeffect.gif) bottom repeat-x;} /* centik efekti */


/*
	----------------------------------- 
	Works
	----------------------------------- 
*/ 

#workheader{padding:10px;}
.padder{padding:10px;}
h2{font-size:2em;
	color:#322C28;
	letter-spacing:-0.04em;
	}
#workheader h2{
	display:block;float:left;	
}

#worksorting{float:right;color:#ccc;font-size:2em;}
#worksorting a{color:#ccc;}
#worksorting a.selected, #worksorting a:hover{color:#322C28;}

#works{padding:10px 0;}
#works div.project{
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	}
#works ul {
	display:block;
	list-style:none;
	}
#works ul li{
	float:left;	
	margin:0 0 10px 10px;
	width:150px;
	height:150px;
}

#works ul li.projecttitle{background-color:#9A9691;}

#works ul li h3{font-size:1.4em;padding:10px;}
#works ul li a{
	display:block;
	width:134px;
	height:134px;
	padding:7px;
	border:1px solid #ccc;
	background-color:#fff;

}

#works ul li a:hover{border-color:#333;}
#works ul li a img{}
#works ul li a.article{font-size:1.4em;font-weight:bold;color:#595857;background:#fff url(/img/interface/icon-pdf-dim.gif) 7px 22px no-repeat;}
#works ul li a.article:hover{color:#f60;background:#fff url(/img/interface/icon-pdf-hover.gif) 7px 22px no-repeat;}

.last{clear:left;}

/*
	----------------------------------- 
	Contact Form
	----------------------------------- 
*/ 
#contactpage{background:url(/img/interface/bg-contact.gif) top left no-repeat;}

form{padding:35px 0 0px 14px;height:320px;}
form p{font-size:1.6em;}
label{font-size:1.3em;}
dt{margin-bottom:0.4em;}
dd{margin-bottom:1em;}

#contactpage form input{padding:4px;font-family:Arial, Helvetica, sans-serif;font-size:1.3em;border:1px solid #ccc;}

.messagebox{width:434px;height:110px;}
.emailbox{width:210px;}
.submitbutton{margin-left:6px;background-color:#690;color:#fff;padding:3px!important;border:none!important;width:210px;border:none;}
.error{color:#f30!important;}

/*
	----------------------------------- 
	Home
	----------------------------------- 
*/ 

#randomwork{background-position:center;background-repeat:no-repeat;height:84px;padding-top:300px;}
#randomwork p{display:none;}
#randomwork a{
    padding:5px 10px;
    margin:200px 0 0 0px;
    background-color:#fff;
    color:#000;
    font-weight:bold;
    font-size:1.6em;
    }
    
#randomwork a:hover{color:#f30;}