/* -------------------------------------------------------------------------------------- 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;
}



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

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

.inv{ display:none; }


.center{ text-align:center; }

.note{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:15px;
	line-height:23px;
	padding:10px 20px;
}

.headline{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	font-weight:bold;
	font-size:20px;
	color:#333333;
	line-height:23px;
}

.bodycopy{
	font-family:Arial;
	font-style:normal;
	color:#333333;
	font-size:11px;
	line-height:17px;
}

.bodycopy2{
	font-family:Arial;
	font-style:normal;
	font-weight:bold;
	color:#333333;
	font-size:13px;
	line-height:17px;
}

.bodycopy3{
	font-family:Arial;
	font-style:normal;
	font-weight:normal;
	color:#ffffff;
	font-size:14px;
	line-height:20px;
}

.bodycopyhome{
	font-family:Arial;
	font-style:normal;
	font-weight:normal;
	color:#ffffff;
	font-size:13px;
	line-height:19px;
}
.contactcopy{
	font-family:Arial;
	font-style:normal;
	font-weight:normal;
	color:#ffffff;
	font-size:14px;
	line-height:20px;
	text-align: left;
}
.bodycopy4{
	font-family:Arial;
	font-style:normal;
	font-weight:bold;
	color:#2895d7;
	font-size:14px;
	line-height:20px;
}

.img_left{
	float:left;
	padding:0 5px;
	width:auto;
}
.fade{}

.img650{
	background:url(../images/img_shadow650.png) no-repeat 50% bottom;
	display:block;
	padding:0 0 16px 0;
	margin:10px 0 0 0;
	}

.grey_block{
	background:#001a25;
	border:1px solid #cef3ff;
	color:#cef3ff;
	font-size:13px;
	padding:15px;
	margin:10px 0;
}

#navigationc {
}
#navigationc li {
   margin-bottom: 0px;
   text-decoration: none;
}
#navigationc a {
	color: #2895d7;
	text-decoration: none;
}
#navigationc a:hover {
	color: #333333;
	text-decoration: none;
	left: 0px;
}

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

body{
	background:#000000 url(../images/background.jpg) repeat-x center top;
	color:#FFF;
	font-size:11.5px;
	font-family:Arial, 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, sans-serif;
	line-height:21px;
	}
	
#wrap{
	width:960px;
	margin:0 auto;
}




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

h1{	font-size:56px; }
h2{	font-size:48px; letter-spacing:-2px; line-height:40px; }
h3{	font-size:30px; }
h4{	font-size:24px; font-weight:bold; padding:0 0 5px 0; }
h5{	font-size:18px; color:#001a25; }
h6{	font-size:14px; }

/* -------------------------------------------------------------------------------------- HEADER */
.topbar{
	height:30px;
	line-height:30px;
	text-align:right;
	padding:0 50px 0 0;
}

/* USE THIS CLASS TO PRELOAD IMAGES */
.preload{
	background:url(../images/menu1a.jpg) no-repeat -9900px top;
	background:url(../images/menu1b.jpg) no-repeat -9900px top;
	background:url(../images/menu1c.jpg) no-repeat -9900px top;
}

.topbar a:hover{ color:#7bd7f4; }
.topbar a{
	color:#FFF;
	font-weight:bold;
}

	#header{
		background:url(../images/phonenumber.png) no-repeat 600px top;
	}
	/* Logo */
	#header #logo{
		float:left;
		width:239px; height:104px;
		margin:15px 0 0 0px;
		}
	#header #logo a{
		background:url(../images/logo.png) no-repeat;
		display:block;
		float:left;
		width:239px; height:104px;
		}
	#header #logo span{ display:block; text-indent:-5000px; }

#header #slogan{
		color:#FFF;
		float:left;
		font-size:16px;
		padding:30px 0 0 0;
		text-align:right;
		overflow:hidden;
		width:750px; height:42px;
	}
	.twitterTime{ font-size:11px; display:block; clear:both;}
	#loverTweets{ vertical-align: middle; }
	#loverTweets a{ color:#cef3ff; }
	#loverTweets a:hover{ color:#FF0; }
	
	
#header #newsticker a{ color:#FFF; border:1px solid #43565e; border-width:0 0 1px 0; }
#header #newsticker div{ text-align:right; }


/* -------------------------------------------------------------------------------------- NAVBAR */

