@charset "utf-8";
/* CSS Document */
/******************************************************************************/
/*general declarations for the whole site */
/******************************************************************************/
* {margin:0;padding:0;text-decoration:none; font-family:Arial, Helvetica, sans-serif;  font-size:small;}

/******************************************************************************/
/*general font style treatment*/
/******************************************************************************/
h1 {font-size:12px; margin:0; color:#666666; margin-left:0px;}
h2 {font-family: 'Raleway', arial, serif; font-size:40px; margin:20px 0 0 20px; color:#43abe0; font-weight:lighter;}
h3 {font-size:28px; font-weight:bold;}
h4 {font-family: 'Raleway', arial, serif; font-size:20px; margin:20px 0 0 20px; color:#43abe0; font-weight:lighter;}p {font-size:12px; color:#666666;margin:20px 0 0 20px;}
ul{padding:7px 0 0 60px; font-size:small;}
ul li{display:inline; padding:7px; }
a {color:#888;}
a:hover {color:#008aff;}
a:focus {outline:none;}
.gallery {color:#333;}
.gallery:hover {color:#008aff;}


.hometitlelink {font-family: 'Raleway', arial, serif; font-size:50px;  color:#666666;}
.hometitlelink:hover {color:#43abe0;}




/******************************************************************************/
/*boxes on the page*/
/******************************************************************************/


body {background-color:#ffffff; text-align:center; overflow-y:scroll;}
#centrepage {margin:0em; width:100%; height:100%;}
#holder {width:1000px; background-color:#ffffff; margin: 0 auto 0 auto; text-align: left;}
#outerborder {width:1000px; border:#fff thin solid; float:left;}

#header {width:1000px; height:50px; float:left;}
#leftheadblock { width:500px; height:40px; margin:20px 20px 20px 69px; float:left; text-align:left;}
#rightheadblock { width:300px; height:160px; margin:20px; float:right; text-align:right;}
#topmenu {width:1000px; height:34px; float:left; text-align:left; margin:0; padding:0; border:thin solid #ddd; border-bottom:none;}
#container {width:900px; height:auto; float:left; border:thin solid #ddd; padding: 50px 50px 20px 50px;}
#panelleft {width:600px; height:auto; float:left; }
#maincontent {width:900px; height:auto; margin:20px 0 0 0px; float:left; text-align:center; min-height:400px;}
#panelright {width:300px; height:500px; float:right; }
#bottomlinks {background-color:#000066;width:1000px; height:25px; float:left; text-align:center;}
#footer {width:1000px; height:60px; float:left; padding:5px 0 5px 0px; text-align:center;}
#company {background-color:#00CCFF; width:300px; height:50px; float:right;}

#footerleft {width:450px; float:left; text-align:left; margin:0 0 0 60px;}
#footerright { width:450px; float:right; text-align:right; margin:0 16px 0 0;}

#maincontent img { border: solid thin #666;}
.picturebox {margin: 0 0 50px 0; width:800px; height:auto;}

.linkblock { padding-top:30px;}
#panelleft img {margin-left:6px;}

#contactPage #panelleft {width:450px; height:auto; float:left; }


/******************************************************************************/
/*contact*/
/******************************************************************************/

.fixedwidth {width:200px; display:block; margin:20px 0 7px 10px;}
.boxwidth {width:270px; margin:0 0 0 10px;}
.submit {margin:10px 0 0 10px;}
.formError {color:#F00; margin:20px 10px -10px 10px;}
#contactPage #rightpanel li {color:#F00; margin:10px 10px 10px 30px; list-style:square;}
#contact_form {margin:10px;}

/******************************************************************************/
/*picture boxes*/
/******************************************************************************/

.thumbbox { width:252px; float:left; height:250px; text-align:center;margin:0 20px 0 20px;}
.imgbox a { border: 2px solid #ddd; width:252px; height:177px; display:block;}
.imgbox a:hover { border: 2px solid #008aff;}
.titlebox { width:250px; text-align:center; float:left; margin-top:10px; color:#555; font-size:small;}


.pplthumbbox { width:202px; float:left; height:320px; text-align:center;margin:0 10px 0 10px;}
.pplimgbox a { border: 2px solid #ddd; width:202px; height:252px; display:block;}
.pplimgbox a:hover { border: 2px solid #008aff;}
.ppltitlebox { width:202px; text-align:center; float:left; margin-top:10px; color:#555;}




