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

/*--------------------------------------------*/
/*          STANDARD RESET                    */


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:bold;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*--------------------------------------------*/
/*          STANDARD HTML TAGS                */

body {
	background-color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	}
form, input {
	background-color:#fff;
	}

h1 {font-size:16px;padding:5px 2px 2px 0px;}

h2 {font-size:14px;padding:5px 2px 2px 0px;}

h3 {font-size:12px;padding:5px 2px 2px 0px;}

h4 {font-size:10px;padding:5px 2px 2px 0px;font-style:italic;}

a:active, a:link, a:visited {color:#8EC4DF; 	text-decoration:none; font-weight:bold;}
a:hover {color:#f02b2b;text-decoration:none;font-weight:bold;}

/*--------------------------------------------*/
/*             PAGE ELEMENTS                  */

.container{
	margin:0 auto;
	width: 950px;
	background-color:#fff;
}


            /*-----------TOP HEADER-----------*/
#top-header{
	height:130px;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}



            /*-------------NAV-------------*/
#nav{
	float:left;
	padding: 10px 0px 5px 5px;
	font-size:14px;
	text-decoration:none;
}


ul#menu li a:hover {
  color:#fff;
}


ul#menu li ul li a:hover {
  color:#fff;
}



            /*------CONTENT AREA-----------*/
#main-content{
	float:left;
	width:900px;
	height:500px;
	padding:15px;
	border-style:solid;
	border-width:medium;
	border-color:#6CF;
	display:block;
}

            /*------CONTACT FORM-----------*/
#contact-form{
	float:left;
	width:320px;
	padding: 10px 40px 0px 20px;
	text-align:left;
	background-color:#fff; 
	text-align:left;
}

            /*------CONTACT DETAILS-----------*/
#contact-details{
	width:500px;
	height:460px;
	float:left;
	padding: 50px 0px 0px 20px;
	text-align:left;
}


            /*---------FOOTER--------------*/
#footer{
	clear:both;
	color:#8EC4DF;
	font-size:9px;
	padding:5px 0px 15px 0px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:bottom;
}

            /*-----------BASE-----------*/
#base{
	height:87px;
}



/*--------------------------------------------*/
/*             DECORATIVE IMAGES              */
.contactimage{
	background-image:url(../images/contactimg.png);
	background-repeat:no-repeat;
	background-position:right;
	}


.aboutimage{
	background-image:url(../images/aboutimage.png);
	background-repeat:no-repeat;
	background-position:right;
}

.indeximage{
	background-image:url(../images/indeximage.png);
	background-repeat:no-repeat;
	background-position:right;
}


/*--------------------------------------------*/
/*             CUSTOM CLASSES                 */

.red{color:#F00;}
.left-align{float:left;}
.small-text{color:#3CF; font-size:9px;}
.textfield{background:#FFF; float:right; background-color:#fff}

.submit{
	background:#A9DEEB;
	border-color:#fff;
	border-style:solid;
	border-width:thin;
	font-weight:bold; 
	color:#333;
	padding:8px; 
	float:right; 
	clear:both
	}

/*menu stuff*/


ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 11em;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #fff;
  color: #8EC4DF;	
  padding: 0px 0px 0px 10px;
}

ul#menu li a:hover {
  background: #f02b2b;
}

ul#menu li ul li a {
  background: #fff;
  color: #999;
  padding-left: 5px;
}

ul#menu li ul li a:hover {
  background: #fff;
  border-left: 5px #fff solid;
  padding-left: 5px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }