/*****************************************************
CUSTOM STYLES by Davor Šuvak of http:// www.dsdizajn.com
11.11.2009.

1. TYPO
2. NAVIGATION
3. TEASER
4. PORTFOLIO
5. SOCIAL and LINKS
6. CONTACT
7. FOOTER

*****************************************************/


 /********** 1. TYPO **********/

 
a {
color:#994d4d;
text-decoration:none;
}

a:hover {
color:#3e7a3e;
text-decoration:underline;
}

h1.branding{
font-family:Trebuchet MS, Verdana, Tahoma, sans-serif;
font-size:4.9em;
letter-spacing:-6px;
color:#2c343b;
text-shadow:1px 1px 0 #ffffff;
margin:10px 5px 0 0;
}

h1.branding a{
text-decoration:none;
color:#2c343b;
}

h2.branding_subtitle{
font-family:Trebuchet MS, Verdana, Tahoma, sans-serif;
font-size:1.9em;
letter-spacing:-2px;
color:#994d4d;
text-shadow:1px 1px 0 #ffffff;
margin:-22px 5px 22px 5px;
font-weight:normal;
font-style:normal;
}

.logo_big{
font-style:normal;
font-weight:bold;
}

.logo_small{
font-style:italic;
font-weight:normal;
}

h1, h2, h3, h4, h5, h6 {
color:#2c343b;
}

a.language_selection {
font-size:1em;
font-weight:normal;
font-style:italic;
float:right;
margin-right:2px;
padding:10px 25px;
background:#ececec;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-radius-bottomright:10px;
-webkit-border-radius-bottomleft:10px;
text-decoration:none;
}

a:hover.language_selection {
background:#fff;
text-decoration:none;
}

 /********** 2. NAVIGATION **********/

#navigation {
background:#994d4d;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:12px 0 12px 0;
}

ul#nav {
list-style-type:none;
margin:0;
padding:0;
}

ul#nav li {
float:left;
display:block;
} 

ul#nav li a{
font-family:Trebuchet MS, Verdana, Tahoma, sans-serif;
letter-spacing:-2px;
font-size:1.6em;
color:#f5f5f5;
margin-right:10px;
text-decoration:none;
text-shadow:1px 1px 0 #333;
} 

ul#nav li a:hover{
text-decoration:none;
color:#000000;
text-shadow:1px 1px 3px #fff;
} 

 /********** 3. TEASER **********/

#teaser {
background:#ececec;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-top:10px;
height:280px;
}
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:930px;
		height:270px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		z-index:1000;
		float:left;
		margin-top:-168px;
		margin-left:-30px;
		}	
	#nextBtn, #slider1next{ 
		float:right;
		margin-right:-30px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../img/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../img/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

.stopwatch {
float:left;
margin-left:60px;
margin-right:25px;
margin-top:25px;
}

.teaser_title{
font-family:Trebuchet MS, Verdana, Tahoma, sans-serif;
letter-spacing:-3px;
font-size:2.7em;
font-weight:normal;
color:#994d4d;
margin:100px 0 0 0;
text-shadow:1px 1px 0 #ffffff;
}

.teaser_subtitle{
font-family:Trebuchet MS, Verdana, Tahoma, sans-serif;
letter-spacing:-1px;
font-size:1.5em;
font-weight:normal;
margin:5px 0 0 0;
text-shadow:1px 1px 0 #ffffff;
}
 /********** 4. PORTFOLIO **********/

#works {
background:transparent;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-top:60px;
height:250px;
}

h1.section_title{
font-family:Trebuchet MS, Verdana, Tahoma, sans-serif;
letter-spacing:-3px;
font-size:2.5em;
font-weight:normal;
color:#994d4d;
display:block;
text-shadow:1px 1px 0 #ffffff;
background:url(../img/heading_border.jpg) repeat-x bottom left;
padding-bottom:12px;
}

.work_1 {
background:#ececec url(../img/work_1.jpg) no-repeat right;
-moz-border-radius:10px;
-webkit-border-radius:10px;
width:460px;
height:178px;
margin-bottom:15px;
text-shadow:1px 1px 0 #ffffff;
}

.work_2 {
background:#ececec url(../img/work_2.jpg) no-repeat right;
-moz-border-radius:10px;
-webkit-border-radius:10px;
width:460px;
height:178px;
margin-bottom:15px;
text-shadow:1px 1px 0 #ffffff;
}

