﻿/*------GLOBAL------*/

body { margin:10px auto; background:url(../images/layout/bg.jpg) repeat; font-family:verdana; font-size:11px; }
img { border:none; }
p, h1, h2, ul, li, a, td { font-size:12px; font-family:verdana; color:#333333; text-align:left; text-decoration:none; font-weight:normal; padding:5px 0 5px 0; margin:0; }
h1, h2 { font-family:tahoma; font-size:20px; color:#000080; }
h2 { font-size:16px; }
ul { padding:0; line-height:1; vertical-align:baseline; padding:10px 0 10px 15px; }
ul li { font-weight:bold; padding:6px 0 5px 15px; list-style:none; background:url(../images/layout/bullet.jpg) no-repeat left center; }
a { padding:0; color:#0066CC; font-weight:bold; }
a:hover { color:#000080; }
td { font-size:11px; padding:0 0 5px 0; }

/*------DIVS------*/

#outercontainer { width:850px; background:#FFFFFF; border:1px solid #CCCCCC; }
#innercontainer { width:834px; padding:0 8px 0 8px; }
#header { width:834px; height:107px; position:relative; }
#header #logo { width:288px; height:29px; position:absolute; left:13px; top:45px; background:url(../images/layout/logo.jpg) no-repeat; }
#header #logo h1 { margin: -30px 0 0 0;}
#header #contact { width:161px; height:48px; position:absolute; left:647px; top:29px; }
#flash { width:830px; height:207px; padding:1px; border:1px solid #CCCCCC; }
#middle { width:834px; padding:15px 0 15px 0; }
#leftside { width:230px; border-right:#000080 1px solid; padding:0 5px 0 0; float:left; }
#content { width:588px; padding:0 0 0 10px; float:left; }
#formcontainer { width:350px; padding:10px 50px 0 0; float:right; position:relative; display:block; }
#footer { width:834px; height:30px; margin:0 auto; padding:10px 0 10px 0; }
#footer a { font-size:11px; }

/*------NAVIGATION------*/

#nav { width:230px; }
#nav ul { padding:0; }
#nav ul li { padding:0; background:none; }
#nav a { padding:0 0 20px 0; display:block; }
#nav a:hover { padding:0 0 20px 2px; }

/*------BOXES------*/

.box { width:230px; }
.box h2 { font-size:18px; color:#000080; }
#contactdetails p { color:#000000; padding:0 0 8px 0; }
#whychoose p { font-size:11px; color:#000000; padding:0 0 5px 0; }

/*------CLASSES------*/

.padding { padding:5px 0 5px 0; }
.floatleft { float:left; }
.floatright { float:right; }
.clearboth { clear:both; }
.pageseperator { width:834px; height:10px; background:#000080; }
.border { border:1px solid #CCCCCC; padding:1px; }