* { margin:0; padding:0; }
body {  font-family:Verdana; font-size:12px; color:#aaaaaa; line-height:16px; letter-spacing:0.5px; background-color:0b0b0b; }

p { margin-bottom:10px; } 
a { color:#04bbff; text-decoration:none; }
a:hover { text-decoration:underline; }

#wrapper { position:relative; width:100%; float:left; background:#0b0b0b url(layout/top-bg.jpg) no-repeat left top;}
#wrapper-inner { width:100%; float:left; background:transparent url no-repeat left bottom;  padding-bottom:15px;}

#header { width:100%; float:left; height:110px; display:block;}
.logo { float:left; margin-top:25px; width:336px; height:67px; display:block; }
.contactLink { float:right; width:auto; width:121px; height:62px; background:url no-repeat; }

#transparent { width:100%; float:left; height:150px; margin-top: 5px; display:block; height:215px;background:url(layout/semitransparent-bg.png) repeat;}
#transparent2 { width:100%; float:left; height:150px; margin-top: 90px; display:block; height:215px;background:url(layout/semitransparent-bg.png) repeat;}

#portfolio_slider {width:100%; height:420px;}

#contact{width:100%; float:left; background:url(layout/contact_bg.jpg) repeat-y left;}

.container { width:952px; float:left;position:relative;  }
.content { width:935px; float:left; display:block;  padding-left:15px;}

.column { width:298px; float:left;display:block;  padding-top:25px; margin-right:20px;}
.column_right { width:298px; float:left;display:block; padding-top:25px;}

.column h2, .column_right h2 { font-size:24px;color:#04bbff; font-weight:normal; width:100%; border-bottom:1px dashed #383838;margin-bottom:5px; padding-bottom:10px;}
/*.column h2, .column_right h2 { font-size:24px;color:#04bbff; font-weight:normal; width:100%; border-bottom:1px dashed #383838;margin-bottom:5px;}*/

.title{ position:relative; float:left; width:100%; height:35px; display:block; margin:20px 2px 10px 0;border-bottom:1px dashed #383838; padding-bottom:10px;}
.title h1{position:relative; float:left;color:#FFF; height:27px; font-size:32px;font-weight:normal;  padding:5px 5px 0 5px; width:500px; display:inline-block;}

.title span.freelance  { position:relative;float:right; color:#454444;font-size:18px; margin-top:15px;}




.leftColumn {width:400px; float:left;  }
.leftColumn2 {width:575px; float:left; }
.rightColumn { width:425px; float:right; }
.rightColumn2 { width:331px; float:right; } 
h3{ border-bottom:1px dashed #383838;}
.contact_details{ border-bottom:1px dashed #383838;padding: 7px 0 10px; margin: 0; line-height: 16px; }
.ims {padding: 7px 0 0px; margin: 0; line-height: 16px; }
.contact_details dl, .ims dl { margin: 0; padding: 0; width: 100%; overflow: hidden; }
.contact_details dt, .contact_details dd , .ims dt, .ims dd { margin: 0; padding: 0; display: inline; }
.contact_details dt { font-weight: bold; color: #a0a0a0; background:url(layout/contact_details_arrow.gif) no-repeat left center; padding: 0 0 0 10px; float: left;white-space: nowrap; width:65px; }
.contact_details dd { width: 175px;	float:left; color:#555555; }
.ims dt { font-weight: bold; color: #a0a0a0; float: left; white-space: nowrap; padding: 0 0 0 19px; position: relative; top: 0;	left: 0; width:137px; font-size:12px; }
.ims dd { width: 135px;	float: left; color:#555555; }
.ims .ico { display: block;	width: 14px; height: 14px; overflow: hidden; position: absolute; left: 0;	top: 50%; margin: -7px 0 0 0; background-repeat: no-repeat; }
.yahoo .ico { background-image:url(layout/yahoo.png); }
.skype .ico { background-image:url(layout/skype.png); }
.msn .ico {	background-image:url(layout/msn.png); }
.google .ico { background-image:url(layout/google.png); }

.contact_form { }
.contact_form form, 
.contact_form fieldset { margin: 0;	padding: 0;	border: 0; }
.contact_form form { padding: 5px 0 0; }
input.text, textarea, select { background: transparent;	border: 0; display: block; margin: 0; padding: 0; }
textarea { overflow: auto; }
.contact_form  form p {	width: 100%; min-height: 1px; margin: 0 0 9px; float:left;}

.contact_form  form label {	float:left; font-size: 12px;font-weight: bold; color: #787878; width:100px; display:block;text-align:right; }
.input_wrapper { width: 470px; float: right; display: block; margin-left:5px; display:inline;}
.input { display: block; border: 1px solid #373737;	float: left; background:url(layout/input-bg.png) repeat; padding: 2px 3px; min-height: 13px; width:auto; }
.select_input {	z-index: 1; }
.small_input { width: 325px; } 
.large_input { width: 480px; }
input.text, textarea, select { width: 100%;	color: #787878; font-size: 11px; font-family:Verdana, Geneva, sans-serif; font-weight:normal;}
.contact_form textarea { height: 92px; background:url(layout/input-bg.png) repeat; padding:5px; width:455px; border: 1px solid #373737; }

.buttonMsg { display: block; background:url(layout/send-message.png) no-repeat; overflow: hidden; position: relative; top: 0; left: 0; float: left; margin: 0 13px 0 0; border:0; width:106px; height:18px; cursor:pointer; text-indent:-999999px; }
.buttonMsg:hover { background-position:0 -20px; }

.twitter { background:url(layout/twitter.png) no-repeat left top; width:132px; float:left; height:48px; display:block; margin-top:20px; cursor:pointer; }
.twitter:hover { background-position:0 -50px; }

.bookmark { background:url(layout/bookmark.png) no-repeat left top; width:185px; float:right; padding:27px 3px; margin-top:20px; } 

.bookmarks { width:100%; float:left; }
.bookmarks li { display:inline; list-style:none; }
.bookmarks li a img { border:0px; }

 
#result {float:right; display:inline; font-size:14px; color:#545453; font-weight:bold; font-family:Tahoma, Geneva, sans-serif;}

/* Page          */
/* -> Navigation */

#page .navigation{
	width: 625px;
	float:right;
	background: transparent;
	padding-top:90px;
	padding-bottom:-5px;
	margin-top:20px;
	margin-left: 25px; /* IMPORTANT! DO NOT REMOVE! */
	margin-right: 300px; /* IMPORTANT! DO NOT REMOVE! */
}


#page .navigation ul{
	padding: 8px;
	padding-left: 0px;
	padding-right: 0px;
	float:right;
	width: 715px;
}

#page .navigation ul li{
	display: inline;
	background: url(layout/navigation_dot.png) no-repeat;
	padding-left: 20px;
	padding-right: 12px;
	color: #313131;
}

#page .navigation ul li.first{
	background: none;
	padding-left: 0px;
}

#page .navigation ul li .icon{
	vertical-align: middle;
	margin-right: 8px;
}

#page .navigation ul li a{
	text-decoration: none;
	color: #FFFFFF;
}