/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::


::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 


/*.......................................................................
	Reset styles
...................................................................... */
 
body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
ol, ul {margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
acronym, abbr, fieldset, img { border: 0;}
:focus { outline: 0; }


/*.......................................................................
	Standard styles
...................................................................... */

body { 
	background: #fff url("./images/bg.jpg") 50% top repeat-x;
}

.clear {
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
}

a {
	text-decoration: none;
	font-size: 10px;
	font-family: Helvetica, Sans-Serif;
	line-height: 20px;
	color: #93420c;
}
		
h1 {
	font-family: Helvetica, Sans-Serif;
	font-size: 20px;
	font-weight: bold;
	color: #666699;
	margin-bottom: 10px;
	margin-top: 12px;
}

h2 {
	font-family: Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	color: #666699;
	letter-spacing: 0.5px;
	padding-bottom: 2px;
}

h3 {
	font-family: Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	letter-spacing: 0.5px;
	padding-bottom: 2px;	
	margin-top: 6px;
	}

h4 {
	font-family: Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	color: #93420c;
	letter-spacing: 0.5px;
	padding-bottom: 10px;
}

p {
	font-family: Helvetica, Sans-Serif;
	font-size: 12px;
	color: #555;
	margin-bottom: 15px;
	line-height: 16px;
}

table { 
	border-color: #666; 
	border-style: dotted;
}

td {
	padding: 15px 15px 15px 30px;
}

ul {
	margin-left: 15px;
	list-style-type: disc;
	color: #666699;
}

/*.......................................................................
	Layout
...................................................................... */

#page_wrap {
	margin: 0 auto;
	width: 800px;
	clear: both;
}

#home #page_wrap {
	background: #fff url(./images/main_content_bg.png) -27px 22px no-repeat;
}

#header {
	margin: 0 auto;
	width: 800px;
	height: 93px;
}

#logo {
	width: 170px;
	margin: 13px 0 27px;
	float: left;
	display: inline;
}


#header_images {
	float: right;
	display: inline;
}

#header_images img {
	border-left: 2px solid #fff;
	padding: 0;
	margin: 0;
	display: inline;
	float: left;
}


#log_in {
	width: 180px;
	border-left: 3px solid #fff;
	float: right;
	display: inline;
}

#main_content_image {
	float: left;
	display: inline;
	margin: 0 10px 10px 0;
}

#main_content, #main_content_home {
	width: 410px;
	float: left;
	display: inline;
	margin-left: 30px;
	padding: 25px 10px 0 0;
	background-image: url("./images/divider.png");
	background-repeat: repeat-y;
	background-position: right 8px; 
}

#main_content_home {
	width: 430px;
	margin-left: 10px;
}

#main_content_home p { 
	width: 270px;
	float: right;
	display: inline;
}

#right_column {
	width: 150px;
	float: right;
	display: inline;
	padding: 30px 10px 10px;
}
	
	#right_column p {
		color: #000;
	}
	
	#right_column p a {
		padding-bottom: 10px;
		font-size: 12px;
		text-decoration: 1px dotted #666;
		line-height: 16px;
		color: #999;
		font-style: italic;
		
	}

	#right_column_home p a {
		padding-bottom: 10px;
		font-size: 12px;
		text-decoration: none;
		color: #93420c;
		font-style: italic;
		font-weight: bold;
		
	}
	
		#right_column p a:hover {
			color:#666;
		}

	#right_column_home li a {
		font-size: 11px;
		font-family: Helvetica, Sans-Serif;
		color: #93420c;
		text-decoration: none;
		padding-bottom: 20px;
	
		
		
	}
	
		#right_column li a:hover {
			color: #666699;
			border-bottom: 0px;
		}
		
		.rightname, #right_column p.rightname {
		    font-size: 11px;
			color: #cc9966;
			font-style: italic;
			border-bottom: 0px;
			margin-top: 6px;
			
					}
		
		.leftname {
		    font-size: 11px;
		    line-height: 13px;
			color: #cc9966;
			font-style: italic;
			border-bottom: 0px;
			margin-top: 2px;
		}

	#right_column .quote {
			font-size: 12px;
			font-weight: bold;
			color: #666699;
			line-height: 14px;
			margin-top: 50px;
	}
	
	#right_column .name {
			font-size: 10px;
			font-style: italic;
			color: #cc9966;
	}

