html {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background: #444 url('../gfx/bg2.gif') repeat;
}

/* ----------------------- LAYOUT STYLING ------------------------------ */

#maintop {
	background: url("../gfx/main-bg2.gif") top;
	height:11px;
	font-size:.1em;
}
#maincontent {
	width:948px;
	border:1px solid #f47216;
	border-top:none;
	background:#666 url(../gfx/bgimage.gif) repeat-x;

}

/* --------------------- HEADING STYLING ------------------------------- */

#nav_box {
	float: right;
	margin:0em 0 2em 2em;
	width: 200px;
}

#primary h1 {
	font-size:2em;
	color:#f90;
	text-align: center;
	font-weight:normal;
	height:20px;
	line-height:20px;
	padding: 8px 2px 2px 2px;
	margin:0;
	border-top: 1px solid #f90;
	margin-bottom:2em;
}

#secondary h1 {
	width:220px;
	height:30px;
	line-height:30px;
	background: url(../gfx/leftnav_top.gif) no-repeat;
	font-size: 1.5em;
	color:#060;
	text-align: center;
	text-transform:uppercase;
}

#primary h2 {
	font-size:1.5em;
   font-weight:normal;
	margin: 0 .8em .5em 0;
}

h3 {
	font-size: 1.8em;
	font-weight:normal;
	margin:2em 0 1.2em 0;
}

#primary h4 {
	font-size: 1.5em;
	font-weight:normal;
	margin:1.5em 0 .7em 0;
}

/* --------------------- CONTENT STYLING ------------------------------- */

#primary p {
	font-size:1.1em;
	margin: 1em 0;
}

#primary li {
	font-size: 1.1em;
	margin:5px 0 5px 20px;
	list-style-image:url(../gfx/arrow2.png);
   padding-left: 10px;
}

#primary #nav_box li {
	list-style-image:url(../gfx/arrow1.png);
}

p.indented {
	margin-left:2em;
}

p.underlined {
	text-decoration:underline;
	font-weight:bold;
}

p.large {
	font-size:1.2em;
}

ul, ol {
	margin-left:2em;
}
ul.indented, ol.indented {
	margin-left:2em;
}
#primary ul.tick li {
	margin-left:2em;
	list-style-image:url(../gfx/tick.png);
}
#nav_box ul {
	margin-left:1em;
}

img.centered {
	display:block;
	margin:0 auto;
}

.imageborder {
	border:1px solid #999;
	padding:1px;
	background-color:#fff;
	
}

/* --------------------- LINK STYLING -------------------------------- */

a, a:visited {
	color:#0cf;
	padding:1px;
}
#footer a, #footer a:visited, #nav_box a, #nav_box a:visited  {
	color:#06c;
}

#secondary a.link, #secondary a:visited.link  {
	color:#f90;
	font-weight:bold;
}

a:hover {
	background-color:#fff;
	text-decoration:none;
   color:#36f;
}
#nav_box a:hover {
	background-color:#fff;
}
a.hiddenlink, a:visited.hiddenlink, a:hover.hiddenlink {
	background:none;
	text-decoration:none;
	cursor:default;
}

a:hover.no_hover {
  background:none;
}
/* --------------------- HEADER STYLING -------------------------------- */

#header {
	height: 203px;
	background: url("../gfx/banner.jpg") no-repeat 50% 10px;
	margin:0 auto;
	width:100%;
}

/* --------------------- FOOTER STYLING -------------------------------- */

#footer {
	background-color:#ccc;
	color:#333;
}

#logos  {
	padding: 0;
	margin:0 auto;
	width:948px;
	height: 134px;
	background:#666 url(../gfx/logos.gif) top center no-repeat;
}


#footer p.copyright {
	font-size:1.1em;
	padding: 30px 0 15px;
	margin:0 auto;
	width:948px;
	text-align:center;
}

#footer p.credits {
	font-size:1em;
	text-align:center;
	padding-bottom:15px;
	
}


/* --------------------- VERTICAL NAV BAR STYLING ------------------------ */

#nav_box h2, #secondary h2{
	margin:0;
	padding:0;
	height:25px;
	line-height:25px;
	width:200px;
	border-bottom:1px solid #fff;
	background:url(../gfx/top.png);
	text-align:center;
	font-size:1.2em;
}

