/*Author:bahassi.com
copyright 2009*/

/*-------------------------reset-------------------------*/

* { margin:0px; padding:0px;}

/*-------------------------general-------------------------*/

a { text-decoration:none; color:#7b9516; font-style:italic; text-decoration:underline;}
a:hover{ color:#666;}
li { list-style:none; margin:0px; padding:0px;}
.clear { clear:both;}
.right { float:right;}
.left { float:left;}
h1 { font-size:25px;}
h2 { color:#7b9516; font-size:20px; font-weight:lighter; margin-bottom:8px; padding-left:50px; height:40px; line-height:43px;}
h3 {color:#A8C243; }
h4 { color:#7b9516; font-weight:normal; font-style:italic;}

img { border:none;}
/*-------------------------master-------------------------*/

body {
font-family:helvetica neue,helvetica,arial,sans-serif;
font-size:14px;
color:#666666; 
background-color:#FFFFFF; 
background-image:url(../imgs/body-bg.jpg); 
background-repeat:repeat-x;
}

#top, #mid, #btm { 
width:100%; 
height:auto; 
margin:0px;
}

#mid{
padding-bottom:20px;
background-image:url(../imgs/mid-bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

#btm { 
background-color:#f9f9f9;
padding-top:10px;
background-image:url(../imgs/copy-bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

#header { 
width:990px; 
height:73px; 
margin:0px auto; 
}

#content { 
width:990px; 
height:auto;
margin:0px auto;
}

#footer { 
width:990px; 
height:auto; 
margin:0px auto;
}

#footer-cont{
padding-bottom:20px;
}

/*-------------------------header-------------------------*/

#logo {
width:220px;
height:50px;
margin-top:13px; 
padding-left:63px;
background-image:url(../imgs/bahassi-logo.jpg);
background-repeat:no-repeat;
background-position:left;
}

#logo h1{
text-indent:-99999px;
}

#top-nav {
width:540px;
height:25px;
margin-left:60px;
margin-top:45px;
}

#langs {
width:80px;
height:65px; 
background-color:#f2f2f2;
text-align:center;
padding-top:8px;
}

#langs li{
width:80px;
}

#langs a { 
font-size:12px; 
color:#999;
font-style:normal;
text-decoration:none;
}

#map {
height:24px;
margin-top:5px;
line-height:24px;
background-color:#9BB435;
}

#map a{
font-size:10px;
color:#fff;
}

#langs a:hover { 
color:#666666;
}

/*-------------------------content-------------------------*/

#content-top { 
width:100%;
height:339px;
margin-top:80px;
}

#content-top-lft { 
width:450px;
height:319px;
color:#FFFFFF;
font-size:28px;
font-weight:lighter;
padding-top:20px;
}

#content-top-lft a {
color:#FFFFFF;
text-decoration:underline;
}

#content-top-lft a:hover 
{
text-decoration:none;
}

#content-top-lft strong {
font-weight:bold;
}

#content-top-rht { 
width:500px;
height:339px;
background-image:url(../imgs/img-bg.jpg);
background-repeat:no-repeat;
text-align:center;
}

#content-top-rht img {
    height: 246px;
	width:458px;
    display: block;
    border: 0;
    margin-top: 36px;
	margin-left:24px;
	margin-bottom:10px;
}

#content-btm { 
width:100%;
height:auto;
margin:50px 0px 30px 0px;
}

#content-btm p{
margin-bottom:10px; 
}

/*-------------------------footer-------------------------*/

#btm-nav { 
width:247px; 
height:343px;
background-image:url(../imgs/btm-nav-bg.png);
background-repeat:no-repeat;
background-position:top;
}

.btm-cont{
width:227px;
height:auto;
margin:5px auto;
padding:5px;
}

#btm-nav .btm-cont h2{
background-image:url(../imgs/nav.jpg);
background-repeat:no-repeat;
background-position:top left;
}

#btm-nav li{
border-bottom:#999 dotted 1px;
margin:1px;
}

#btm-nav li a{
padding-left:20px;
text-decoration:none;
background-image:url(../imgs/greenErow.gif);
background-repeat:no-repeat;
font-weight:normal;
color:#7b9516;
}

#btm-nav li a:hover{
background-image:url(../imgs/blackErow.gif);
background-repeat:no-repeat;
color:#666;
}

#btm-nav li .active{
background-image:url(../imgs/blackErow.gif);
background-repeat:no-repeat;
color:#666;
}
	
#blog { 
width:247px; 
height:auto;
padding:0px; 
height:343px;
background-image:url(../imgs/btm-cont-bg.png);
background-repeat:no-repeat;
background-position:right top;
}

#blog .btm-cont h2{
background-image:url(../imgs/entradas.jpg);
background-repeat:no-repeat;
background-position:top left;
}
	
#twit { 
width:247px; 
height:auto;
padding:0px;
height:343px;
background-image:url(../imgs/btm-cont-bg.png);
background-repeat:no-repeat;
background-position:right top;
}

#twit .btm-cont h2{
background-image:url(../imgs/twit.jpg);
background-repeat:no-repeat;
background-position:top left;
}

#twit li{
background-image:url(../imgs/greenErow.gif);
background-repeat:no-repeat;
text-indent:20px;
margin-bottom:5px;
}

#contactF { 
width:247px; 
height:343px;
background-image:url(../imgs/btm-cont-bg.png);
background-repeat:no-repeat;
background-position:right top;
}

#contactF .btm-cont h2{
background-image:url(../imgs/contact.jpg);
background-repeat:no-repeat;
background-position:top left;
}

#contactF .btm-cont #testimonies{
background-image:url(../imgs/testimonials2.jpg);
background-repeat:no-repeat;
background-position:left top;
}

/* Form */

#email, #name, #subj {
width: 215px;
}

#comment{
width:220px;
height:80px;
}

#submit{
background-color:#A8C243;
color:#FFF;
margin-top:5px;
width:222px;
line-height:25px;
height:25px;
}

#submit:hover{
color:#FFF;
background-color:#9cac5c;
}

#text {
    width: 215px;
    height: 70px;
}

#waiting {
    color: #767676;
    text-align: center;
}

label {
display: inline-block;
color:#7b9516;
width: 150px;
}

label span{
font-weight:bold;
color:#a71010;
}

.success {
width: 205px;
background: #A8C243;
border: #7b9516 1px solid;
padding: 5px;
color:#FFF;
font-size:16px;
text-align:center;
}

.error {
font-size:12px;
width: 205px;
background: #ea7e7e;
border: #a71010 1px solid;
padding: 5px;
}
/*End validation styling*/

#copy { 
width:100%;
height:30px;
margin-top:50px;
color:#7b9516;
}

/*-------------------------top-menu-------------------------*/

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

#nav a{
display:block;
border:none;
color:#666666;
font-weight:bold;
padding:2px 0px;
text-decoration:none;
border-left:#CCCCCC solid 1px;
font-style:normal;
}

#nav a:hover{
	color:#666666;
}

#nav li{
width:90px;
float:left;
text-align:center;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:130px;
top:25px;
}

#nav li ul a{
width:130px;
height:auto;
float:left;
text-align:left;
margin-top:1px;
padding:0px 5px;
border:none;
font-size:0.8em;
color:#666666;
background-color:#FFFFFF;
font-style:normal;
}

#nav li ul a:hover {
color:#FFFFFF;
background-color:#CCCCCC;}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}