/* -------------------------------------------------------------------------------------- SMALL RESET */
body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, p{
	margin:0;
	padding:0;
	}
ul{ list-style:none; }
a, a:hover{text-decoration:none;}

img{
	border:none;
}

*{ outline:none; }


/* -------------------------------------------------------------------------------------- HACKS */

.clear{
	clear:both;
	height:1px;
	}

.inv{ display:none; }

/* -------------------------------------------------------------------------------------- STRUCTURE */

body{
	color:#FFF;
	margin-bottom:0px;
	margin-right:0px;
	margin-top:0px;
	margin-left:0px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:24px;
	}

/* -------------------------------------------------------------------------------------- HEADINGS */
h1, h2, h3, h4, h5, h6{
	color:#FFF;
	font-family:'Myriad Pro', 'Myriad Pro Bold', Arial, Helvetica, Sans-serif;
	}

h1{	font-size:60px; }
h2{	font-size:48px; }
h3{	font-size:36px; letter-spacing:-1px; }
h4{	font-size:24px; letter-spacing:-1px; margin-bottom:5px;}
h5{	font-size:16px; text-align:center }
h6{	font-size:18px; padding-bottom:15px; margin-top:-25px;}

/* -------------------------------------------------------------------------------------- HEADER */

#header .content{
	margin:0 auto;
	width:960px;
}

/* LOGO */
#header #logo{
	border:1px solid #4d5563; border-width:0 0 1px 0;
	width:960px; height:150px;
	text-align:center;
}

#header #logo a{
	background:url(../images/logo.png) no-repeat;
	display:block;
	margin:0 auto;
	width:550px; height:150px;
}

/* TOP MENU */
#header #top_menu{
	float:left;
	width:900px;
}
#header #top_menu ul{
	font-size:18px;
	height:45px;
	line-height:45px;
	list-style:none;
}
#header #top_menu ul li{
	display:inline;
	float:left;
	letter-spacing:-1px;
	margin:0 12px;
	text-align:center;
	text-transform:uppercase;
}

/* -------------------------------------------------------------------------------------- SEARCH ENGINE */
#search_engine { float: right; display: inline; width: 190px; padding-top:6px; }
#search_engine .field { float: left; display: inline; height: 32px; width: 151px; background: url(../images/search_field.png) no-repeat 0 0; }
#search_engine .field input { color: #6d747f; border: 0; background: transparent; font-size: 11px; margin: 8px 0 0 10px; }
#search_engine .button { float: left; display: inline; height: 32px; width: 27px; cursor: pointer; border: 0; background: url(../images/search_button.png) no-repeat 0 0; }
#search_engine .button:hover { background-image: url(../images/search_button_hover.png); }

/* -------------------------------------------------------------------------------------- TEASER */

#teaser{
	background:url(../images/transparency.png);
	border:1px solid #4d5563; border-width:1px 0;
	margin:0 auto 20px auto; padding:10px 35px 15px 35px;
	width:890px;
}

#teaser .main{
	font-size:52px;
	line-height:80px;
	letter-spacing:-1px;
}

#teaser span{ font-weight:bold; }

#teaser .sub{
	font-size:20px; 
	font-weight:bold;
	letter-spacing:-1px; 
	margin-top:-30px; }

#teaser a:hover{ background:none; }

/* -------------------------------------------------------------------------------------- COLUMNS */

/* [        ][  ] */
.columns_2_1{ margin:0 0 0 30px; }

.left_col{
	float:left;
	width:600px; height:100%;
	font-size:13px;
}
.right_col{
	float:left;
	margin:0 0 0 30px;
	width:270px; height:100%;
}

/* -------------------------------------------------------------------------------------- ELEMENTS */
.img_left_glass{
	background:url(../images/About_picture.png);
	float:left;
	margin:0 10px 0 0;
	padding:7px 7px 8px 8px;
}

.sephollow{
	clear:both;
	display:block;
	height:30px;
}

.two_cols_text{
	display:block;
	float:left;
	width:33%;
	margin:0 15px 0 0;
}

.single_col_text{
	display:block;
	float:left;
	width:410px;
	margin:0 15px 0 0;
}

.list_check{
	margin:10px 30px;
	font-size:14px;
}
.list_check li{
	background:url(../images/checklist.png) no-repeat left 50%;
	padding:5px 0 5px 30px;
}

