html, body { background-color: #ccc; }

h1 { color: #024ea3; font-weight: normal; }
h2 { color: #024ea3; font-weight: normal; margin-top: 0.5em; margin-bottom: 0.5em; }
h3 { color: #024ea3; font-weight: normal; }
p { color: #000; font-weight: normal; margin-bottom: 0.5em; }
a { color: #fff; font-weight: normal; }
table td { font-size: 0.8em; }

/* wrap */

#wrapshadow { width: 920px; min-height: 250px; margin: 25px auto; background-image: url(/templates/common/images/shadow_side.jpg); background-repeat: repeat-y; }
#shadowtop { float: left; width: 920px; height: 10px; background-image: url(/templates/common/images/shadow_top.jpg); }
#shadowbottom { float: left; width: 920px; height: 10px; background-image: url(/templates/common/images/shadow_bottom.jpg); }

#wrap { width: 900px; min-height: 250px; margin: 0px auto; }

/* header */

#logo { float: left; width: 150px; height: 100px; }
#logo img { margin: 10px; }
#header { float: right; width: 750px; height: 75px; text-align: right; }

/* content */

#content { float: left; width: 900px; min-height: 250px; background-color: #fff; }

/* sidebar and menus */

#sidebar { float: left; width: 150px; height: 600px; background-color: #fff; margin-top: 25px; }

#sidemenu {	float: left; }
#sidemenu ul { float: left; list-style-type: none; width: 130px; margin: 0 10px; }
#sidemenu li { float: left; background-image: url(/templates/common/images/sidemenu_bg.jpg); background-repeat: repeat-x; width: 128px; margin-bottom: 5px; height: 20px; border: 1px solid #aaa; }
#sidemenu li a { font-size: 0.85em; color: #fff; width: 123px; height: 18px; text-decoration: none; display: block; padding: 2px 0 0 5px; }
#sidemenu li a:hover { background-color: #294e77; }

#servicemenu { float: left; }
#servicemenu ul { float: left; list-style-type: none; width: 130px; margin: 10px; }
#servicemenu li { float: left; background-image: url(/templates/common/images/servicemenu_bg.jpg); background-repeat: repeat-x; width: 128px; margin-bottom: 5px; height: 20px; border: 1px solid #aaa; }
#servicemenu li a { font-size: 0.85em; color: #fff; width: 100%; height: 18px; text-decoration: none; display: block; padding-top: 2px; }
#servicemenu li a:hover { background-color: #3d6999; }

#sideimage { float: left; width: 150px; margin-top: 10px; }

#topmenu { float: left; width: 750px; height: 20px; }

/* banner images */

#bannerimages { float: left; width: 750px; height: 200px; background-color: #fff; }
.bannerhome { float: left; width: 750px; height: 200px; }
.bannerleft { float: left; width: 300px; height: 200px; }
.bannerright { float: right; width: 450px; height: 200px; }

/* curve box */

.curvebox { float: left; width: 335px; margin: 20px 20px 0; text-align: left; }
.curvetop { float: left; width: 335px; height: 10px; background-image: url(/templates/common/images/curvebox_top.jpg); }
.curveside { float: left; width: 315px; min-height: 100px; background-image: url(/templates/common/images/curvebox_side.jpg); background-repeat: repeat-y; padding: 0 10px; }
.curvebottom { float: left; width: 335px; height: 10px; background-image: url(/templates/common/images/curvebox_bottom.jpg); }

.curveimg { float: left; margin: 5px 5px 6px 5px; }

.curveside h3 { font-size: 0.9em; font-weight: bold; margin: 0 0 5px 3px; }
.curveside p { float: left; font-size: 0.65em; width: 175px; margin: 0; }
.curveside p.curvetitle { float: left; font-size: 0.9em; color: #024ea3; width: 100%; height: 25px; font-weight: bold; margin: 0 0 0 4px; padding: 0; }
.curveside ul { float: right; width: 175px; margin: 5px; }
.curveside ul li { font-size: 0.65em; width: 160px; margin-left: 15px; list-style-type: disc; }

.curvebutton { float: left; width: 100%; height: 20px; border-top: 1px solid #eee; padding-top: 5px; }
.curvebutton a img { float: right; background-image: url(/templates/common/images/button.gif); width: 75px; height: 20px; margin: 0; border: none; }

/* contact box */

#contactbox { float: left; width: 313px; min-height: 175px; margin: 20px; padding: 10px; text-align: left; border: 1px solid #ccc; }
#contactbox h3 { font-size: 0.9em; font-weight: bold; margin: 0 0 5px 3px; }

.inputcontainer { float: left; width: 313px; min-height: 25px; margin-bottom: 5px; }
.inputenquiry { float: left; width: 313px; }
.inputtitle { float: left; width: 60px; font-size: 0.75em; color: #024ea3; margin-left: 5px; }
label.inputtitle { line-height:1.3em; padding:0.3em 0; white-space:normal; }
input.contact {  width: 225px; height: 15px; border: 1px solid #024ea3; color:#000; font-size: 0.7em; margin: 5px 5px 5px 10px; }
textarea.entertext { width: 225px; margin: 5px 5px 5px 10px; border: 1px solid #024ea3; font-size: 0.7em; }
textarea.entertext p { font-size: 0.75em; }
.submitbutton { float: left; width: 100%; height: 20px; border-top: 1px solid #eee; padding-top: 5px; }
.submitbutton input { float: right; background-image: url(/templates/common/images/button.gif); width: 75px; height: 20px; margin: 0; border: none; }
p.message { font-size: 70%; padding-top: 0px; margin-left: 75px;}
/* text areas */

#textarea { float: left; width: 750px; min-height: 150px; text-align: left; }
.textleft { float: left; width: 335px; min-height: 100px; padding: 20px; }
.textleft img { margin: 1em 0 0.5em; }

.textright { float: right; width: 375px; min-height: 100px; padding: 20px 0px;}

/* footer */

#footer { float: left; width: 900px; height: 20px; background-image: url(/templates/common/images/sidemenu_bg.jpg); background-repeat: repeat-x; }

ul#companydetails { float: left; list-style-type: none; height: 20px; } 
ul#companydetails li { float: left; margin-left: 1em; height: 18px; padding-top: 2px; }
ul#companydetails li p { font-size: 0.85em; color: #fff; padding: 0; }
ul#companydetails li a { font-size: 1em; color: #fff; }
ul#companydetails li a:hover { color: #000; }

ul#terms { float: right; list-style-type: none; height: 20px; }
ul#terms li { float: right; margin-right: 1em; height: 18px; padding-top: 2px; }
ul#terms li p { font-size: 0.9em; color: #fff; padding: 0; }
ul#terms li a { font-size: 0.9em; color: #fff; }
ul#terms li a:hover { color: #000; }

#textarea ul { margin-top: 10px; margin-left: 20px; }
#textarea ul li { list-style-type: square; }
#textarea .curvebox ul { margin-left: 0px; }

/* other classes */

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.deepred { color: #a11232; }
.length { font-size: 0.75em; }

ul#stafflist li { list-style-type: none; }