/* CSS Document */

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

Inherited code, Design and Style Adjustments 20/07/2011: Pieter Brink - info@dea-catalyst.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: 11px 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{
 /*border:#030 dashed 1px;*/
width:960px;
margin: 0px auto;
text-align:center;
position:relative;
}

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

#container #header{
	background-image:url(../gfx/header_flat.jpg) ;
	/*border:#00F dashed 1px;*/
	height: 119px;
	margin: 0 0 0 0px
}

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

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

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

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

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

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

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


#container #content{
	 border:#090 dashed 1px;
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: 0px 0px 0px 0px;
/*padding: 20px 65px 20px 25px;*/
}

#container #content p, #container #content_int p{
	color: #7f7f7f;
    font-size: 11px;
    line-height: 19px;
   /* padding: 10px;*/
    text-align: left;

/*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{
	 border:#00F dashed 1px;
list-style:outside;
}

#container #content .shop li, #container #content_int .shop li{
	 border:#00F dashed 1px;
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{
	 /*border:#00F dashed 1px;*/
position:relative;
float:left;
padding: 0 0 0 150px;
padding-bottom:0px;
z-index:0;
}
#content_int #work1{
	position:relative;
	float:left;
	padding: 0 0 0 0px;
	padding-bottom:19px;
	z-index:0;
	}

#content_int #work2{
	 /*border:#00F dashed 1px;*/
position:relative;
float:left;
padding: 0 0 0 0px;
padding-bottom:200px;
z-index:0;
}

#content_int #work3{
	 /*border:#00F dashed 1px;*/
position:relative;
float:left;
padding: 0 0 0 0px;
padding-bottom:272px;
z-index:0;
}

#content_int #work #googlemap {
	position:relative;
float:left;
padding: 28px 17px 0 0px;
z-index:0;
	}
	
#content_int #work1 #welcome {
	position:relative;
float:left;
z-index:0;
width:708px;
height:484px;
/*background-image:url(../gfx/pots1.jpg);*/
background-color:#cccccc;

	}
	

	
	
/*-------Blog Widget--------*/
#BlogRSS {
	/*background-color:#0C3;*/
	background-image:url(../gfx/RSS_back.jpg);
	width:237px;
	height:211px;
	}	

.BlogRSS a{
	align:left;
	
	}
	
#container #content_int #work1 #clientlist #BlogRSS a {
	text-color:#fff;
	}
	
	
	
/*-------RSS Widget--------*/
#widgetmain {
	border: 0px!important;
	font-size:9px!important;
	}
	
#widgetmain small{
	display:none!important;
	}
#widgetbottom {
	display:none;
	}

/*-------Pot PlaceMent--------*/	

#potstop{position:relative;}
#potstop li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#potstop li, #potstop a{height:242px;display:block;}

#workpot {left:0px;width:236px;}
#workpot {background:url('../gfx/pots_sprite.jpg') 0 0;}
#workpot a:hover{background: url('../gfx/pots_sprite.jpg') 0 -484px;}

#logos{left:236px;width:236px;}
#logos{background:url('../gfx/pots_sprite.jpg') -236px 0;}
#logos a:hover{background: url('../gfx/pots_sprite.jpg') -236px -484px;}

#ill{left:472px;width:236px;}
#ill{background:url('../gfx/pots_sprite.jpg') -472px 0;}
#ill a:hover{background: url('../gfx/pots_sprite.jpg') -472px -484px;}

/*--btm---*/

/*#potstop2 {position:relative;}*/
#potstop2 li{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:242px;
}
#potstop2 li, #potstop2 a{height:242px;display:block;}

#photo {left:0px; width:236px;}
#photo {background:url('../gfx/pots_sprite.jpg') 0 -242px;}
#photo a:hover{background: url('../gfx/pots_sprite.jpg') -0px -726px;}

#about {
	left:236px;
	width:236px;
}
#about {background:url('../gfx/pots_sprite.jpg') -236px -242PX;}
#about a:hover{background: url('../gfx/pots_sprite.jpg') -236px -726px;}