/* --------------------------------------------------------------------------------------CONTINUE BUTTON */
.continue{
	text-align:right;
}
.continue a{}
.continue a:hover{}

/* --------------------------------------------------------------------------------------List width arrow */
.list_arrow_link{
	margin:0 0 20px 0;
}

.list_arrow_link li{
}
.list_arrow_link li span{ clear:both; display:block; }
.list_arrow_link li a{
	background:url(../images/arrow_out.png) no-repeat right 50%;
	border:1px solid #4d5563; border-width:0 0 1px 0;
	display:block;
	padding: 8px 0 4px 0;
}
.list_arrow_link li a:hover{
	background:url(../images/arrow_hover.png) no-repeat right 50%;
}

/* -------------------------------------------------------------------------------------- MAIN */
#main .content{
	margin:0 auto; padding:15px 0;
	width:960px;
}

#main .left_col p{ display:block; margin:10px 0 5px;}



/* --------------------------------------------------------------------------------------Slider Home page */
#slider{
	background:url(../images/Slider_Glass.png) no-repeat left top;
	padding:6px 4px 5px 5px;
	position:relative;
	width:590px; height:260px;
}
	
	#slider #slider_img{ width:588px; display:block; float:left; overflow:hidden; height:233px; }
	#slider #slider_img div{ width:588px; height:233px; }
	#slider .glass{
		display:block; float:left;
		width:588px; height:233px;
		position:absolute;
		top:0;
		left:0;
		z-index:500;
	}
	#slider #myController{
		color:#FFF;
		display:block;
		float:left;
		width:250px;
		height:25px;
		position:absolute;
		top:250px;
		left:40px;
		margin-bottom:10px;
	}
	#myController span{
		display:inline;
		font:bold 14px Arial, Helvetica, sans-serif;
		text-decoration:none;
		padding:0 9px 0 9px;
		cursor:pointer;
	}
	
	#myController span.jFlowSelected {}
	
	#slider .jFlowPrev, #slider .jFlowNext{
		cursor:pointer;
		float:left;
		position:absolute;
		width:23px;	height:23px;
	}
	#slider .jFlowPrev{
		top:250px;
		left:10px;
	}
	#slider .jFlowPrev a{
		background:url(../images/slider_prev.png);
		display:block;
		width:23px; height:23px;
	}
	#slider .jFlowPrev a:hover{
		background:url(../images/slider_prev2.png);
	}
	#slider .jFlowNext a{
		background:url(../images/slider_next.png);
		display:block;
		width:23px; height:23px;
	}
	#slider .jFlowNext a:hover{
		background:url(../images/slider_next2.png);
	}
	#slider .jFlowNext{
		top:250px;
		right:10px;
	}

/* -------------------------------------------------------------------------------------- ABOUT PROFIL */
.more_about_me img{
	background:url(../images/transparency.png);
	margin:10px; padding:5px;
	border:1px solid #4d5563;
}
.mynetwork a{
	margin:5px 0 0 0;
	padding:5px 0 5px 23px;
	display:block;
}
.facebook{ background:url(../images/facebook_16.png) no-repeat left 50%; }
.flickr{ background:url(../images/flickr_16.png) no-repeat left 50%; }
.linkedin{ background:url(../images/linkedin_16.png) no-repeat left 50%; }
.twitter{ background:url(../images/twitter_16.png) no-repeat left 50%; }
.vimeo{ background:url(../images/vimeo_16.png) no-repeat left 50%; }


/* -------------------------------------------------------------------------------------- SKILLS */
.skills{ margin: 0 0 10px 0; }

	.skills span{
		display:block;
		font-size:10px;
		height:15px;
		margin:5px 0 0 0;
		text-align:right;
	}
	.skills span span{
		padding:0 5px 0 0;
	}
	
	.skills p{ display:block; padding:15px 0 0 0; line-height:15px; }
	

/* ----------------------------------------------- BLOG */
.preview {
	background:url(../images/Slider_Glass.png) no-repeat left top;
	padding:6px 4px 5px 5px;
	position:relative;
	width:588px; height:233px;
}
	.preview .glass{
		display:block;
		float:left;
		width:588px;
		height:233px;
		position:absolute;
		top:5px;
		left:5px;
		z-index:600;
	}
	.preview span{ width:588px; height:233px; }