.work_3 {
background:#ececec url(../img/work_3.jpg) no-repeat right;
-moz-border-radius:10px;
-webkit-border-radius:10px;
width:460px;
height:178px;
margin-bottom:15px;
text-shadow:1px 1px 0 #ffffff;
}

.work_4 {
background:#ececec url(../img/work_4.jpg) no-repeat right;
-moz-border-radius:10px;
-webkit-border-radius:10px;
width:460px;
height:178px;
margin-bottom:15px;
text-shadow:1px 1px 0 #ffffff;
}

.work_5 {
background:#ececec url(../img/work_5.jpg) no-repeat right;
-moz-border-radius:10px;
-webkit-border-radius:10px;
width:460px;
height:178px;
margin-bottom:15px;
text-shadow:1px 1px 0 #ffffff;
}

.work_6 {
background:#ececec url(../img/work_6.jpg) no-repeat right;
-moz-border-radius:10px;
-webkit-border-radius:10px;
width:460px;
height:178px;
margin-bottom:15px;
text-shadow:1px 1px 0 #ffffff;
}

h3.work_title {
font-family:Trebuchet MS, Verdana, Tahoma, sans-serif;
letter-spacing:-2px;
font-size:2em;
font-weight:normal;
color:#2C343B;
display:block;
padding:50px 10px 10px 20px;
margin-bottom:0px;
}

h5.work_subtitle {
font-family:Trebuchet MS, Verdana, Tahoma, sans-serif;
letter-spacing:0px;
font-size:1em;
font-weight:normal;
color:#2C343B;
display:block;
padding:0 0 0 20px;
margin-bottom:3px;
}

 /********** 5. SOCIAL and LINKS **********/

#social {
background:transparent;
margin-top:60px;
}

#social a{
background:transparent;
}

ul#links {
list-style-type:none;
margin-top:10px;
}

ul#links li {
margin-bottom:12px;
margin-left:0;
border-bottom:1px dotted #dddddd;
padding-bottom:10px;
}

ul#links li a{
display:block;
height:15px;
}

ul#links li a:hover{

}

ul#links li {
}

 /********** 6. CONTACT **********/

#contact {
background:transparent;
margin-top:60px;
}


#twitter {
background:transparent;
margin-top:60px;
}

form#contact_form label{
display:block;  
float:none;  
width:auto;  
margin-top:20px;
margin-bottom:5px;
cursor:pointer;
}

form#contact_form input{
border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;  
border-style:solid;  
border-width:1px;  
padding:8px;  
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
form#contact_form textarea {
padding:0.6em 0.5em 0.7em;  
border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;  
border-style:solid;  
border-width:1px;  
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

form#contact_form #submit_button {
background:#f5f5f5;
border-color:#B7B7B7;  
border-style:solid;  
border-width:1px;  
cursor:pointer;
margin-top:20px;
}

form#contact_form #submit_button:hover {
background: #ffffff;
border:1px solid #B7B7B7;
}

form#contact_form #reset_button:hover {
background: #ffffff;
border:1px solid #B7B7B7;
} 

input:focus, input.sffocus { background: #f5f5f5; }

textarea:focus, textarea.sffocus { background: #f5f5f5; }

form#contact_form #reset_button {
background:#f5f5f5;
border-color:#B7B7B7;  
border-style:solid;  
border-width:1px;  
cursor:pointer;
margin-top:20px;
}

form#contact_form label.error{
color:#d51c1c;
margin:0;
padding:0;
}

 /********** 7. FOOTER **********/

#footer {
margin-top:45px;
margin-bottom:25px;
background:#994D4D;
-moz-border-radius:10px;
-webkit-border-radius:10px;
color:#f5f5f5;
}

#footer_content_left {
float:left;
padding-top:8px;
padding-left:15px;
line-height:25px;
}

#footer_content_right {
float:left;
padding-top:10px;
line-height:25px;
padding-left:15px;
}

#toTop { 
width:100px;
background:#ffffff;
border:1px solid #dddddd;
text-align:center;
padding:5px;
position:fixed;
bottom:10px;
right:10px;
cursor:pointer;
color:#666;
text-decoration:none; 
color:#ffffff;
font-weight:bold;
font-size:1em;
-moz-border-radius:10px;
-webkit-border-radius:10px;
z-index:1000;
}