/*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; margin-bottom: 12px;}

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

/* Link */
a { color:#000000; text-decoration:none;}
a:link, a:visited { color: #666666; text-decoration: none; }
a:active, a:hover { color: #444444; text-decoration: underline }

h2 {font-size:40px;color:#000000; margin: 20px 0 20px 0; letter-spacing: -1.2px;}
h3 {font-size:40px;color:#f0a108;margin: 20px 0 30px 0;letter-spacing:-1px;}
p {line-height:22px; font-size:13px;margin:0 0 10px 0;}
td  {line-height:23px; font-size:14px;margin:0 0 10px 0;}

.names {margin-bottom: 10px;}

#portfolio p {line-height:24px; font-size:13px;margin:0 0 30px 0;}

body {background:#ffffff url(../topbg.gif) repeat-x;font:14px  arial, Helvetica, sans-serif;color:#444; overflow-x:hidden;}
.container {width:800px;margin: 0 auto;}
.logo {width:800px; }

/*navigation*/
.TopNavigation {height:55px; text-align:center;}
ul.nav {width:800px;}
ul.nav li {float:left;display:inline;margin:20px 60px 0 0;font-size:15px;font-family: arial, Helvetica;text-align:center;}
ul.nav a {color:#666;text-decoration:none; font-weight:bold;}
ul.nav a:hover {color:#233E8E;}
ul.nav .active {color:#233E8E;border-bottom:1px solid #233E8E;}


#containerAbout {width:800px;}
.rightAbout {float:left;width:290px;margin:0 0 0 15px;}
.leftAbout {float:left;width:800px;  padding-bottom: 15px; padding-top: 1px;}
.leftAbout p {padding:0 280px 0 0;}



.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;}

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

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

img {margin-right: -2px;}
.center {width: 280px; margin:auto;}

input {width: 220px;}
textarea {width: 330px; margin-top: 2px; margin-top: 1px\9; height: 96px; margin-bottom: -10px\9; margin-bottom: -7px; margin-left: 0px; }