#quote {
	width: 300px;
	float: right;
	display: inline;
	margin: 15px 30px;
}

	#quote .quote {
		width: 300px;
		font-size: 16px;
		font-weight: bold;
		color: #000;
		line-height: 18px;
	}

	#quote .name {
		width: 170px;
		font-size: 14px;
		font-style: italic;
		color: #cc9966;
		padding-left: 130px;
		line-height: 14px;
		margin-bottom: 0px;
	}
	
#footer {
	width: 770px;
	border-top: 1px solid #999;
	margin-top: 35px; 
}

	#footer p {
		font-family: Helvetica, Sans-Serif;
		font-size: 8px;
		color: #999;
		margin: 5px 0;
	}
/*....................................................................... 
	Nav
...................................................................... */

#main_nav {
	width: 160px;
	float: left;
	display: inline;
	margin: 25px 0 0 10px;
}

	#main_nav a {
		text-decoration: none;
		font-size: 10px;
		font-family: Helvetica, Sans-Serif;
		line-height: 20px;
		color: #666699;
		border-bottom: 1px dotted #999;
		}
		
		#main_nav a:hover {
			font-weight: bold;
		}
		
ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}

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

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

ul#menu li a {
  color: #666699;	
  padding-top: 1px;
  text-transform: uppercase;
}

ul#menu li a:hover {
  font-weight: bold;
  background-image: url("./images/arrow.png");
  background-position: right;
  background-repeat: no-repeat;
}

ul#menu li.active a:hover {
  background-image: none;
}

ul#menu li.active li a:hover {
  background-image: url("./images/arrow.png");
}

#menu .active {
  font-weight: bold;
  background-image: url("./images/arrow.png");
  background-position: right 4px;
  background-repeat: no-repeat;
} 

#menu .active li {
  font-weight: normal;
}

ul#menu li ul li a {
  color: #cc9966;
  padding: 1px 0 0 20px;
  border-bottom: none;
  text-transform: none;
}

ul#menu li ul li a:hover {
  font-weight: bold;
  border-bottom: none;
}

ul#menu li ul li ul li a {
  color: #cc9966;
  padding-left: 40px;
  border-bottom: none;
}

ul#menu li ul li ul li a:hover {
  font-weight: bold;
  border-bottom: none;
}

ul#menu li ul {
  display: none;
}




.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; }
		

/*....................................................................... 
	Photo page
...................................................................... */

#main_content_photo {
	width: 400px;
	margin: -510px 0 0 210px;
	padding: 0 9px 0 0;
	background-image: url("./images/divider.png");
	background-repeat: repeat-y;
	background-position: right; 
}	

/*....................................................................... 
    Contact Form
...................................................................... */

label { width: 100px; margin-right: 5px; display: block; float: left; clear: left; }
textarea { width: 250px; height: 50px; }

/*....................................................................... 
    Modules Diagram
...................................................................... */

#modules-diagram { 
	background: url("./images/ModuleDiagram.jpg") left top no-repeat;
	width: 395px;
	height: 368px;
	margin: 0 0 10px;
	padding: 0;
	list-style-type: none;
	position: relative;
}

#modules-diagram li { position: absolute; display: block; }

#modules-diagram li.ct, #modules-diagram li.mt, #modules-diagram li.df, #modules-diagram li.le, #modules-diagram li.ttv, #modules-diagram li.fot, #modules-diagram li.coa { left: 54px; width: 124px; }
#modules-diagram li.ct { top: 86px; }
#modules-diagram li.mt { top: 99px; }
#modules-diagram li.df { top: 112px; }
#modules-diagram li.fot { top: 125px; }
#modules-diagram li.le { top: 138px; }
#modules-diagram li.ttv { top: 151px; }
#modules-diagram li.coa { top: 164px; }

#modules-diagram li.pd, #modules-diagram li.bd, #modules-diagram li.uat, #modules-diagram li.tlu, #modules-diagram li.cr, #modules-diagram li.mp { left: 204px; width: 124px; }
#modules-diagram li.pd { top: 192px; }
#modules-diagram li.bd { top: 205px; }
#modules-diagram li.uat { top: 218px; }
#modules-diagram li.tlu { top: 231px; }
#modules-diagram li.cr { top: 244px; }
#modules-diagram li.mp { top: 257px; }

#modules-diagram li.rent { left: 25px; top: 288px; width: 124px; }

#modules-diagram li a { text-indent: -9999px; outline; none; display: block; height: 13px; }


a.btt { display: block; text-align: right; border-top: 1px solid #ddd; margin-bottom: 20px; padding-top: 5px; }