.padmid, #nav_box .middle {
	background:url(../gfx/bluestripe2.png);
	padding:0;
	width:198px;
	border:1px solid #fff;
	border-top:none;
}

#nav_box .middle {
	padding-top:1px;
	background: #D0CCCB;
}
.padmid ul{
	list-style:none;
	width:198px;
	margin:0;
}
.padmid li {
	border-top:1px solid #666;
}
.padmid li a, .padmid li a:visited {
	font-size:1.1em;
	margin-left:5px;
	background:url(../gfx/bullet2.gif) no-repeat left center;
	padding-left:44px;
	text-decoration:none; 
	color:#fff; 
	display:block; 
	height:1.8em;
	line-height:1.8em;
	letter-spacing:.05em; 
}
.padmid li a:hover {
	margin-left:15px;
	color:#f90;
	background-color:#eee; 
}
.padmidbase, #nav_box .base {
	width:200px;
	height:9px;
	line-height:9px;
	background:url(../gfx/top.png) bottom;
	margin-bottom:2em;
}
#nav_box .base {
	margin:0;
}

/* --------- flash-notice and notice styling -----------*/

.flash_notice_happy, .flash_notice_sad, .flash_notice_tick, .flash_notice_cross, .flash_notice_add, .flash_notice_info {
	min-height:30px;
	margin-bottom:2em;
	border:1px solid #3f6;
   color:#444;
   background: #7fc32a url("../gfx/backgrounds/green.png") repeat-x;
}
.flash_notice_sad, .flash_notice_cross {
	border:1px solid #f66;
   color:#fff;
   background: #f61514 url("../gfx/backgrounds/red.png") repeat-x;
}
.flash_notice_info {
	border:1px solid #39f;
   background: #195bc8 url("../gfx/backgrounds/blue.png") repeat-x;
   color:#fff;
}
.icon { padding:2px 10px 2px 70px; }
.notice_happy { background:  url("../gfx/icons/happy.png") no-repeat 10px 50%; }
.notice_sad { background: url("../gfx/icons/sad.png") no-repeat 10px 50%; }
.notice_tick { background: url("../gfx/icons/tick.png") no-repeat 10px 50%; }
.notice_cross { background: url("../gfx/icons/cross.png") no-repeat 10px 50%; }
.notice_add { background: url("../gfx/icons/add.png") no-repeat 10px 50%; }
.notice_info { background: url("../gfx/icons/info.png") no-repeat 10px 50%; }

/* --------------------- FORM STYLING ---------------------------------- */

form div {
   border-bottom:1px solid #bbb;
   background:#888;
   background-image:url(../gfx/form_fade.png);
   background-position: bottom;
   background-repeat: repeat-x;
}

form fieldset {
   border:1px solid #fff;
   background-color:#888;
   padding-top:10px;
}
form legend {
   border:1px solid #fff;
   padding: 2px 15px;
   margin:20px;
   background-color:#888;
   font-weight:bold;
}
label {
   float:left;
   clear:left;
	width:110px;
   text-align:right;
   margin:5px;
   margin-right:10px;
   font-weight:bold;
}
label.checkbox {
	display:inline;
	margin-left:10px;
	font-weight:normal;
}
p.error {
	background-color:#f93;
   font-weight:normal;
   padding:1px 5px;
   border: 1px dotted #fff;
}

#primary form li {
   list-style-image:none;
   display:inline-block;
   
}

input, select, textarea {
   clear:right;
   width:170px;
	padding:2px 10px;
	margin:5px;
   margin-left:0;
   border:1px solid #ccc;
	border-left: 9px solid #ccc;
	font: normal 1em Verdana, sans-serif;
	color:#666;
	background:#fff;
}
input:focus, select:focus, textarea:focus {
	color:#fff;
	border:1px solid #fff;
	border-left: 9px solid #fff;
	background:#f93;
}
input.submit{
   width:auto;
   margin:20px 5px;
   background-repeat: repeat-x;
   background-position: bottom;
   background-color:#777;
   color:#fff;
   font-weight:bold
}
input.button:focus {
	border:1px solid #fff;
	color:#f90
}


select {
	padding-right:1px;
	width:300px;
}

textarea {
	width:400px;
	height:250px;
}