.navtitle {
		font-family: Arial, Helvetica, Sans-serif;
		color:#FFFFFF;
		float:left;
		font-size:15px;
		padding:8px 0 0 0;
		text-align:center;
		overflow:hidden;
		width:117px; height:28px;
	}

#navbar{
	background:url(../images/menu_back.jpg);
	height:45px;
}

#navbar #nav a{
	background:url(../images/menu1a.jpg) no-repeat;
	width:117px; height:36px;
	display:block;
	margin: 6px 0 0 0px;
	
}
#navbar #nav a:hover{ 		background:url(../images/menu1b.jpg) no-repeat; }
#navbar #nav a.current{ 		background:url(../images/menu1c.jpg) no-repeat; }
#navbar #nav a.current:hover{ background:url(../images/menu1b.jpg) no-repeat; }


#navbar #portfolio a{
	background:url(../images/menu1a.jpg) no-repeat;
	width:117px; height:36px;
	display:block;
	margin: 6px 0 0 0px;
}
#navbar #portfolio a:hover{ 		background:url(../images/menu1b.jpg) no-repeat; }
#navbar #portfolio a.current{		background:url(../images/menu1c.jpg) no-repeat; }
#navbar #portfolio a.current:hover{	background:url(../images/menu1b.jpg) no-repeat; }
#navbar #portfolio a#portover.hover{ background:url(../images/menu1c.jpg) no-repeat; }
#navbar #portfolio ul{padding:5px 0 10px 10px; z-index:999; }
#navbar #portfolio ul li a {
	background:none;
	color:#a5a9b0;
	height:20px;
	width: 215px;
	display:block;
	border-top:1px solid #25373e;
	border-bottom: 1px solid #00121a;
	border-left:none;
	border-right:none;
	padding:6px 4px 4px 0px;
	margin: 6px 0 0 0px;
	
	}
#navbar #portfolio ul li a:hover {
	background:#0d2630;
	background-image:none;
	color:#FFF;
	width: 215px; /*width of sub menus*/ height:20px;
	border-top:1px solid #25373e;
	border-bottom: 1px solid #00121a;
	border-left:none;
	border-right:none;
	margin: 6px 0 0 0px;
}


/* -------------------------------------------------------------------------------------- SLIDER */
#slider{
	
	margin:5px 0; padding:0px 0px 0px 0px;
	width:958px; height:229px;
}
#slider #slider_txt{ float:left; width:400px; overflow:hidden; height:229px; background:url(../images/content_back.png) no-repeat; } /*background:url(../images/content_back.png) no-repeat;*/
#slider #slider_img{ width:555px; overflow:hidden; height:229px; }
#slider .jFlowPrev{
	float:left;
	margin:1px 0 0 435px;
	cursor:pointer;
	width:20px;
}
#slider #myController{
	float:left;
	margin:0px 0px 0px 0px;
	text-align:center;
	width:450px; height:20px;
	line-height:20px;
}
#myController span{
	display:inline;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0 9px 0 9px;
	color:#001a25;	
	cursor:pointer;
}



#slider .jFlowNext{
	float:left;
	margin:1px 0 0 0;
	cursor:pointer;
	width:20px;
}


/* -------------------------------------------------------------------------------------- MAIN */

.slogan{
	color:#FFF;
	font-size:30px;
	font-weight:bold;
	letter-spacing:-1px;
	padding:0 0 10px 0;
}
.bigline{ font-size:16px; font-weight:bold; line-height:25px; padding:10px 0;}
.bigline2{ font-size:13px; font-weight:bold; line-height:22px; padding:0px 0;}


#main{
	color:#001a25;
	padding:0 0 0px 0;
	width:960px;
}

#main .general_content a,
#main .about_content a{
	color:#FFF;
	font-weight:bold;
	padding:2px 4px;
}
#main .general_content a:hover,
#main .about_content a:hover{
	color:#001a25;
	background:#FFF;
	font-weight:bold;
}

#main .general2_content{
	float:left;
	padding:0px 0px 10px 0px;
	width:958px;
}

#main .general_content{
	float:left;
	padding:15px 0px 10px 0px;
	width:958px;
}
#main .general3_content{
	float:left;
	padding:15px 0px 10px 0px;
	width:958px;
}
#main .about_content{
	padding:0;
	width:940px;
}

