/* ****************************************
   ORANGE TENTACLE CSS COMPLIANT STYLE
   Author: Kian Ryan
   (C) 2008 Orange Tentacle Ltd.
   **************************************** */

body
{
	background: url('images/corner.jpg') orange bottom right no-repeat;
	font-family: "trebuchet ms", arial, helvetica,  sans-serif;
	color: black;
}
#content
{
	
	width: 900px;
	padding: 0;
	margin: 0 auto;
}
#navigation
{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background: url('images/grad-trans.png') top left repeat-x #D3D3D3;
	margin: 0 -50px;
	padding: 0 20px;
	text-align: right;
	font-weight: bold;
}
#navigation ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-right: 1px dashed black;
}

#navigation li
{
	padding: 0;
	margin: 0;
	display: inline;
	border-left: 1px dashed black;

}

ul.clientlist 
{
	list-style-type: none;
	padding: 0;
	margin: 0;	
}

.clientlist li  
{
	margin: 10px;
	text-align: center;
	font-weight: bold;
	font-size: small;
	float:left;
	width: 100px;
	height: 100px;
	background: url('images/tile-trans.png');
	border: 1px solid black;
}

.clientlist li img
{
	border: 0;
}

.clientlist li a
{
	display: block;
	color: black;
	text-decoration: none;
}

.clientlist li a:hover
{
	display: block;
	color: black;
	text-decoration: none;
	background: #ff6600;
}


#navigation a
{
	padding: 0 5px;
	margin: 0;
	color: black;
	text-decoration: none;
}

#navigation a:hover
{
	color: white;
	background: url('images/grad-trans.png') top left repeat-x black;
	text-decoration: none;
}

.article
{
	padding: 10px;
	background: url('images/tile-trans.png');
	border: 1px solid black;
	margin-bottom: 20px;
}

.article h1, h2
{
	color: #ff6600;
	text-transform: uppercase;
	margin-top: 0;
}

.article a
{
	color: #ff6600;
}

#header, #main, #footer
{
	margin: 0;
}
#header
{
	padding: 40px 100px 0 100px;
	background: url('images/head-background.jpg') top center no-repeat;
}
#main
{
	padding: 20px 100px;
	background: url('images/generic-background-trans.png') top center repeat-y;
}

#left
{
	float:left;
	display:inline;
	width: 250px;
	font-size: small;
}

#right
{
	margin-left: 270px;
	width: 430px;
}

#footer
{
	clear: both;
	padding: 0 100px 0 100px;
	text-align: center;
	font-size: small;
	background: url('images/foot-background-trans.png') bottom center no-repeat;
	min-height: 90px;
}

.label
{
	display: block;
	float: left;
	width: 100px;
	font-weight: bold;
	color: #ff6600;
}

input, select, textarea
{
	background: url('images/grad-trans.png') top left repeat-x orange;
	border: 1px solid black;
	margin: 0 0 5px 0;
}