input.button {
	font: bold 12px Arial, Sans-serif;
	height: 24px;
	margin: 20px 0 0 20px;;
	padding: 2px 13px;
	color: #FFF;
	background: #8EB50C url(../gfx/bluestripe.png);
	border: 1px solid #f90;
}
.form_error {
	background-color:#f93;
	padding: 0 10px;
	border:#aaa dashed 1px;
	margin-left:6px;
}

img.captcha {
	margin-left:15px;
}

.submenubar {
height:10px;
line-height:10px;
margin-bottom:2em;
}

#lermontov_schematic {
	position:relative;
	text-align:center;
	border:1px solid #f47216;
}

#lermontov_schematic p {
	font-size:.8em;
}
#lermontov_schematic div {
	position:absolute;
	padding:5px;
	border:1px solid #333;
	background-color:#666;
	width:200px;
}

#lermontov_prop_info {
	top:20px;
	left:300px;
}
#lermontov_bridge_info {
	top:250px;
	left:350px;
}
#lermontov_gash_info {
	top:200px;
	left:200px;
}

.seperator {
   clear:both;
   margin:2em 0;
   border-bottom: 1px solid #777;
}

#blog_entries .small {
	font-size:.55em;
	font-weight:normal;
}
#blog_entries p {
	margin: 9px 0;
   padding:0;
}

blockquote {
	width:80%;
	margin:2em auto;
   background:url(../gfx/bluestripe2.png) bottom;
   color:#333;
   vertical-align:middle;
   border:1px solid #444;
   padding:1em;
   font-style:italic;
}
blockquote .author {
   font-style:normal;
   font-size:.9em;
   color:#555;
}

table {
	margin: 3em auto;
	border:1px solid #ccc;
	text-align:center;
}
th {
   padding: 2px 5px;
   font-size:1.1em;
   font-weight:normal;
   color: #fff;
   background-color:#EF7625;
}
th{
   background:url(../gfx/bluestripe2.png) top;
   color:#fff;
   vertical-align:middle;
}
th.side{
   background:url(../gfx/bluestripe2.png) center;
   text-align:left;
	padding: 5px 10px;
}
td {
	padding: 5px 5px;
	background-color:#ccc;
   color:#444;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
   vertical-align:middle;
}
td.ticked {
    background: #ccc url(../gfx/td_tick.png) no-repeat center ;
}
.orangebg {
   background-color:#EF7625;
   color:#fff;
}

.product_box h3 {
   margin-top:0;
}
.product_box {
   margin:2em 0;
   clear:both;
   display:block;
   background-color:#777;
   border:1px solid #888;
   padding: .5em;
}
.product_box img {
   float:right;
   margin: .5em;
   background-color:#fff;
}

.product_brief, .product_brief_current {
   float:left;
   background-color:#888;
   margin:9px;
}
.product_brief .detailed_desc {
   margin:10px;
   width:420px;
}
.product_brief img.image_pic {
   float:right;
   background-color:#fff;
   border:1px solid #666;
   padding:5px;
   margin:5px;
   width:180px;
   height:230px;
}
#primary .product_brief p {
   margin-top:5px;
   text-align:center;
}
#primary .product_brief .more {
   display:none;
   border: 1px solid #ccc;
   padding:2px;
   margin:15px;
   background-color:#777;
}
#primary .product_brief .detailed_desc h2 {
   text-align:center;
}
#logo-chooser img{
   padding:3px;
   border:2px solid #666;
}

.poetry {
   border:1px solid #999;
   background-color:#ccc;
   color:#444;
   padding:20px;
   font-style:italic;
   font-size:1.2em;
   text-align:center;
   margin:40px auto;
   width:70%;
}

#primary table.staff-profiles, #primary table.staff-profiles td {
	background-color:#666;
	border:none;
	color:#fff;
}
#primary table.staff-profiles td  img {

	margin-bottom:30px;
}

/* ------------------------ GOOGLE MAPS ------------------------------ */

#map_canvas p {
   font-size:.9em;
   color:#666;
   margin:0 auto;
   width:90%;
   text-align:left;
}
#map_canvas .title {
   display:block;
   font-size:1em;
   color:#444;
   margin:0 auto 10px auto;
   border-bottom:1px dotted #444;
   font-weight:bold;
}
table.ig_reset table.ig_tbl_line {
	border:none;
}

div .aquanaut_easter_sale_image_switcher {
	display:block;
	margin:10px auto 50px auto;
	width:400px;
	height:117px;
}
.boxlink, .boxlinkover {
	cursor:pointer;
}