/*
UPENDO STYLESHEET
www.studio-tamu.com
==============================
Body / Header
*/

a:focus {
outline:0;
}

* {
margin:0;
padding:0;
}

body {
background:#626668 url(bg.png) 0 0 repeat-x;
font: .9em/1.3em 'gill sans', verdana, tahoma,arial,helvetica,sans-serif;
position:relative;
}

.logo {
position:absolute;
left:13px;
top:24px;
z-index:10;
}

.logo a{
background:url(../img_2/logo_upendo.png) 0 0 no-repeat;
width: 160px;
height: 110px;
float: left;
text-indent:-1000em;

}

/*
.logo a:hover {
background: url(logo-hover.gif) 0 0 no-repeat;
}
*/


#tag {
display:block;
width:176px;
height:25px;
background: url(empower.gif) 0 0 no-repeat;
text-indent:-10000em;
position:absolute;
top:-25px;
right:15px;
}


/*
formatting
*/

#content h3 {
font-size:1.2em;
margin-bottom:1em;
}

#mainpic {
padding:0;
width:712px;
margin:0px auto;
display:block;
}

#mainpic img {
float:left;
margin:0 0px;
border:#ADADAD 0px solid;
}

p a {color:#fff; text-decoration:none; border-bottom:#ccc 1px dotted;}
p a:hover {color:#fff; border-bottom:#fff 1px solid;}

.clear {
clear:both;
}

h3 {
margin:0 0 1em 0;
font-size:110%;
}

.title{
text-align:center;
}


/*
layout
*/


#content {
width:720px;
margin:0 auto;
display:block;
position:relative;
top:50px;
color:#fff;
height:auto !important; 
height:100%; 
min-height:100%;
}

.cnt_span {
display:block;
clear:both;
width:330px;
position:relative;	
top:40px;
color:#fff;
margin:0 auto;
text-align:justify;
}

.l_span, .m_span, .r_span {
width:240px;
font-size:.9em;
position:absolute;
top:230px;
}

.l_span {
left:0;
}

.m_span {
left:241px;
width:238px;
}

.r_span {
right:0;
}

#shop #content{
width:900px;
}

#shop #mainpic{
width:880px;
margin:0 auto;
}

#shop #mainpic a img{
margin:2px;
border:#959595 1px solid;
}


#shop #mainpic a:hover img{
border:#fff 1px solid;
}

.fl_r {
display:block;
float:right;
width:70px;
height:70px;
}


/*
Navigation
*/

#nav {
position:relative;
top:10px;
z-index:1000;
clear:both;
display:block;
}

#nav, #nav ul {
width: 600px;
list-style: none;
padding: 0;
margin: 0 auto;
}

#nav a {
display: block;
width: 150px;
w\idth: 150px;
color: #fff;
text-decoration: none;
padding: 5px 0;
text-align:center;
border-bottom:#6D7173 1px solid;
}

#nav li {
float: left;
padding: 0;
width: 150px;
}

#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 150px;
w\idth: 150px;
margin: 0;
}

#nav li li {
width: 150px;
}

#nav li ul a {
width: 150px;
w\idth: 150px;
border:0;
}

#nav li ul ul {
margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}


#nav li ul li a {
background-color: #5d6264;
font-size:87%;
}

#nav a {
color:#D6D6D6;
}

#nav li a:hover {
color:#fff;
border-bottom:#939393 1px solid;
}

#nav ul li a:hover {
border:0;
background-color: #535658;
}


/*
contact
*/

form {
border:0;
width:200px;
margin:0;
padding:0;
position:relative;
left:15px;
}


form input#name, form input#email, form #message {
background:#ccc;
padding:4px;
border:0;
margin:4px;
width:200px;
}

form label {
padding:4px;
}

form legend{
display:none;
}

form textarea{
margin:0;
width:200px;
}

#zemSubmit {display:block; width:200px; margin:0 6px;}
fieldset {border:0;}

/*
Product
*/

.product {
display:block;
min-height:220px;
width:176px;
background:#737373;
float:left;
margin:1px;
}

.product * {
margin:0;
padding:0;
border:0;
text-align:center;
}

.product form {
margin-top:5px;
}

#lbCenter {
z-index:10000;
}