@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:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	}
form, input {
	background-color:#111;
	}

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:link, a:visited {color:#999; 	text-decoration:none; font-weight:bold;}
a:hover {color:#666;text-decoration:none;font-weight:bold;}

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

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


            /*-----------TOP HEADER-----------*/
#top-header{
	height:115px;
	background-image:url(../images/top.png);
	background-repeat:no-repeat;
	background-position:left;
}



            /*-------------NAV-------------*/
#nav{
	float:left;
	width:160px;
	height:400px;
	padding: 10px 0px 0px 15px;
	overflow:hidden;
	font-size:14px;
	text-decoration:none;
	line-height:20px;
}


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


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



            /*------CONTENT AREA-----------*/
#main-content{
	float:left;
	width:700px;
	padding: 10px 0px 0px 20px;
}

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

            /*------CONTACT DETAILS-----------*/
#contact-details{
	width:200px;
	height:300px;
	float:left;
	padding: 10px 0px 0px 20px;
	text-align:left;
	background-image:url(../images/contact_details_bg.png);
	background-repeat:repeat-y;
}


            /*---------FOOTER--------------*/
#footer{
	clear:both;
	color:#333;
	font-size:9px;
	padding:85px 0px 15px 0px;
	text-align:center;
	background-image:url(../images/base.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

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



/*--------------------------------------------*/
/*             DECORATIVE IMAGES              */



/*--------------------------------------------*/
/*             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:#666; font-weight:bold; color:#000; border:none; padding:2px; 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: #111;
  color: #999;	
  padding: 0.5em;
}

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

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

ul#menu li ul li a:hover {
  background: #111;
  border-left: 5px #111 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; }