/* ////////////////////////////////////////////////////////////////////////////
CSS Document - General Layout Styles
////////////////////////////////////////////////////////////////////////////
Michael Wisher and Associates Ltd
http://www.michaelwisher.co.uk 
////////////////////////////////////////////////////////////////////////////
Coded by Steven Wilson
Email: info@dominion79.co.uk
////////////////////////////////////////////////////////////////////////////*/

/*--------------------------------- HTML Tags ---------------------------------*/

body { text-align:center; margin:5px; font-family:Verdana, Arial, Helvetica, sans-serif; }

a, p, ul { font-size:11px; }

p { margin:5px; }

h1 { font-size:20px; color:#13007c; margin:5px; font-weight:normal; background:url(../images/header-tag.png) left center no-repeat; padding:7px 0 7px 45px;}

h2, h3 { font-size:20px; color: #3399CC; margin:5px; font-weight:normal; }

h3 { color:#066; }

p { color:#666; line-height:18px;  }

a { color:#39F; text-decoration:none;  }

a:hover { text-decoration:underline;  }

ul { list-style:url(../images/dot-blue.png); margin:5px; padding:0; }

li { margin:10px 0 10px 20px; color:#999; }

label, input, textarea { font-size:0.7em; display:block; margin:5px; color:#666; }

html>body label, html>body input, html>body textarea { font-size:0.9em; display:block; margin:5px; color:#666; }

input, textarea { border:3px double #ccc; width:320px; }

textarea { height:200px; }

/*--------------------------------- Classes ---------------------------------*/

.Clear { clear:both }

.White { color:#fff; }

.Submit { width:81px; border:0; float:right; margin: 10px 8px 0 0; }

html>body .Submit { margin:10px 17px 0 0; }

.BlueHighlight { font-size:0.8em; font-weight:bold; }

html>body .BlueHighlight { font-size:1.0em; }

/*--------------------------------- Profiles ---------------------------------*/

.Profiles { width:620px; display:block; float:left; margin:10px 5px 5px 5px; }

.Profiles img { width:150px; height:150px; float:left; margin:5px 10px 5px 0;  }

.Profiles h1 { background:none; color:#666; margin:5px; padding:0px;  }

.Profiles p { background:none; color:#666; margin:5px;  }

/*--------------------------------- Testimonials ---------------------------------*/

.Testimonials {  width:320px; display:inline; padding:5px; float:left; }

html>body .Testimonials {  width:300px; display:inline; padding:5px; float:left; }

.Testimonials p { margin:0 0 20px 0; }

.TestName { display:block; font-weight:bold; }

.Spacer { height:20px; }

/*--------------------------------- ID Tags ---------------------------------*/

#Container { width:968px; margin:0 auto; text-align:left; }

#DropShadowTile { width:968px; background:url(../images/tile-bg.png) repeat-y; }

#DropShadowFooter { width:968px; height:40px; background:url(../images/footer-bg.png) no-repeat; }

#Header { widows:958px; height:100px; background:url(../images/logo.png) 550px 10px no-repeat; }

#Navigation { width:930px; height:37px; background:url(../images/navbar.png) no-repeat; margin:0 14px 0 14px;}

#WhiteOut { width:930px; filter:alpha(opacity=90); background:#fff;  margin:10px 14px 10px 14px; -moz-opacity: 0.9; opacity: 0.9;}

/*--------------------------------- Two Coloum Layout ---------------------------------*/

html>body #images { width:270px; display:inline; padding:5px; float:left; }

html>body #ColOne { width:640px; display:inline; padding:5px; float:left; }

#images { width:280px; display:inline; padding:5px; float:left; z-index:10; position:relative; }

#images img { margin:5px 10px 5px 10px;}

#ColOne { width:650px; display:inline; padding:5px; float:left; }

#ColOne img { margin:5px 10px 10px 5px; float:left; width:150px; }

/*--------------------------------- Three Coloum Layout ---------------------------------*/

#ColTwoA { width:353px; display:inline; padding:5px; float:left; }

#ColTwoB { width:290px; display:inline; padding:5px; float:left; }

html>body #ColTwoA { width:350px; display:inline; padding:5px; float:left; }

html>body #ColTwoB { width:280px; display:inline; padding:5px; float:left; }

/*--------------------------------- Fancy somthing casual ---------------------------------*/

#fscasual { width:277px; height:140px; background: url(../images/fscasual.png) no-repeat; margin:5px; }

/*--------------------------------- PDF Downloads ---------------------------------*/

#PDFdownloads { width:277px; height:403px; background:url(../images/dpf-pan.png) no-repeat; margin:5px; }

#PDFdownloads ul { list-style-image:none;  display:block; margin:0; padding:0; }

#PDFdownloads li { background:url(../images/pdf-list.png) no-repeat center; list-style:none; padding:20px 0 20px 70px; margin:0 0 0 0; }

#PDFdownloads a { color:#000; font-size:10px; }

html>body #PDFdownloads a { color:#000; font-size:10px; }

#PDFdownloads h1 { font-size:18px; color:#666; font-weight:bold;  background:none; margin:20px 0 10px 20px; padding:0;}

html>body #PDFdownloads h1 { font-size:18px; color:#666;  font-weight:bold;  background:none; margin:0 0 0 20px; padding:20px 0 10px 0;}

#PDFdownloads hr { border:1px dashed #ccc; margin:5px 20px }

#PDFdownloads p { font-size:10px; margin:5px 20px; line-height:10px }

#PDFdownloads img { margin:5px 20px; border:0; }

/*--------------------------------- Two Cloum List ---------------------------------*/
#TwoCloumList { margin-top:10px;}

#TwoCloumList ul { width:600px; padding:0; margin:0; }

#TwoCloumList li { width:250px; display: block;  margin:5px; float:left; background:url(../images/dot-blue.png) no-repeat center left; padding-left:20px;  }

/*--------------------------------- Footer ---------------------------------*/

#Footer { width:930px; height:26px; background:url(../images/footerbar.png) no-repeat; margin:0 14px 0 14px;}

#Footer ul { width:930px; height:26px; list-style:none; margin:0; padding:6px 0 5px 0; color:#fff; }

#Footer li {  color:#fff; display:inline; background:url(../images/dot-white.png) left center no-repeat; padding-left:20px; margin-left:20px; }

/*--------------------------------- Admin Footer ---------------------------------*/

#Admin { width:930px; height:26px; margin:0 14px 0 14px;}

#Admin ul { width:930px; height:26px; list-style:none; margin:0; padding:6px 0 5px 0; color:#fff; }

#Admin li { display:inline; margin:0; padding:0; }

#Admin a { color:#ccc; }