#main .general_content p,
#main .about_content p{ padding:0 0 15px 0; }

#main .general_content .two_cols{
	padding:15px;
}
#main .general_content .two_cols .two_cols_1{
	float:left;
	padding:0 20px 0 0;
	width:940px;
}
#main .general_content .two_cols .two_cols_2{
	float:left;
	padding:0;
	width:315px;
}

#main .sideright{
	float:left;
	padding:10px 0 0 10px;
	width:270px;
}
#main .sideright a{
	color:#001a25;
	background:#FFF;
	font-weight:bold;
	padding:2px 4px;
}
#main .sideright a:hover{
	color:#001a25;
	background:#b8da30;/*------------------------------------------------------------------------------------>> EDIT THIS VALUE */
	font-weight:bold;
}

#main .sideright p{ padding:0 0 8px 0; }

#main .sideright .pad10{ padding:10px; }

#main .sideright .blog_title{
	background:url(../images/fromtheblog.png) no-repeat left 50%;
	height:53px;
}
#main .sideright .infos_title{
	background:url(../images/informations.png) no-repeat left 50%;
	height:53px;
}

#main .sideright ul{ margin:0 10px 20px 10px; }
#main .sideright li{
	height:35px;
	line-height:35px;
}
#main .sideright li a{
	background:url(../images/line_sepa.png) repeat-x left bottom;
	border:none;
	color:#001a25;
	display:block;
	font-weight:bold;
	padding:0 6px;
}
#main .sideright li a:hover{
	color:#FFF;
	background:url(../images/line_sepa.png) repeat-x left bottom;
	border:none;
}

#main h3{
	background:url(../images/line_sepa.png) repeat-x left bottom;
	font-size:50px;
	letter-spacing:-3px;
	padding:0 0 15px 0;
}
.margeTop10{ margin:10px 0 0 0; }

#main .main_list{ margin:0 0 20px 30px; }
#main .main_list li{ display:block;
	font-size:14px;
	padding:5px 0 5px 20px;
}
#main .arrow li{
	background:url(../images/arrow-list.png) no-repeat left 50%;
}
#main .check li{
	background:url(../images/check-list.png) no-repeat left 50%;
}
/* -------------------------------------------------------------------------------------- About me */
#video{
	background:url(../images/video_bg.png) no-repeat 50% 35px;
	margin:10px 0 0 0 ; padding:10px 0 0 0;
	width:960px; height:274px;
}
#video #video_player{
	background:url(../images/video_block.png) no-repeat 30px top;
	float:left;
	padding:10px 0 0 40px;
	width:343px; height:264px;
}
#video #video_player a{ padding:0; background:none;}
#video .video_text{
	float:left;
	padding:30px 0 0 20px;
	width:530px; height:210px;
}
#video h3{
	background:url(../images/line_sepa_dark.png) repeat-x left bottom;
	color:#001a25; 
	font-size:50px;
	letter-spacing:-3px;
	padding:10px 0 15px 0;
}
#video .video_text p{
	padding:10px 0 0 0;
	font-size:18px;
	line-height:24px;
}

#main .about_content h3{ text-align:center;}

.tricols{
}
.tricols .tricol_column{
	background:url(../images/line_sepa.png) repeat-x left bottom;
	float:left;
	margin:30px 0 0 30px;
	width:280px;
}

/* -------------------------------------------------------------------------------------- PORTFOLIO */

.portfolio_content{
	padding:0 10px;
}