/* -------------------------------------------------------------------------------------- COMMENTS */
#comments{
	background:url(../images/transparency.png);
	border:1px solid #4d5563; border-width:1px 0;
	margin:0 auto 20px auto; padding:30px;
	width:540px;
}

	#comments h3{
		text-align:right;
		margin:0 0 20px 0;
	}
	
	.comments_post{
		border:1px solid #4d5563; border-width:0 0 1px 0;
		height:100%;
		margin:20px 0; padding:0 0 20px 0;
	}
	
	.comments_post .avatar{
		float:left;
		width:100px;
	}
	
	.comments_post .avatar img{
		border:1px solid #4d5563;
		padding:7px;
	}
	
	.comments_post .user_post{
		float:left;
		margin:0 0 0 10px;
		height:100%;
		width:430px;
	}
	
	.comments_post .user_post p{
		border:1px solid #4d5563; border-width:1px 0 0 0;
		font-size:13px;
		padding:8px 0 0 0;
	}
	
	.comments_post .user_name{
		font-size:18px;
	}


/* -------------------------------------------------------------------------------------- REPLY FORM */
#reply-form{
	clear:both;
	margin:0;
}

	#reply-form p{
		clear:both;
		display:block;
		height:35px;
		padding:5px 10px;
		position:relative;
	}
	
	#reply-form label{
		display:block;
		float:left;
		font-size:12px;
		padding:4px 6px;
		width:80px;
	}
	
	#reply-form .field,
	#reply-form .textarea{
		background:#121212;
		border:1px solid #4d5563;
		color:#6d747f;
	}
	
	#reply-form .field{
		font-size:12px;
		display:block;
		float:left;
		padding:4px 6px;
		width:515px;
	}
	
	#reply-form .field:hover{}
	
	#reply-form .field:focus{
		background:#000;
	}
	
	#reply-form .textarea{
		font-size:12px;
		display:block;
		float:left;
		padding:4px 6px;
		width:515px; height:150px;
	}
	
	#reply-form #check{
		width:60px;	
		text-align:center;
	}
	
	#reply-form .textarea:hover{}
	
	#reply-form .textarea:focus{
		background:#000;
	}
	
	#reply-form .submitter{}
	
	#reply-form .submitter:hover{}
	
	#reply-form label.error {
		font-size:11px;
		padding:0;
		width: 400px;
		position:absolute;
		right:0;
		top:5px;
		text-align:right;
		}
	#reply-form .messager{ height:190px;}
	
	#reply-form .messager label.error {
		font-size:11px;
		padding:0;
		width: 400px;
		}
	
/* -------------------------------------------------------------------------------------- Portfolio */
#portfolio_list{
	background:url(../images/transparency.png);
	border:1px solid #4d5563; border-width:1px 0;
	margin:0 auto 20px auto; padding:30px;
	width:900px;
}
#portfolio_list_logos{
	background:url(../images/transparency.png);
	border:1px solid #4d5563; border-width:1px 0;
	margin:0 auto 20px auto; padding:30px;
	width:900px;
}

#portfolio_list .item{
	display:block;
	float:left;
	margin:0 0 30px 0;
	width:450px;
}

.logos{
	display:block;
	float:left;
	padding:10px 10px 10px 10px;
}


#portfolio_list .item .title{
	font-size:30px;
	letter-spacing:-1px;
}

#portfolio_list .item .subtitle{
	font-size:16px;
	letter-spacing:-1px;

}

#portfolio_list .item .image{
	float:left;
	width:190px;
}
#portfolio_list .item .image img{
	border:1px solid #4d5563;
}
#portfolio_list .item .infos{
	float:left;
	margin:0 0 0 10px;
	width:250px; height:150px;
}
#portfolio_list .item .readmore{
	float:left;
	margin:0 0 0 10px;
	width:250px; height:32px;
}
#portfolio_list .item .readmore a{
	background:url(../images/read_more_button.png) no-repeat;
	display:block;
	width:105px; height:32px;
}
#portfolio_list .item .readmore a:hover{
	background:url(../images/read_more_button_hover.png) no-repeat;
}
/* -------------------------------------------------------------------------------------- Portfolio view */



