/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

.clearer { height: 0px; overflow: hidden; margin: 0px; clear: both; }

/* Link */
a { color:#CA290F; text-decoration:none;}
a:link, a:visited { color: #CA290F; text-decoration: none; }
a:active, a:hover { color: #CA290F; text-decoration: none; }
h1 {color:#898989;
font-family:'Droid Serif';
font-size:18px;
font-weight:normal;
line-height:34px;
margin:0;
padding:0;
text-align:center;}
h2 {color:#898989;
font-size:16px;
font-weight:normal;
line-height:30px;
margin:0;
padding:0;}
h3 {font-size:14px;color:#CA290F;margin: 0 0 20px 0;line-height:30px;}
p {line-height:24px; font-size:12px;margin:0 0 10px 0;}
#portfolio p {line-height:24px; font-size:13px;margin:0 0 30px 0;}
#portfolio{margin:0;padding:0;}
body {background:#fff;font:12px 'Droid Serif', arial, Helvetica, sans-serif;color:#444;border-top:3px solid #CA290F;line-height:18px;}
.container {width:960px;margin: 0 auto;}
.logo {width:174px; margin:10px auto;}
.follow{margin-top:20px;}
.somework{margin:0 auto;width:960px;height:92px;}
/*navigation*/
.TopNavigation {height:60px;background:transparent;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;margin-top:20px;}
.social {width:90px; height:60px;float:right; padding: 15px 0 0 0;}
ul.nav {width:600px;margin: 0 auto;}
ul.nav li {float:left;display:inline;margin:20px 30px 0 0;font-size:15px;font-family:"Century Gothic", arial, Helvetica;}
ul.nav a {color:#666;text-decoration:none;}
ul.nav a:hover {color:#ae5b02;}
ul.nav .active {color:#ae5b02;}

/*Cu3er slider*/
.featureswrap{width:960px;height:140px;margin:0 auto;padding:20px 0 0 75px;}
.featureswrap2{width:960px;height:160px;margin:0 auto;padding:20px 0 0 40px;}
.features{
float:left;
margin:0 80px 25px 0;
text-shadow:1px 1px 1px rgba(255, 255, 255, 0.75);
width:240px;
}
.read{float:right;margin-top:20px;margin-right:10px;}
#containerAbout {width:960px;}
.rightAbout {float:left;width:290px;margin:0 0 0 15px;}
.leftAbout {float:left;width:640px;background:url(../images/me.jpg) no-repeat bottom right;border-right:1px solid #b1b1b1;}
.leftAbout p {padding:0 280px 0 0;}
#skills {width:960px;height:80px;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;margin:20px 0 50px 0;}
#skillsright {width:150px;height:80px;float:left;margin:26px 0;font-size:20px;font-family:"Century Gothic", arial, Helvetica;}
#skills ul {margin: 0 0 0 270px;list-style:none;padding-top:30px;}
#skills li {display:inline;margin:40px 40px 0 0;font-size:15px;font-family:"Century Gothic", arial, Helvetica;}

/*twitter*/
ul#twitter_update_list li {list-style-type:none;padding: 0 0 15px 0;color:#000;margin:0;}
ul#twitter_update_list .divisor {height:1px;border-bottom:1px solid #b1b1b1;}
ul#twitter_update_list .data {color:#6b6c69;}
ul#twitter_update_list .data:before {content:"#[";}
ul#twitter_update_list .data:after {content:"]";}
ul#twitter_update_list a:link, ul#twitter_update_list a:visited {color:#ab4b05;text-decoration:none;}
ul#twitter_update_list a:hover, ul#twitter_update_list a:active {color:#ab4b05;text-decoration:underline;}

.quote {background:url(../images/quote.gif) no-repeat top left; padding: 20px 0 0 60px; border-top:1px dashed #b1b1b1;}

/*contact form*/
#form {width:570px;margin: 20px 0 40px 0;float:left;}
.notification_error{border: 1px solid #f1dfc5;height: auto;color: #ca5702;width: 457px;padding: 10px 10px 10px 60px;background:url(../images/icons/erro.png) no-repeat center left #fdf0dc;text-align:left;-moz-border-radius:5px;margin-bottom:10px;}
.notification_ok{border: 1px #cbcf8e solid;height: auto;width: 90%;padding: 10px;background: #f5f9fd;text-align: center;-moz-border-radius: 5px;margin-bottom:10px;}
label  { width: 100px; margin: 5px; float: left; text-align:left;}
textarea{width:400px;margin: 5px;padding: 5px; float: left;border: 1px solid #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; color: #333333; font: 11px Verdana, Helvetica, Arial, sans-serif;-moz-border-radius: 3px;}
.button {margin: 0 0 0 5px;}
br { clear: left; }
.textbox {width:400px;height:30px;margin: 5px;padding: 5px; float: left;border: 1px solid #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; color: #333333; font: 11px Verdana, Helvetica, Arial, sans-serif;-moz-border-radius: 3px;}
.textbox2 {height:140px;}
.change{float:right;margin:50px 80px 0 0}
/*contact info*/
#contactInfo {float:left;width:350px;margin:20px 0 0 0;}
.bolder {font-weight:bold;font-size:18px;color:#ccc;}

p.footer {text-align:center;font-size:11px;margin: 0 0 20px 0;border-top:1px dashed #b1b1b1;}

/* --------------------------------------------------------------------------
	Portfolio - General
--------------------------------------------------------------------------- */

#wrap-thumb {
 	width:100%;
	background: #f4f4f4 url('../img/bg-slider.png') repeat top;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
  	padding-top:30px;
  	padding-bottom:30px;

}

#wrap-screen {
 	width:100%;
	background: #f4f4f4 url('../img/bg-slider.jpg') repeat;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;

}


#border-thumb {
 	width:100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 60px;
		margin-top: 50px;

}

#border-screen {
 	width:100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 50px;
	margin-bottom: 20px;
}


/* --------------------------------------------------------------------------
	Portfolio - Thumb Scroller
--------------------------------------------------------------------------- */

#wrap-thumbscroller{
	position:relative;
	margin:0;
	height:275px;
}

#thumbscroller {
	position:relative;
	overflow:hidden;
}

#thumbscroller .container{
	position:relative;
	left:0;
}

#thumbscroller .thumb { float:left; }

#thumbscroller .thumb .wrap { margin-left:30px; }

#thumbscroller .thumb #last { margin-right:30px; }


.thumb { position:relative; }

.thumb  a { border:0; }

.thumb .title {
	font-family: 'Droid Serif';
	font-weight: normal;
	font-size: 18px;
	color: #898989;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 24px;
	height:35px;
	text-transform: uppercase;
	text-align:left;
}

.thumb .service {
	background: url(../img/bg-services.png) top left no-repeat #555;
	height:34px;
	line-height:34px;
	float:left;
	padding:0 15px 0 40px;
	overflow:hidden;
	position: absolute;
	text-transform: uppercase;
	bottom:-20px;
	left:45px;
	text-align:left;
	color: #fff;
	font-size: 16px;
	text-shadow: none;
	z-index: 2;
	display: none;
}


/* --------------------------------------------------------------------------
	Portfolio - Details
--------------------------------------------------------------------------- */
.portfoliowrap{width:960px;margin:0 auto;border:1px solid #ccc;position:relative;}
.pdetails {margin:0 auto;
	text-transform: uppercase;
	width: 900px;
	height: 600px;
}
.pdetails .big{    width:400px;
    height:267px;
       float:left;}
.pdetails .left {
	width: 500px;
	float: left;
	text-align: left;
}
.pdetails .text{width:960px;
height:300px;
margin:50px auto;
border:1px solid #ccc;
}
.pdetails .text img{float:left;margin:0 30px 0 0;
}
.pdetails .right {
	width: 80px;
	float: right;
	text-indent: -9999px;
}

.left span { color: #555; }

.pdetails img {
	margin-top: 15px;
}
img.imgbig{float: left;}
img.img1 {
	float: left;
	width: 440px;
}

img.img2 {
	float: right;
	width: 440px;
}

.pdetails .screens {
	width: 900px;
}

#close {
	width: 80px;
	height: 25px;
	cursor: pointer;
	background: url('../images/close.png') top no-repeat;
	text-indent: -9999px;
	float: right;
}

#close:hover { background: url('../images/close.png') bottom no-repeat; }