/* The beginning of a beautiful friendship */

/*

------------------------------------------------------
Copyright Rodrigo Castilho Galvao Ferreira
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.

Notes

1. This template uses the Tan Hack (w\idth) to overcome
IE box model issues. Tan Hack explained extensively here:
http://www.positioniseverything.net/articles/box-model.html
------------------------------------------------------

*/

/* Elements */

body {background-color: #EEE;
color: #000000;
font: normal 0.70em/1.6em Verdana, Tahoma, sans-serif;}

body, div, ul, li, h1, h2, h3 {margin: 0;
padding: 0;}

ul {list-style-position: outside;
list-style-image: none;
list-style-type: none;}

p {margin: 0 auto 1em auto;}


h1 {margin-bottom: 15px;
color: #000;
font: bold 170% Verdana, Tahoma, sans-serif;}

h2, h3 {padding-bottom: 5px;
color: #000;
border-bottom: 1px #919191 inset;
font: bold 110% Georgia, Arial, serif;}

h4 {padding-bottom: 1px; padding-top: 10px;
margin-top:10px;
margin-left:5px;
color: #000;
/*border-bottom: 1px #919191 inset;*/
font: bold 130% Verdana, Tahoma, sans-serif;}

a {color: #3399ff;
border-bottom: 1px dotted #C30;
text-decoration: none;}

a:active, a:hover, a:focus {color: #0000ff;
border-bottom-color: #CCC;}

a.current {color: #6699ff; border-bottom-color: #FFFFFF;}
/* IDs and Classes */

/* Nav Top */

#container {float: left;
width: 780px;
w\idth: 779px;
min-height: 550px;
height: 610px;

padding-right: 0px;
background-color: #FFF;
border-bottom: 1px dotted #000;
border-right: 1px solid #CCC;
}

#banner {float: left;
padding: 15px 0 0 10px;
width: 780px;
w\idth: 770px;
height: 50px;
he\ight: 35px;
color: #FFF;
font-weight: bold;
background-color: #E63C1E;
text-transform: uppercase;}

#nav-toplevel {float: left;
width: 780px;
w\idth: 770px;
height: 30px;
padding-left: 10px;
background-color: #C30;
font-size: 100%;}

#nav-toplevel #nav-meta {float: right;
width: 280px;
text-align: right;
text-transform: lowercase;}

#nav-toplevel #nav-meta ul li {float: left;
padding-right: 8px;}

#nav-toplevel #nav-meta ul li a {float: left;
padding: 0 5px;
border-bottom: 1px dotted #C30;}

#nav-toplevel #nav-meta ul li a:active,
#nav-toplevel #nav-meta ul li a:hover,
#nav-toplevel #nav-meta ul li a:focus {color: #FFF;
background-color: #E63C1E;}

#nav-toplevel #nav-main {position: absolute;
top: 62px;
left: 10px;
width: 770px;}

#nav-toplevel #nav-main ul li {float: left;
padding-right: 10px;}

#nav-toplevel #nav-main ul li a {float: left;
color: #ffffff;
border-bottom: none;
text-transform: uppercase;
font-weight: bold;
}

#nav-toplevel #nav-main ul li a:active,
#nav-toplevel #nav-main ul li a:hover,
#nav-toplevel #nav-main ul li a:focus,
#nav-toplevel #nav-main ul li a.current {color: #fff295;
border-bottom: 4px solid #E63C1E;}

/* Content Center */

#container #content {float: left;
width: 610px;
w\idth: 600px;
padding: 10px 1px 0 5px;}

#container #content p {width: 575px;
text-align: left;}

/*
#container #content p:first-letter {color: #000;
font: bold 140% Georgia, serif;}
*/


#container #content p2:first-letter {color: #000;
font: inherit;}
/* Nav Right */

#nav-subs {float: right;
width: 109px;
padding-top: 15px;}

#nav-subs #nav-section,
#nav-subs #nav-supp {float: right;}

#nav-subs #nav-section li:first-child,
#nav-subs #nav-supp li:first-child {border-top: 1px dotted #E63C1E;}

#nav-subs #nav-section ul:before,
#nav-subs #nav-supp ul:before {display: block;
padding-bottom: 4px;
font: bold 100% Arial, Helvetica, sans-serif;
text-transform: capitalize;
line-height: 0.9em;
content: attr(title);}

#nav-subs #nav-section ul li,
#nav-subs #nav-supp ul li {float: left;}

#nav-subs #nav-section ul li a,
#nav-subs #nav-supp ul li a {display: block;
width: 129px;
w\idth: 124px;
height: 19px;
he\ight: 18px;
border: none;
color: #000;
text-transform: capitalize;}

#nav-subs #nav-section ul li a:active,
#nav-subs #nav-section ul li a:hover,
#nav-subs #nav-section ul li a:focus,
#nav-subs #nav-supp ul li a:active,
#nav-subs #nav-supp ul li a:hover,
#nav-subs #nav-supp ul li a:focus,
#nav-subs #nav-section ul li a.youarehere {color: #C30;
border-right: 5px solid #C30;}

#nav-subs #nav-section {padding-bottom: 20px;}

#contacts{
float:left;
width:70%;
padding-top:2px;
padding-left:10px;
margin-right:150px;
margin-bottom:20px;}

#designations{
float: left;
width:155px;
padding-top:15px;
padding-left:0px;
margin-right: 20px;
}

#palogo{
float: right;
width:155px;
padding-top:15px;
}

.floatleft {
float: left;
margin-top: 10px; 
margin-bottom: 10px;
margin-left: 0px;
margin-right: 10px;
}

.floatright {
float: right;
margin-top: 20px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 20px;
}

#rgarden{
}

.box{
margin:0 0 2px 0;
padding:2px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
line-height:1.5em;

}

#sites{
float:inherit;
width:75%;
padding-top:1px;
padding-bottom:1px;
padding-left:10px;
}


.linkbox{
margin:0 0 2px 0;
padding:0px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color: #8b8b1b;

}


.bulletbox{
margin:0 0 2px 0;
padding:0px;
border:1px solid #c0c0c0;
background-color:#fafbfc;

}


/* Nav Bottom */

#info-site {clear: both;
margin: 0;
width: 780px;
padding: 5px 0;
background-color: #C30;}

#info-site p {margin: 0;
padding: 0;
text-align: center;}

#info-site p#info-company {color: #000;}

#info-site p#info-company a,
#info-site p#info-standards a {border-bottom: 1px dotted #C30;
color: #000;
text-decoration: underline;}

#info-site p#info-company a:active,
#info-site p#info-company a:hover,
#info-site p#info-company a:focus,
#info-site p#info-standards a:active,
#info-site p#info-standards a:hover,
#info-site p#info-standards a:focus {color: #FFF;}

#info-site p#info-standards {padding-top: 5px;}