/* CSS Document */

/*
Author: L-zanne Wentzel - l-zanne@augment.co.za

Table of Contents:
global
page structure
nav
headings
link styles
text styles
inline imgs
tables
forms
extras
SiFR
*/

html{overflow:-moz-scrollbars-vertical;}

* {margin: 0; padding: 0; outline: none;}

body{
background-color:#FFF;
font: 12px Geneva, Arial, Helvetica, sans-serif normal;
color:#000000;
z-index:0;
}

.clear{
clear:both;
}

a:link {color:#000000;}
a:visited {color:#000000;}
a:hover{color:#954A3C;}
a:active{color:#000000;}

h1{
color:#49494b;
font-size:14px;
text-align:left;
padding: 5px;
}

h2{
color:#49494b;
font-size:12px;
text-align:left;
padding: 5px;
}

h3{
color:#49494b;
font-size:14px;
text-align:left;
padding: 0px;
}

#container{
width:980px;
margin: 0px auto;
text-align:center;
position:relative;
}

#container .shoptext{
position:absolute;
top: 155px;
right:-105px;
}

#container #header{
height: 145px;
margin: 0 0 0 60px
}

#container #header img{
float:left;
margin: 53px 0 0 10px;
}

/* navigation */
#container #navigation{
margin: 0 0 0 260px;
text-align:center;
}
 
#container #navigation ul{
list-style:none;
line-height:47px;
padding: 0 0 0 15px;
}

#container #navigation ul li{
float:left;
margin: 109px 0 0 0;
padding: 0 0 0 2px;
}

#container #navigation ul li.sep{
padding: 0 10px 0 10px;
}

#container #navigation ul li a.active{
color:#999999;
/*border-bottom:4px solid #995244;*/
font-weight:normal;
}

#container #navigation ul li a:link, #container #navigation ul li a:visited {
color:#49494b;
text-decoration:none;
}

#container #navigation ul li a:hover {
color:#49494b;
text-decoration:none;
}


#container #content{
position:relative;
padding: 20px 65px 20px 175px;
}

#container #content .home{
float:right;
margin: -110px 0 0 0;
}

#container #content .contact{
float:right;
margin: -170px 0 0 0;
}

#container #content_int{
position:relative;
padding: 20px 65px 20px 25px;
}

#container #content p, #container #content_int p{
text-align:left;
font-size:12px;
color:#49494b;
padding: 10px 10px 10px 10px;
}

#container #content p.red, #container #content-int p.red{
color:#984e38;
}

#container #content p.red a:link, #container #content p.red a:active, #container #content p.red a:visited{
color:#984e38;
text-decoration:underline;
}

#container #content p.red a:hover{
color:#984e38;
text-decoration:none;
}

#container #content-int p.red a:link, #container #content-int p.red a:active, #container #content-int p.red a:visited{
color:#984e38;
text-decoration:underline;
}

#container #content-int p.red a:hover{
color:#984e38;
text-decoration:none;
}

#container #content .shop{
list-style:none;
float:left;
width:775px;
padding: 25px 0 0 0;
}

#container #content ol, #container #content_int ol{
list-style:outside;
}

#container #content .shop li, #container #content_int .shop li{
margin: 0 0 10px 0;
padding: 10px 0 15px 0;
border-bottom: 1px dashed #CCCCCC;
color:#49494b;
text-align:left;
display:block;
}

#container #content ol li, #container #content_int ol li{
margin: 0 0 10px 0;
border-bottom: 1px dashed #CCCCCC;
color:#49494b;
text-align:left;
}

#container #content .people{
	list-style:none;
}

#container #content .people li{
	float:left;
	text-align:left;
	width:350px;
	padding: 5px;
	
}

#container #content .people li img{
	float:left;
	padding: 0 10px 0px 0;
}

#container #content .shop li img, #container #content ol li img{
float:left;
padding: 5px;
border: 1px solid #CCCCCC;
margin: 0 10px 10px 10px;
}

#content_int #work{
position:relative;
float:left;
padding: 0 0 0 170px;
z-index:0;
}

#content_int #work .girl{
position:absolute;
top: 250px;
left:50px;
}

#content_int #work .worktext{
position:absolute;
top: 483px;
left:-20px;
}



#content_int #work .logotext{
position:absolute;
top: 440px;
left:-60px;
}

#content_int #work .illustrationtext{
position:absolute;
top: 200px;
left:90px;
}

#content_int #work .phototext{
position:absolute;
top: 245px;
left:90px;
}

#content_int #work .illustrationlist{
	list-style:none;
	width:340px;
	padding: 0 0 0 135px;
	
}

#content_int #work .photoslist{
	position:absolute;
	z-index: 50;
	top: 0px;
	left: 170px;
	list-style:none;
	width:640px;
	padding: 0 0 0 135px;
}

#content_int #work .illustrationlist li, #content_int #work .photoslist li{
	float:left;
	margin: 0 10px 10px 0;
	
}

#content_int #work .illustrationlist li img, #content_int #work .photoslist li img{
	border: 1px solid #000000;

}

#content_int #clientlist{
border-left: 1px solid #bbbaba;
height: 470px;
float:right;
width:160px;
}

#content_int #clientlist ul{
list-style:none;
}

#content_int #clientlist ul li{
text-align:left;
padding: 0 10px 10px 10px;
color:#49494b;
}

#content_int #clientlist ul li a.active{
color:#999999;
background-color:#FFFFFF;
font-weight:normal;
padding:5px;
display:block;
}


#content_int #clientlist ul li strong{
color:#000000;
}

#content_int #clientlist ul li a:link, #content_int #clientlist ul li a:visited {
color:#49494b;
text-decoration:none;
padding:5px;
display:block;
}

#content_int #clientlist ul li a:hover {
color:#999999;
background-color:#FFFFFF;
text-decoration:none;
padding:5px;
display:block;
}

#container #footer{
border-top: 1px solid #bbbaba;
padding: 10px;
margin: 20px;
}

#container #footer p{
color:#984e38;
}

#container #footer p a:link, #container #footer p a:active, #container #footer p a:visited{
color:#984e38;
text-decoration:underline;
}

#container #footer p a:visited{
color:#984e38;
text-decoration:none;
}