/* CSS Document */

body {
	text-align: center;
	background-color: #FFFFFF;
	margin-top: 2px;
  }
  
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
}
h2 {
	padding: 5px;
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0px;
	background-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
  
#container {
	text-align:left;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 750px;
}
#outercontainer {
text-align:left;
	width: 800px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
}
#header{
	margin-top: 10px;
}

#logo{
	width: 155px;
	height:100px;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-right: 20px;
}
#addressbox {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 50px;
}

#LeftContent {
	float: left;
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 5px;
	width: auto;
	margin-bottom: 0px;
}


#PrimaryContent {
	width: 600px;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 60px;
	background-color: #FFFFFF;
	margin-top: 20px;
	float: left;
	padding: 10px;
}


#PrimaryContent p {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
#PrimaryContent a {
	color: #FF99CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}





#footer {
	width: auto;
	height: auto;
	padding-top: 20px;
	font-size: 11px;
	text-align: left;
	clear: both;
	padding-bottom: 20px;
	padding-left: 20px;
}
#footer a {
color: #FF99CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
}
#navcontainer{
	margin-left: 25px;
	margin-right: 10px;
	text-align: left;
	font-size: 10px;
	clear: both;
}
#navcontainer ul
{
	list-style-type:none;
	background-color: #FFFFFF;
	color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	font-size: 10px;
	margin-left: 0px;
}

#navcontainer ul li{
	display:inline;
	float: left;
}
#navcontainer ul a
{
	display: block;
	width:120px;
	height:20px;
	background-color: #FF99CC;
	color: #666666;
	text-decoration: none;
	margin-bottom: 0px;
	line-height:20px;
	padding-left: 10px;
	font-size: 10px;
	margin-right: 5px;
	text-align: center;
}

#navcontainer ul li a:hover
{
	color: #FFFFFF;
	background-color: #666666;
}
#navcontainer #active a{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #999999;
}


.TheClient {
	float: left;
	width: 310px;
	margin-top: 20px;
	margin-right: 5px;
	margin-left: 35px;
	background-color: #FFFFFF;
	padding-left: 15px;
	padding-right: 10px;
}



/* OCTOPUS STYLES */
.north { background: url(images/north.png) repeat-x top; }
.east { background: url(images/east.png) repeat-y right; }
.south { background: url(images/south.png) repeat-x bottom; }
.west { background: url(images/west.png) repeat-y left; }
.ne { background: url(images/ne.png) no-repeat top right; }
.se { background: url(images/se.png) no-repeat bottom right; }
.sw { background: url(images/sw.png) no-repeat bottom left; }
.nw { background: url(images/nw.png) no-repeat top left; }

.nw {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
} /* Controls padding.  Increase to make text further away from edges; decrease to bring closer.  */


.octopusOuter {
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 800px;
}
/* drop shadow effect for the gallery thumbnails. Sadly this requires a div to be wrapped around the image markup, which is a shame */

.img-wrapper {
margin: 20px 40px 0 0;
background: url(images/shadow.gif) no-repeat bottom right;
float:left;
line-height:0;
}
 
.img-wrapper img {
float:none;
margin:0;
background:#fff;
padding:4px;
border:1px solid #C5BDBD;
position:relative;
left:-5px;
top:-5px;
}
#leftbox {
	float: left;
	width: 310px;
	margin-left: 5px;
	margin-top: 10px;
}
#rightbox {
	float: left;
	width: 310px;
	margin-left: 20px;
	margin-top: 10px;
}