/* 
db Solutions Style Sheet
Developed by Chris James for db solutions 2006
*/



/* TEXT FORMATTING */

/* Headers */
h1, h2, h3, h4, h5, h6
{
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#838C9F;
	margin:20px 0px 10px 0px;
}
h1
{
	font-size:165%;
	margin-top:10px;
}
h2
{
	font-size:140%;
	clear:left;
}
h1.date
{
	margin-bottom:0px;
	padding-bottom:5px;
	width:auto !important;
}
h2.date
{
	font-size:100%;
	padding:0px 0px 0px 0px;
	margin:0px;
}
h3{font-size:120%;}
#mainalt h4
{
	
	font-size:150%;
	margin:10px 0px 5px 5px;
}
#mainalt h5
{
	width:223px;
	margin:10px 5px 0px 5px;
	line-height:1.5em;
	border-bottom:1px solid #838C9F;
	padding-bottom:10px;
	margin-bottom:5px;
}
#mainalt h6{margin:0px 10px 0px 5px; font-size:100%; padding-bottom:10px;}

/* Paragraphs */
p
{
	color:#8B94A5;
	margin:20px 0px 5px 0px;
	font-size:105%;
	line-height:1.3em;
}
#mainalt p
{
	margin:5px 0px 10px 5px;
	font-size:90%;
}
p.quote
{
	font-style:italic;
	margin:0;
	padding:2px;
	font-size:120% !important;
	width:94%;
}
p.quotefrom
{
	color:Black;
	text-align:right;
	padding:0px 10px 30px 0px;
}
p.tick
{
	background:url('../images/persistent/tick.gif') no-repeat center left;
	padding-left:25px;
	margin:25px 0px 10px 0px;
	font-size:120%;
	color: #8B94A5;
}
.code
{
	font-family:Courier, Arial;
	color:Green;
}
hr
{
	border:1px solid ##FFFFFF;
	border-width:1px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	padding:0;
}
pre
{
	color:Green;
	font-size:100%;
}