.item_list{
	text-align:center;
}
.item_list a{ color:#FFF; }
.item_list a:hover{ color:#; }
.item_list ul{
	margin:0;
	padding:0;
	list-style:none;
}
.item_list ul li{
	display:block;
	float:left;
	width:150px;
	height:210px;
	margin:0 18px;
}
.item_list ul li .name_item{
	display:block;
	clear:both;
	font-size:16px;
	}

.item_list ul li .client{ font-style:italic; font-size:12px; }

/* -------------------------------------------------------------------------------------- BLOG */

.article_block{
	background:url(../images/line_sepa.png) repeat-x left bottom;
	margin:0 0 20px ; padding:0 0 10px 0;
}
.date{
	clear:both;
	margin:10px 0 5px 0;
}
.date span{ 
	color:#FFF;
	font-weight:bold;
	padding:2px 4px;
	}
.article_block .left{
	float:left;
}

#comments p, #live-preview-display p{ margin:0; padding:0;
}
.comment_post{
	background:url(../images/line_sepa.png) repeat-x left bottom;
	padding:15px 0;
}
.gravatar{
	float:left;
	display:block;
	width:100px; height:100px;
}
.user_comment{
	float:left;
	display:block;
	width:550px; height:100%;
}
.user_comment p{margin: 0 0 5px 0 !important; padding:0 0 5px 0 !important;}
.user_comment .user_name{ font-size:14px; font-weight:bold; border:1px solid #001a25; border-width: 0 0 1px 0; padding:0 0 2px 0; } /* Edit color */

#reply{padding:15px 0; }

#live-preview-form{
	clear:both;
}
#live-preview-form p{
	clear:both;
	display:block;
	height:25px;
	padding: 0 10px;
}
#live-preview-form label{
	display:block;
	float:left;
	font-size:14px;
	padding:4px 6px;
	width:150px;
}
#live-preview-form .field{
	border:2px solid #7bd7f4;
	font-size:12px;
	display:block;
	float:left;
	padding:4px 6px;
	width:250px;
}
#live-preview-form .textarea{
	border:2px solid #7bd7f4;
	font-size:12px;
	display:block;
	float:left;
	padding:4px 6px;
	width:250px; height:150px;
}
#live-preview-form .submitter{
	margin:10px 0 0 160px;
	background:#FFF;
	border:2px solid #7bd7f4;
	font-size:12px;
	display:block;
	float:left;
	padding:4px 6px;
	width:200px;
}
#live-preview-form .messager{ height:170px;}

/***************************************************
				  CONTACT
***************************************************/



#contactinfo {
	width: 525px;
	display: inline;
	float: left;
	background-color: #333333;
	padding: 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#contactinfo img {
	margin: 0px;
	padding: 0px;
}
#form {
	margin: 0px;
	width: 912px;
	float: left;
	background-color: #161616;
	padding: 20px;
	position: relative;
}
#form div {
	float: left;
	width: 425px;
	position: relative;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin: 0px;
}
#form div label {
	float: left;
	height: 25px;
	width: 400px;
	position: relative;
}
#form div label.error {
	color: #a80000;
	position: absolute;
	top: 0px;
	right: 17px;
	text-align: right;
}
#form div.textarea {
	padding-bottom: 10px;
	padding-left: 15px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	width: 880px;
	float: left;
	position: relative;
}
#form div.message_sent {
	background-color: #31B8DA;
	width: 890px;
	float: left;
	padding: 10px;
	margin-bottom: 15px;
	color: #FFFFFF;
}


#form div2 {
	float: left;
	width: 57px;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin: 0px;
}
#form div2 label {
	height: 20px;
	width: 57px;
	display: block;
}
#form div2 label.error {
	color: #a80000;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: left;
}
#form div2.textarea {
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	width: 0px;
	float: left;
	position: relative;
}
#form div2 input {
	width: 15px;
	border: 1px solid #282828;
	padding: 0px;
	font-size: 13px;
	color: #999999;
	background-color: #282828;
	float: left;
}



#form div3 {
	float: left;
	width: 100px;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin: 0px;
}
#form div3 label {
	height: 20px;
	width: 100px;
	display: block;
}
#form div3 label.error {
	color: #a80000;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: left;
}
#form div3.textarea {
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	width: 0px;
	float: left;
	position: relative;
}
#form div3 input {
	width: 15px;
	border: 1px solid #282828;
	padding: 0px;
	font-size: 13px;
	color: #ffffff;
	background-color: #282828;
	float: left;
}














#form input {
	width: 409px;
	border: 1px solid #282828;
	padding: 8px;
	font-size: 13px;
	color: #999999;
	background-color: #282828;
	float: left;
}