.return{
	border-top:1px solid #4d5563;
	font-size:18px;
	line-height:20px;
	margin:0 auto; padding:15px 0 0 0;
	width:960px; height:20px;
}
#portfolio_view{
	background:url(../images/transparency.png);
	border:1px solid #4d5563; border-width:1px 0;
	margin:0 auto 20px auto; padding:30px;
	width:900px;
}
#portfolio_view h2{ margin:0 0 20px 0; }

#portfolio_view .image{
	overflow:hidden;
	height:250px;
	margin: 0 0 30px 0;
	position:relative;
}

#portfolio_view .cuber{
	overflow:hidden;
	height:400px;
	margin: 0 0 0 0;
	position:relative;
}

#portfolio_view .imageshow{
	height:100%;
	margin: 0 0 30px 0;
}
#portfolio_view .viewer{
	text-align:center;
	background:url(../images/transparency.png);
	width:900px; height:35px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:90;
}

#portfolio_view .item{
	display:block;
	float:left;
	margin:0;
	width:900px;
}
#portfolio_view .item .description{
	float:left;
	width:640px;
	display:block;}

#portfolio_view .item .description p{
	float:left;
	width:590px;
	display:block;
	padding-bottom:10px;}


#portfolio_view .item .details{
	float:left;
	margin:0 0 0 10px;
	width:250px;
}

#portfolio_view .open{
	background:url(../images/open.png) no-repeat 50% 50%;
	display:block;
	margin:0 auto;
	width:22px; height:35px;
}
#portfolio_view .close{
	background:url(../images/close.png) no-repeat 50% 50%;
	display:block;
	margin:0 auto;
	width:22px; height:35px;
}
#portfolio_list .item .infos a{}
#portfolio_list .item .infos a:hover{}

/* -------------------------------------------------------------------------------------- Contact */
.contactForm {
	margin: 0;
	padding: 0 0 0 20px;
	width: 940px;
}


.contactForm div {
	float: left;
	width: 470px;
	height: 90px;
	position: relative;
}

.contactForm div.textarea {
	width: 900px;
	display: block;
	height: auto;
	clear: both;
}

.contactForm div label {
	width: 450px;
	display: block;
	padding: 6px 0;
	font-size: 14px;
}


.contactForm div label.error {
	/* See in Theme File for color text */
	position: absolute;
	top: 0;
	right: 30px;
	width: auto;
}

.contactForm div input {
	width: 430px;
	background: #121212;
	color: #6d747f;
	font-size:14px;
	border: 1px solid #4d5563; border-width:1px 0 1px 0;
	height:30px;
	padding: 4px;
}

#content-carousel li div.radio label {
	padding-bottom: 12px;
}

.contactForm div.radio span {
	font-size: 14px;
	width: 80px;
	color: #6d747f;
	float: left;
}

.contactForm div.radio input {
	width: auto;
	background: none;
	border: 0;
	float: left;
}

.contactForm div textarea {
	width: 900px;
	font-size: 14px;
	background: #121212;
	color: #6d747f;
	border: 1px solid #4d5563; border-width:1px 0 1px 0;
	height: 100px;
	padding: 4px;
}
.contactForm .submitter{
	background:#121212;
	border:1px solid #4d5563;
	color:#4d5563;
	display:block;
	float:left;
	margin:30px 0 0 340px;
	padding:8px 10px;
	width:100px; height:40px;
}

/* -------------------------------------------------------------------------------------- FOOTER */
#footer{
	background:url(../images/transparency.png) repeat;
	border:1px solid #4d5563; border-width:1px 0 0 0;
}
#footer .content{
	margin:0 auto;
	width:960px;
}
#footer .left_part{
	font-size:10px;
	float:left;
	padding:15px 0 0 0;
	width:702px;
}
#footer .left_part ul{
	font-size:16px;
	height:25px;
	line-height:25px;
	list-style:none;
	text-transform:uppercase;
}

#footer .left_part ul li{
	display:inline;
	float:left;
	margin:0 20px 0 0;
	text-align:center;
}
#footer .right_part{
	float:left;
	width:217px;
}

/* -------------------------------------------------------------------------------------- LOGO Bottom */

#footer #bottom_logo {
	background:url(../images/logo_bottom.png) no-repeat;
	display:block;
	margin:0 auto;
	width:217px; height:72px;
}
#footer #bottom_logo span{ text-indent:-4000px; display:block; }