/*Miscellaneous 1
------------------------------------------------------------- */

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


a
{
	text-decoration: none;
}

body
{
	background: #bdb77b;
	color: #555555;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	text-align: center;
	font: normal 1em Verdana, sans-serif; 
}

/*outside wrap container for all pages except clients.html
------------------------------------------------------------- */

#container { 
	position: relative;
	width: 800px;
	height: 600px;
	margin: auto;
	border: 1px solid #555555;
	padding: 0;
	background-color: #FFFFFF;
	text-align: left;
	z-index: 1;
	background-image: url(img/brown-stripe.gif);background-position: top left;
	background-repeat: no-repeat;}


/*wrap container for each example client in clients.html
------------------------------------------------------------- */
.containerlong { 
	position: relative;
	width: 800px;
	height: 500px;
	margin: auto;
	border: 1px solid #555555;
	border-bottom: none;
	padding: 0;
	background-color: #FFFFFF;
	text-align: left;
	z-index: 1;
	background-image: url(img/brown-stripe.gif);background-position: top left;
	background-repeat: no-repeat;}



/*Miscellaneous 2
------------------------------------------------------------- */


#background1 img { width: 200px;}

h1 {
	font: normal 1.3em Verdana, sans-serif;
	color: #bdb77b;
	line-height: 1.8em;
	text-align: left;
	margin: 5px;}

h2 {
	font: bold 1.2em Verdana, sans-serif;
	line-height: 1.2em;
	text-align: left;
	margin: 10px;}

h3 {
	font: bold 1.1em Verdana, sans-serif;
	line-height: 1.1em;
	text-align: left;
	margin: 10px;}


.intro li {
	color: #996600;
	font: normal 13px Verdana, sans-serif;
	line-height: 18px;	
	text-align: left;
	margin-bottom: 0.4em;}



h4 {
	font: bold 1.3em Verdana, sans-serif;
	color: #ffffd8;
	line-height: 1.2em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 16px;
	margin-top: 4px;}


a:link
{
	color: #996600;
}

a:hover
{color: #260751;
}

a:visited
{color: #260751;
}

/*containers for top of page copy columns on index.html
------------------------------------------------------------- */

#container1 
{  
position: absolute;
left: 0px;
top: 25px;
width: 200px;
z-index: 2;
padding: 0px;
}

#container2 
{  
position: absolute;
left: 200px;
top: 25px;
width: 200px;
z-index: 2;
padding: 0px;
}

#container3 
{  
position: absolute;
left: 400px;
top: 25px;
width: 200px;
z-index: 2;
padding: 0px;
}

#container4 
{  
position: absolute;
left: 600px;
top: 25px;
width: 200px;
z-index: 2;
padding: 0px;
}

/*containers for top of page copy except index.html
------------------------------------------------------------- */

.container1a 
{  
position: absolute;
left: 240px;
top: 25px;
width: 530px;
padding: 0px;
}

.container1a p
{  
	font: normal 12px Verdana, sans-serif;
	line-height: 1.3em;
	color: #996600;
	margin: 5px;}

.container1a p span
{  
	text-transform: uppercase;
	color: #808000;}


/*container for logo
------------------------------------------------------------- */

#logo {
position: absolute;
left: 640px;
bottom: -10px;
z-index: 25;}


#logo img{
width: 130px;
height: 118px;}

/*container for contact details
------------------------------------------------------------- */

#contact 
{
position: absolute;
bottom: 13px;
left: 0px;
z-index: 20;
width: 610px;
text-align: right;
padding: 0px;
}

#contact p {	font: normal 12px Verdana, sans-serif; 
		text-align: right;
		color: #FFFFFF;
		line-height: 1.3em;
}

#contact a:link 
{	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.25px;
	text-decoration: none;}

#contact a:hover { 
	color: #D8D80D;}

#contact a:visited { 
	color: #D8D80D;}

/*container for nav
------------------------------------------------------------- */

#nav {
position: absolute;
left: 0px;
bottom: 0px;
height: 100px;
width: 100%;
background-color: #666666;
text-align: left;
margin-top: 0px;
z-index: 20;
}

#nav li {	display: inline;
		padding-left: 8px;
		list-style: none;
		line-height: 3em;}
		

		
#nav a {	font: bold 15px Verdana, sans-serif; 
		padding: .6em;
		border: 0px;
		text-decoration: none;}
		
#nav a:link { color: #ffffef; }
#nav a:visited {color: #ffffef; }
#nav a:hover {text-transform: uppercase;}


body#home a#homepg,

body#design a#designpg,

body#web a#webpg,

body#faq a#faqpg,

body#clients a#clientspg,

body#about a#aboutpg 
{text-transform: uppercase; color: #ffee22; 
}


/*grey container for about.html
------------------------------------------------------------- */

#containerabl 
{  
	
	float: left;
	margin: 5px;
	position: relative;
	padding: 5px 2px 0px 4px;
	font-size: .7em;
	color: #808000;
	line-height: 1.3em;
	width: 355px;
	height: auto;
}

#containerabl p
{  
	margin-bottom: .6em;
}


.aboutimg 
{  
float: left;
position: relative;
top: 0px;
z-index: 100;
margin: 0px;
padding: 5px 7px 5px 0px;
}

#containerabr 
{  
	float: left;
	position: relative;
	margin: 5px;
	padding: 5px 2px 0px 3px;
	font-size: .7em;
	color: #808000;
	line-height: 1.3em;
	width: 360px;
	height: auto;
}

#containerabr p
{  
	margin-bottom: .6em;
}



/*container for spider in design.html
------------------------------------------------------------- */

#containerspider
{ 
position: absolute; 
top: 380px; 
left: 200px;  
width: 500px;
height: 132px;
border: 0px;
padding: 0px 0px 0px 0px;
z-index: 2;
}

/*container for client examples in client.html
------------------------------------------------------------- */

.clientstripe
{  
position: absolute;
left: 0px;
top: 30px;
width: 200px;
z-index: 2;
padding: 0px;
}



/*containers for insights in faq.html
------------------------------------------------------------- */

#faqbox
{
	position: absolute;
	left: 25px;
	top: 190px;
	width: 750px;
	height: 290px;
	overflow: auto;
	font: normal 11px Verdana, sans-serif;
	margin: 0px;
	border: 1px solid #555555;
	background-color: #DBDADE;
	padding: 0;
	z-index: 6;
}


#faqbox p {	
	font: normal 12px Verdana, sans-serif;
	line-height: 1.5em;
	color: #808000;
	margin-top: 30px;
	margin-bottom: 0.4em;
	text-align: left;
	width: 660px;
	padding: 10px;
}




#faqbox h2 {	
	color: #b9821a;
}

#faqbox h3 {	
	color: #b9821a;
}


.faqcopy li {	
	font: normal 12px Verdana, sans-serif;
	line-height: 1.5em;
	color: #808000;
	margin: 0px 20px 10px 28px;
	text-align: left;

	padding: 0px;
}

#faqimagebox
{	text-align: left;
	margin: 10px;
}