#form textarea {
	width: 863px;
	border: 1px solid #282828;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #282828;
	color: #ffffff;
}
#form input:focus {
	border: 1px solid #5C5C5C;
	color: #CCCCCC;
	background-color: #5c5c5c;
}
#form textarea:focus {
	border: 1px solid #5C5C5C;
	background-color: #5C5C5C;
	color: #CCCCCC;
}
#form .submitBtn {
	background-color: #31b8da;
	width: 95px;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	display: block;
	padding: 0px;
	font-size: 16px;
	height: 35px;
}
#form .submitBtn:hover {
	background-color: #1f1f1f;
	color: #FFFFFF;
}
#form .submitBtn:focus {
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #31B8DA;
}
#form strong {
	font-size: 24px;
	color: #FFFFFF;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6a6a6a;
	display: block;
}
#form .font-11 {
	font-size: 11px;
	color: #FFFFFF;
	display: inline;
}
.contact_info {
	width: 300px;
	padding-left: 33px;
	float: none;
	padding-bottom: 35px;
}
.contact_info p {
	display: inline;
	margin: 0px;
	padding: 0px;
}
.contact_info a {
	margin: 0px;
	padding: 0px;
	display: inline;
	background-image: none;
}

/* -------------------------------------------------------------------------------------- FOOTER */
#footer{
	width: 100%;
	background:#181818; /* Edit color */
	background:url(../images/bottom.jpg) repeat center top;
	color:#FFF;
	font-size:11px;
}
#footer .content{ width:958px; height:275px; margin:0 auto; padding:20px 0 0 0; }
#footer .col_1{
	background:url(../images/footer_separators.png) no-repeat right 50%;
	width:200px;
	padding:0 20px;
	float:left;
}
#footer .col_1 a{/*------------------------------------------------------------------------------------>> EDIT THIS ONE */
	border:1px solid #43565e; border-width:0 0 1px 0;
	color:#7bd7f4;
	font-weight:bold;
}
#footer .col_1 a:hover{/*------------------------------------------------------------------------------------>> EDIT THIS ONE */
	border:1px solid #b8da30; border-width:0 0 1px 0;
	color:#FFF;
}
#footer .col_2{
	background:url(../images/footer_separators.png) no-repeat right 50%;
	float:left;
	text-align:center;
	width:200px;
	padding:0 0px;
}
#footer .col_2 p{ font-size:13px; }
#footer .col_2 a.hireme{
	background:url(../images/hireme.png) no-repeat 50% 50%;
	color:#000;
	display:block;
	width:191px;
	padding:25px 0 15px 0;
}
#footer .col_3{
	background:url(../images/footer_separators.png) no-repeat right 50%;
	width:200px;
	padding:0 20px;
	float:left;
}
#footer .col_3 ul{ }
#footer .col_3 li{
	height:35px;
	line-height:35px;
}
#footer .col_3 li a{
	border:1px solid #43565e; border-width:0 0 1px 0;
	color:#7bd7f4;
	display:block;
	font-weight:bold;
	padding:0 6px;
}
#footer .col_3 li a:hover{/*------------------------------------------------------------------------------------>> EDIT THIS ONE */
	border:1px solid #b8da30; border-width:0 0 1px 0;
	color:#FFF;
}
#footer .col_4{
	width:200px;
	padding:0 20px;
	float:left;
}
	#footer #flickr a {/*------------------------------------------------------------------------------------>> EDIT THIS VALUE */
	  background: #7bd7f4;
	  padding: 2px;
	  display: block;
	  float: left;
	  width:auto;
	  margin:3px ;
	}
	
	#footer #flickr a:hover {/*------------------------------------------------------------------------------------>> EDIT THIS VALUE */
	  background: #b8da30;
	}
	
	#footer #flickr img {
	  display: block;
	  float: left;
	  margin: 0;
	  width: 40px;
	  height:40px;
	}
	#footer #flickr_link a{/*------------------------------------------------------------------------------------>> EDIT THIS VALUE */
	border:1px solid #43565e; border-width:0 0 1px 0;
	color:#7bd7f4;
	display:block;
	font-weight:bold;
	padding:0 6px;
	}
	#footer #flickr_link a:hover{/*------------------------------------------------------------------------------------>> EDIT THIS VALUE */
		border:1px solid #b8da30; border-width:0 0 1px 0;
		color:#FFF;
	}
	/* Logo */
	#footer #logo_bottom{
		width:161px; height:39px;
		}
	#footer #logo_bottom a{
		background:url(../images/phonenumber2.png) no-repeat;
		border:none;
		display:block;
		clear:both;
		margin:0 0 0 0px;
		width:455px; height:35px;
		}
	#footer #logo_bottom a:hover{
		border:none;
	}
	#footer #logo_bottom span{ display:block; text-indent:-5000px; }