/*Lists*/
li{color:#838C9F; list-style:square; font-size:105%; margin:5px 0px 5px 0px;}
#mainalt ul{margin-left:25px; padding:0px;}

/* Defition lists with preview image*/
dl
{
	padding:0;
	float:left;
	display:inline;
	margin:10px 0px 10px 0px;
	width:100%;
}
dt
{
	margin:0;
	padding:0px;
	font-size:130%;
	letter-spacing:1px;
	color:#627081;
	float:right;
	width:364px;
}
dd
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 118px;
	font-size:90%;
	line-height:1.5em;
	color:#666;
}
dd a, dd a:link{float:right; color:#264D9A;}
dd a:hover
{
	background-color:#264D9A; 
	color:White;
}
dd.img img
{
	float:left;
	padding:4px !important;
	border:1px solid #D9E0E6;
	border-bottom-color:#c8cdd2;
	border-right-color:#c8cdd2;
	margin:0px 8px 0px 0px;
}
dd.img{padding-left:0px;}
/* adding alt class allows it to go to the right */
.alt dt{float:left;}
.alt dd.img img
{
	float:right;
	margin:0 0 0 8px;
}
.alt dd a{float:left;}
.alt dd a:hover{background-color:#264D9A; color:White;}

/* a */
a, a:link
{
	color:#9E8B82;
}
a:visited
{
	color:#551A8B;
}
a:hover{background-color:#9e8b82; color:White; text-decoration:none;}
#footer a:hover, #accesslinks a:hover{background-color:Transparent;}

/* images */
.rightimg, .leftimg
{
	width:200px;
	padding:2px;
	border:1px solid #CBD2F1;
}
.rightimg
{
	float:right;
	margin:4px 0px 4px 4px;
}
.leftimg
{
	float:left;
	margin:12px 8px 4px 0px;
}
.rightimg p, #leftimg p
{
	font-size:90%;
	margin:2px;
}
#mainalt img{margin:5px 0px 0px 5px;}
#menu img{border:0px;}
.compliancelogo{border:0; margin:0px 10px 0px 0px;}

/*abbreviations*/
abbr{padding-bottom:1px; border-bottom:1px dotted #8B94A5;}
abbr:hover{background-color:#EAEEF5;}
a abbr:hover{background-color:Transparent;}
.dottedline{padding-bottom:1px; border-bottom:1px dotted #8B94A5;}

/* Affiliates */
#affiliates a
{
	display:block;
	text-align:center;
	padding:15px 0px 15px 0px;
	background-color:White;
}
#affiliates a:hover{background-color:white;}
#affiliates a img{border:0px;}

/* FORMS */
.formcont{background:url('../images/persistent/formbg.jpg') bottom repeat-x;}
fieldset
{
	border:0px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 5px 0px;
}
fieldset legend
{
	font-family:"Trebuchet MS", Arial;
	font-size:110%;
	font-weight:bold;
	color:#264D9A;
	margin:5px 0px 10px 0px;
}
fieldset br{clear:left;}
fieldset label, fieldset input, fieldset select, fieldset textarea
{
	float:left;
	width:30%;
	margin:3px 0px 3px 10px;
}
textarea{font-family:Arial;}
fieldset select{width:auto !important;}
fieldset textarea{width:50% !important;}
.button
{
	background-color:#677A9F;
	color:White;
	font-weight:bold;
	border-color:#8D9CB7;
	width:auto;
	font-family:"Trebuchet MS", Arial;
}
.error
{
	float:left;
	clear:left;
	font-weight:bold;
	width:70%;
	margin:3px 0px 5px 10px;
	color:Red;
}

/* Faults layout */
.fault
{
	background:#CBD2F1;
	margin:10px 0px 20px 0px;
	padding:5px;
	float:left;
}
.fixed
{
	background-color:#EFE1CB;
}
.fault h2
{
	font-size:130%;
	color:Black;
	margin:0;
	float:left;
	width:70%;
	
}
.fault h3
{
	font-size:120%;
	float:right;
	clear:both;
	width:30%;
	margin:0;
}
.fault h4, .fault p
{
	float:left;
	clear:left;
	margin:0;
	width:100%;
}

label.small
{
	width:50px;
	clear:none;
	margin:10px 0px 0px 10px;
	font-size:90%;
}
input.small
{
	width:70px;
	clear:none;
	margin:10px 0px 0px 10px;
}

/* LAYOUT */

/* Main content */
#printheader{display:none;}
#smallmain, #mainalt{float:left;}
#smallmain
{
	margin 0px;
	width:480px;
	padding-right:27px;
}
#mainalt
{
	width:243px;
	background-color:#F3F3F3;
}

/*Footer style*/
#footer
{
	text-align:center;
	padding:3px 0px 3px 0px;
	background-color:#CBD2F1;
	margin:5px 0px;
	position:relative;
}
#footer a{color:Black !important;}
#footer a:hover{text-decoration:underline !important;}

/*Top menu area, with images*/
#menu img{float:left; margin:0px; padding:0px;}

/*Blocky menu bits*/
#menu ul.minorlinks, #menu ul.minorlinks li{float:right;}
#menu ul.minorlinks{width:410px;}
#menu ul{margin:0px 0px 5px 0px;}
#menu li{list-style:none;}
.logo{margin-top:7px;}
#menu ul.minorlinks a, #menu ul.minorlinks a:visited, #menu ul.minorlinks a:link
{
	display:block;
	width:90px;
	border:0px;
	margin:0px 0px 0px 12px;
	font-family:"Trebuchet MS", Arial;
	text-decoration:none;
	font-size:150%;
	text-align:center;
	font-weight:bold;
	padding:60px 0px 5px 0px;
	color:White;
}
#menu .home{background-color:#677A9F;}
#menu .about{background-color:#838C9F;}
#menu .mysolutions{background-color:#91969F;}
#menu .portfolio{background-color:#6D7686;}
#menu .careers{background-color:#8C2332;}
#menu ul.minorlinks a:hover{background-color:#C9D2E6; padding-top:50px; margin-top:10px;}

/*Main links*/
#menu ul.mainlinks li
{
	float:left;
	width:233px;
	margin-top:10px;
	list-style:none;
}
html>body #menu ul.mainlinks li{width:243px; margin-bottom:0px;}
ul.mainlinks
{
	margin:0px;
	padding:0px;
	float:left;
}
ul.mainlinks .bespoke{background-color:#8D9CB7; margin-right:10px;}
ul.mainlinks .webdev{background-color:#8D9CB7; margin-right:11px;}
ul.mainlinks .contact{background-color:#677A9F;}

ul.mainlinks h1, ul.mainlinks h6, ul.mainlinks a, ul.mainlinks a:visited
{
	color:White;
	font-family:"Trebuchet MS", Arial;
	float:left;
	display:block;
	width:100%;
	text-decoration:none;
	margin:0px;
}
ul.mainlinks a:hover{background-color:transparent;}
ul.mainlinks h1, ul.mainlinks h6
{
	font-size:140%;
	font-weight:bold;
	margin-top:5px;
	padding-left:10px;
}
ul.mainlinks h6{font-size:20px !important;} /*we dont want this to increase in size*/
.shiftright
{
	text-align:right;
	margin-right:5px;
	margin-top:-2px;
}
ul.mainlinks li:hover{background-color:#C9D2E6;}

/*Access links*/
#accesslinks{padding-bottom:10px;color:#908979;}
#accesslinks a, #accesslinks a:link, #accesslinks a:visited, #footer a, #footer a:link, #footer a:visited
{
	font-weight:bold;
	color:#908979;
	text-decoration:none;
	font-size:90%;
}
#accesslinks a:hover{text-decoration:underline;}
#accesslinks .skiplinks{float:left;}
#accesslinks .usefullinks{float:right;}

/* Table */
table
{
	width:100%;
	border-collapse:collapse;
}
th
{
	text-align:center;
	padding:5px;
	font-size:120%;
}
th, td
{
	padding:5px;
	border-bottom:1ox solid #b5b5b5;
	font-size:110%;
}
.alt
{
	background-color:#C9D2E6;
}

/* General*/
body 
{
	font-size:smaller;
	text-align:center;
	margin:20px 0px;
	font-family:Arial, Sans-Serif;
}
#container
{
	margin:0px auto;
	text-align:left;
	width:750px;
	overflow:hidden;
	background-color:#FFFFFF;
	color:#8B94A5;
}
#accesslinks, #content, #footer, #menu{float:left;width:100%;}
#content{margin-top:-37px;}
html>body #content{margin-top:10px;}
#footer{clear:both;}

/*The hover image enlargments*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}