#contact {
	left:472px;
	width:236px;
}
#contact{background:url('../gfx/pots_sprite.jpg') -472px -242PX;}
#contact a:hover{background: url('../gfx/pots_sprite.jpg') -472px -726px;}

/*#potstop{position:relative;}
#potstop li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#potstop li, #potstop a{height:484px;display:block;}

#work{left:0px;width:236px;}
#work{background:url('../gfx/pots_sprite.jpg') 0 0;}
#work a:hover{background: url('../gfx/pots_sprite.jpg') 0 -242px;}

#logos{left:236px;width:236px;}
#logos{background:url('../gfx/pots_sprite.jpg') -236px 0;}
#logos a:hover{background: url('../gfx/pots_sprite.jpg') -236px -242px;}

#ill{left:472px;width:236px;}
#ill{background:url('../gfx/pots_sprite.jpg') -472px 0;}
#ill a:hover{background: url('../gfx/pots_sprite.jpg') -472px -242px;}

#photo{left:0px;width:236px;}
#photo{background:url('../gfx/pots_sprite.jpg') 0 0;}
#photo a:hover{background: url('../gfx/pots_sprite.jpg') 0 -242px;}

#about{left:236px;width:236px;}
#about{background:url('../gfx/pots_sprite.jpg') -236px 0;}
#about a:hover{background: url('../gfx/pots_sprite.jpg') -236px -242px;}

#contact{left:472px;width:236px;}
#contact{background:url('../gfx/pots_sprite.jpg') -472px 0;}
#contact a:hover{background: url('../gfx/pots_sprite.jpg') -472px -242px;}*/

/*-------Pot PlaceMent--------*/	

	
#content_int #work #aboutpar {
	position:relative;
float:left;
padding: 28px 17px 0 0px;
z-index:0;
width:548px;
	}

#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 #work3 .illustrationlist{
	/*list-style:none;
	width:800px;
	padding: 0 0 0 135px;*/
list-style: none;
margin-left:34px;
margin-top:27px;
/*padding-bottom: 20px;
position: absolute;
top: 27px;
width: 902px;
z-index: 50;*/
	
}

#content_int #work2 .photoslist{
	/*position:absolute;
	z-index: 50;
	top: 0px;
	left: 170px;
	list-style:none;
	width:800px;
	/*padding: 0 0 0 135px;
	padding-bottom:20px;*/
	
	left: 34px;
list-style: none outside none;
padding-bottom: 20px;
position: absolute;
top: 27px;
width: 902px;
z-index: 50;
}

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

#content_int #work3 .illustrationlist li img, #content_int #work2 .photoslist li img{
	border: 1px solid #eeeeee;

}

#content_int #clientlist{
	/*border:#00F dashed 1px;*/
	border-left: 1px solid #dddddd;
	float:right;
 	height: 464px;
   padding-left: 10px;
   /* padding-bottom: 12px;*/
    width: 233px;
	margin-top:27px;
	margin-bottom:20px;
}

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

#content_int #clientlist ul li{
text-align:left;
/*padding: 0 10px 10px 10px;*/
color:#7f7f7f;
padding-bottom:10px;
}

#content_int #clientlist ul li a.active{
color:#d13f25;
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:#7f7f7f;
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:#00F dashed 1px;*/
border-top: 1px solid #cccccc;
/*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;
}

#container #footer #copyright {
	float:left;
	padding-top:5px;
	}
	
#container #footer #copyright h6 {
	font-weight:300;
	font-size:9px;
	letter-spacing:1px;
	color:#000;
	color:#7f7f7f;
	}
	
#container #footer #socialicons {
	float:right;
	padding-top:5px;
	color:#7f7f7f;
	}
	
#container #footer #socialicons h6 {
	font-weight:300;
	font-size:9px;
	letter-spacing:1px;
	color:#7f7f7f;
	}
	
#container #footer #icons {
	float:right;
	padding-top:3px;
	padding-left:5px;
	color:#7f7f7f;
	}