@charset "UTF-8";
/* CSS Document */


/* COLOURS */

/*
red = #D2283D;
dark red = #4C101D 
body copy grey = #444444
*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; line-height:1.2em;}
abbr,acronym { border:0; }
img {margin:0;padding:0;border:none;}
html, input, textarea {font-size: 62.5%; color:#444444;font-family: Verdana, Geneva, Tahoma, sans-serif; letter-spacing:0.04em;line-height:2em;font-weight: 100;}



/* Site Wide Classes */

.imgleft {/* border:4px #2b2b2b solid; */ margin:6px 16px 10px 0;float:left;}
.imgright {/* border:4px #2b2b2b solid; */ margin:6px 0 10px 16px;float:right; display: inline}
.imgrighttop {/* border:4px #2b2b2b solid; */ margin:29px 0 10px 16px;float:right;}
.imgleft-border {border:1px #ccc solid; padding:3px; margin:6px 16px 25px 0;float:left;}
.imgright-border {border:1px #ccc solid; padding:3px; margin:6px 0 10px 16px;float:right;}
.imgrighttop-border {border:1px #ccc solid; padding:3px; margin:34px 0 10px 16px;float:right;}
.mainparagraph-image {margin:7px 0 14px 0;}
.imgleft-logos {/* border:4px #2b2b2b solid; */ margin:6px 16px 50px 0;float:left;}
.right {float:right;}
.left {float:left;}
.hidden {display:none;}
a:visited { /* color:#E2DED7; */ }
a {text-decoration: none;}
.italic {font-style:italic;}
.hide {	display:none;}
.bold {	font-weight:bold;}

a.weblink {background: url(../images/openweblink.jpg) no-repeat top right;padding:7px 20px 7px 0;
color: #444444;text-decoration: none;display:inline-block;}


* {margin:0;padding:0;} 
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */


html {background:;}
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}



body > #wrap {
width:970px;
margin:0 auto;
height: auto; 
min-height: 100%;
}



#main {width:970px;margin:0 auto;position:relative;padding:0 0 293px 0}  /* must be same height as the footer */
#logo { position: relative; top:80px; left:330px; background: url(../images/logo.gif) no-repeat; width:285px ; height: 222px;}
#address { text-align:center; position: relative; top:110px; left:330px;  width:285px ; height: 222px;}
#address li.details {font-size: 1.4em}


a.twitter {background: url(../images/socialnetworks/twitter.gif) left top no-repeat;padding-left: 25px;height:26px;
display: inline-block;margin-top: 15px;color: #000;}

a.facebook {background: url(../images/socialnetworks/fb.gif) left top no-repeat;padding-left: 25px;
height:26px;display: inline-block;margin-top: 3px;color: #000;}

a.nifty {background: url(../images/socialnetworks/niftynosh.gif) left top no-repeat;padding-left: 35px;
height:30px;display: inline-block;margin-top: 3px;color: #000;}









/*  FOOTER  */
	
#footer {
	margin:0 auto;
	position: relative;
	margin-top: -293px; /* negative value of footer height */
	height: 293px;
	clear:both;
	background: url(../images/footer-bg.gif) repeat;
	} 
	
#footercontent {
width:970px;
margin:0 auto;
position:relative;
height: 263px;
padding-top: 30px;
color: #EFEDED;
}