/*
	westguard.co.uk
	File:	public.css
	Note:	Loaded by all pages
*/

/* Global Styles */
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: bottom; }
body { font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; font-variant: normal; text-decoration: none; color: black; background: white; margin: 0px; padding: 0px; }
table { border-collapse: separate; }
a { font-weight: bold; color: #880000; }
p ul li { margin-left: 20px; }
li { list-style-type: square; line-height: 1.3em; }
h1 { font-weight: normal; font-size: 2.5em; color: #222222; margin: 0px 0px 10px 0px; }
h2 { font-weight: normal; font-size: 1.2em; color: #888888; margin: 0px 0px 15px 0px; }
h3 { font-size: 1.2em; color: #222222; margin: 0px 0px 10px 0px; }
h4 { font-size: 0.8em; color: #222222; font-weight: bold; }

/* Formatting classes - Do not change */
.dN { display: none !important; }
.dNN { display: none; }
.cB { clear: both !important; }
.fL { float: left !important; }
.fR { float: right !important; }
.dI { display: inline !important; }
.tAC { text-align: center !important; }
.cR { color: #aa0000 !important; }
.mT2 { margin-top: 2px !important; }
.mB5 { margin-bottom: 5px !important; }
.pB5 { padding-bottom: 5px !important; }
.w200 { width: 200px }							/* Used to fix width of website design preview */
.pL10 { padding-left: 10px !important; }
.column50percent { float: left; width: 50%; }
.debug { border: 1px solid #880000; padding: 5px 10px 5px 10px; font-size: 0.7em; color: #880000; font-family: "Courier New", Courier, monospace; }

#header { background-color: #4e457c; height: 80px; }
#headerInner { width: 800px; margin: 0px auto 0px auto; padding: 30px 0px 0px 15px; }

#nav { width: 800px; height: 25px; margin: 0px auto 0px auto; }
#navLeft { float: left; }
#navRight { float: right; padding: 1px 0px 0px 0px; }
#navRight li { display: inline; margin: 0px 0px 0px 20px; font-size: 0.9em; }
#navRight li a { color: #444444; text-decoration: none; font-weight: normal; }

#content { width: 800px; margin: 20px auto 20px auto; }

#col1 { float: left; width: 190px; padding: 5px 10px 5px 0px; border-right: 1px solid #aaaaaa; }
#col2 { float: left; width: 375px; padding: 5px 10px 5px 10px; font-size: 0.9em; line-height: 1.4em; }
#col2 p { margin-bottom: 15px; }
#col3 { float: right; width: 190px; padding: 5px 0px 5px 10px; border-left: 1px solid #aaaaaa; }

.colLeft { float: left; width: 380px; padding: 0px 10px 10px 0px; }
.colLeft p { font-size: 0.9em; color: #666666; margin-bottom: 5px; }
.colRight { float: right; width: 380px; padding: 0px 10px 10px 0px; }
.colRight p { font-size: 0.9em; color: #666666; margin-bottom: 5px; }

.portfolioHome li { list-style-type: none; }
.portfolioHome img { margin-bottom: 5px; }
.portfolioHome p { font-size: 0.7em; color: #222222; }
.portfolioHome a { font-size: 0.7em; clear: both; }

.portfolioWrapper { margin: 0px 0px 20px 0px; }
.portfolioLeft { float: left; width: 190px; margin: 0px 5px 0px 0px; }
.portfolioRight { float: left; width: 320px; }
.portfolioRight h4 { font-size: 0.9em !important; }
.portfolioRight p { font-size: 0.9em; }
.portfolioRight a { font-size: 0.8em; }

.portfolioSpacer { padding: 20px 0px 0px 0px; }
.portfolioCurrent { float: left; width: 550px; border-right: 1px solid #aaaaaa; }
.portfolioPast { float: right; width: 240px; }
.portfolioPast h4 { font-size: 0.9em !important; }
.portfolioPast li { margin-left: 15px; font-size: 0.8em; color: #444444; }

#footer { width: 800px; margin: 0px auto 0px auto; padding: 10px 0px 0px 0px; }
#footerLegal { text-align: center; font-size: 0.7em; margin: 0px 0px 10px 0px; padding: 5px 0px 0px 0px; border-top: 1px solid #444444; }
#footerIcons { text-align: center; font-size: 0.7em; margin: 0px 0px 10px 0px; }