/* Portfolio Filter Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Definitions*****/
body { color: #333; font: 12px/18px Verdana, Helvetica, Arial, sans-serif; }
h1 { font-size: 1.667em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.333em; }
h4 { font-size: 1.167em; }
h5, h6 { font-size: 1em; }

a { color: #333; }
a:visited { }
a:hover { text-decoration: none; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, dd { margin-left: 36px; }

/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/
div#container { margin: 20px auto 0; overflow: hidden; width: 672px; }

ul#filter { float: left; font-size: 16px; list-style: none; margin-left: 0; width: 100%; }
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }

ul#portfolio { float: left; list-style: none; margin-left: 0; width: 672px; }
ul#portfolio li { 
	border: 1px solid #dedede; 
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 5px;
	width: 202px;
}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 1px solid #dedede; display: block; padding-bottom: 5px; }


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

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

#wrapper { position:relative; width:100%; float:left; background:#010000 url(layout/top-bg.jpg) no-repeat left top;}
#wrapper-inner { width:100%; float:left; background:transparent url(layout/bottom-bg.jpg) 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; background:url(layout/logo.png) no-repeat; display:block; }
.contactLink { float:right; width:auto; width:121px; height:62px; background:url(layout/contactLink.png) no-repeat; }

#transparent { width:100%; float:left; height:110px; display:block;height:180px;background:url(layout/semitransparent-bg.png) repeat;}

#portfolio_slider {width:100%; float:left; 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:575px; float:left;  }
.rightColumn { 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;
	width:137px;
	font-size:12px;
}
.ims dd { width: 135px;	float: left; color:#555555; }
.ims .ico {  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;}