/* CSS Document */

body {
	background-color: #C2D3DC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	margin: 0;
	scrollbar-face-color: #C2D3DC;
	scrollbar-track-color: #F5F5F5;
	scrollbar-arrow-color: #456777;
}

a {
	color: #456777;
	text-decoration: none;
}

a:hover {
	color: #775D4E;
	text-decoration:underline;
}

a img { border:0; }

a img.sc { border: 2px solid #FFF; }
a:hover img.sc { border: 2px solid #CCC; }

hr {
	border: 1px dashed #CCC;
}

#fullPage {
	background-color: #C2D3DC;
	width: 100%;
}

#fullContent {
	background-color:#FFF;
	background-image:url(images/fullbg.jpg);
	width: 757px;
}

#banner {
	height: 120px;
	margin: 0;
	padding: 0;
	width: 757px;
}

#main {
	background-image:url(images/bars.gif);
	background-repeat:repeat-y;
	float: left;
	margin: -2px 0 0 0;
	padding: 25px 0 0 0 ;
	width: 757px;
}

#mainlh {
	float: left;
	margin: 5px 0 0 20px;
	padding: 0 20px 0 0;
	width: 300px;
}

#maincentre {
	float: left;
	margin-top: 30px;
	width: 30px;
}

#mainrh {
	background-image:url("images/sc_window.jpg");
	background-repeat:no-repeat;
	float: right;
	height: 428px;
	margin: 5px 13px 0 0;
	padding: 0 10px 0 0;
	width: 317px;
}

#footer {
	clear:both;
	background-image:url(images/footer.jpg);
	height: 38px;
	width: 757px;
}

#linkbar {
	background-color: #F5F5F5;
	width: 500px; 
}
/* Showcase panel */

#scpicwindow {
	padding: 39px 0 0 36px;
}

input {
	background-color:transparent;
	border: 0;
	height: 12px;
	font-size:9px;
}

#sctext1 {
	padding: 33px 0 0 40px;
}

#sctext2 {
	padding: 34px 0 0 40px;
}

#sctext2 a{
 	color: #6E6E6E;
}

#sctext2 a:hover{
 	color: #000;
}
	

#scquote {
	padding: 30px 0 0 40px;
	width: 243px;
}

#scClients {

}

.sc_item {
	background-color: #c2d3dc;
	border:1px dashed #707a80;
	float:left;
	margin: 0 0 15px 35px;
	padding: 5px 10px;
	text-align:center;
	width:250px;
}

.sc_item .title {
	clear:both;
	font-size: 1.1em;
	font-weight:bold;
	padding-bottom: 8px;
}

.sc_item img {
	clear: both;
}

/* Links */

.gLink a{
	color: #5F654D;
	text-decoration:underline;
}

.gLink a:hover{
	color: #2B3219;
}


/* Tone Table */

.grayHdr {
	background-color:#F5F5F5;
	border-top: 1px solid #666;
	color: #999;
	display: block;
	font-weight: bold;
	font-variant:small-caps;
	margin-bottom: 10px;
	padding: 2px;
}

/* */

.btHdr {
	background-color: #E8F1F5;
	color: #456777;
	display: block;
	font-variant:small-caps;
	font-weight: bold;
	padding: 2px;
}

.btDetails {
	background-color: #456777;
	color: #E8F1F5;
	margin-bottom: 10px;
	padding: 2px 2px 5px 0;
}

/* */

.grnHdr {
	background-color: #B2B7A5;
	color: #4B572E;
	display: block;
	font-variant:small-caps;
	font-weight: bold;
	padding: 2px;
}

.grnDetails {
	background-color: #4B572E;
	color: #B2B7A5;
	margin-bottom: 10px;
	padding: 2px 2px 5px 0;
}

/* */

.gtHdr {
	background-color: #CFD2C4;
	color: #5F654D;
	display: block;
	font-variant:small-caps;
	font-weight: bold;
	margin-top: 20px;
	padding: 2px;
}

.gtDetails {
	background-color: #5F654D;
	color: #CFD2C4;
	margin-bottom: 10px;
	padding: 2px 2px 5px 2px;
}

.gtBacktoTop {
	border-top: 1px solid #CFD2C4;
}

.gtBacktoTop a{
	color: #5F654D;
}

.gtBacktoTop a:hover{
	color: #333;
	text-decoration: none;	
}

/* */

.ptHdr {
	background-color: #E0CCCA;
	color: #7A5A64;
	display: block;
	font-variant:small-caps;
	font-weight: bold;
	padding: 2px;
}

.ptDetails {
	background-color: #7A5A64;
	color: #E0CCCA;
	margin-bottom: 10px;
	padding: 2px 2px 5px 0;
}

/*  Menu Formatting  */

#csstopmenu, #csstopmenu ul{
padding: 0 0 0 60px;
margin: 0;
list-style: none;
}

#csstopmenu li{
float: left;
position: relative;
}

#csstopmenu a{
text-decoration: none;
}

.mainitems{
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left-width: 0;
background-color: transparent;
}

.headerlinks a{
color: #6E6E6E;
margin: auto 8px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.headerlinks a:hover {
color: black;
}

.submenus{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #CCC;
border: 1px solid black;
}

.submenus li{
width: 100%;
}

.submenus li a{
border-top: 1px solid #333;
display: block;
width: 100%;

}

html>body .submenus li a{ /* non IE browsers */
width: auto;
}

.submenus li a:hover{
background-color: #F5F5F5;
color: black;
}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
}

html>body #clearmenu{ /* non IE browsers */
height: 3px;
}

.hdrmenu {
	background-color:#AAA;
	border-top: 1px solid #FFF;
	border-bottom: 2px solid #333;

}

/* */

.blueMain {
	background-color: #F5F5F5;
	border-bottom: 1px solid #456777;
	margin-top: 15px;
}

.blueSub {
	color: #456777;
	display: inline;
	font-weight: bold;
}

/* Contact Page */

.faded	{
	color:#808080;
}

input	{
	background-color:#F5F5F5;
	border-style:ridge;
	border-width:1px;	
	border-color:#F9F9F9;
}
textarea	{
	background-color:#F5F5F5;
	border-style:ridge;
	border-width:1px;	
	border-color:#F9F9F9;
	scrollbar-base-color:#E5E5E5;
	scrollbar-arrow-color:#666666;
}

submit {
	height: 20px;
}