/*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:#c26306; text-decoration:none;}
a:link, a:visited { color: #000; text-decoration: none; }
a:active, a:hover { color: #f0a108; text-decoration: none; }

h2 {font-size:55px;color:#161616;margin: 20px 0 30px 0; letter-spacing: -1.5px;}
h3 {
	font-size:35px;
	color:#f0a108;
	letter-spacing:-1px;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}
p {margin:0 0 10px 0;}
#portfolio  {font-size:13px;margin:0 0 30px 0;  padding-top:140px;}

body {background:#fff;font:14px "Century Gothic", arial, Helvetica, sans-serif;color:#444; line-height:26px;}
.container {width:960px; margin: 0 auto; }
.container34 {width:960px;margin: 0 auto; height:auto;}
.logo {width:auto; padding:50px 0 0 0; float:right; z-index:101; position:fixed;
}

/*navigation*/
.TopNavigation2 {
	position:fixed;
	z-index:100;
	background:#ffffff;
	/*background-image:url(../images/bg_nav.png);
	background-repeat:repeat-x;
	background-position: left top;*//
}
ul.nav {width:960px; padding: 50px 270px 0 0px;}
ul.nav li {float:right; display:inline; padding:15px 0px 20px 0; font-size:18px; font-family:"Century Gothic", arial, Helvetica; border-right: thin 1px #999999; letter-spacing:5px;}
ul.nav a {color:#666;text-decoration:none;  padding:15px 30px 20px 30px;}
ul.nav a:hover {color:#000000;   background:#eeeeee; padding:15px 30px 20px 30px;}
ul.nav .active { }

/*Cu3er slider*/
#slider {margin: 0 0 0 10px; padding-top:170px;}
.shadow {margin:0 0 0 0;}

#containerAbout {width:960px; padding-top:150px;}
.rightAbout {float:left;width:350px; margin:0 0 0 50px;}
.leftAbout {
	float:left;
	border-right:1px solid #b1b1b1;
	padding-bottom:30px;
	padding-right:50px;
	padding-left:0px;
	width: 500px;
	text-align: left;
}
.leftAbout p {padding:0 280px 0 0;}
#skills {width:960px; height:80px ;background:url(../images/bg.skills.jpg) no-repeat top center;}
#skills ul {margin: 0 0 0 270px;list-style:none; padding-top:30px;}
#skills li {
	display:inline;
	font-size:15px;
	font-family:"Century Gothic", arial, Helvetica;
	margin-top: 40px;
	margin-right: 43px;
	margin-bottom: 0;
	margin-left: 0;
}

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

/*contact info*/
#contactInfo {float:left;width:100%; margin:0px 0 0 0;}
.bolder {font-weight:bold;font-size:24px;letter-spacing:-1.5px; }

/*case study*/
#mainPage {margin: 0 0 0 0; padding-top:0px;}
#mainText  {line-height:24px; font-size:13px;margin:0 0 0 0; padding-top:130px;}

.back {width:auto; margin:0 0 0 0; padding-top:0px; padding-right:0px; float:left;}
.topper {width:auto; margin:0 0 0 0; padding-top:0px; padding-right:0px; float:center; text-align:center;}
.logo2 {width:auto; margin:0; padding-top:20px; padding-right:10px; float:right;}

.page14con {width:auto; margin:0 0 0 0;clear:both; padding-top:20px;}
.page14 {width:auto; float:left; padding-left:40px; padding-top:40px; }

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