/* GENERAL STYLES
********************************/
* { margin:0; padding:0; outline:0; line-height:100%; }
.clear { clear:both; }
.label { font-weight:bold; }

body {
  text-align:center; font-family:helvetica, arial, sans-serif;
  background:#43427e;
}


/* CONTENT
********************************/
div#content {
  margin-bottom:25px; padding:0 20px;
  background:url(/public/images/content_background.gif) repeat-y;
}
div#content a {
  color:#fff;
}
div#content p {
  margin-bottom:1em;
  font-size:1.1em; line-height:140%;
}
div#content ul {
  margin-bottom:1em; padding-left:15px;
}
div#content ul li {
  margin-bottom:0.5em;
  font-size:1.1em;
}
div#content h1 {
  margin-bottom:0.5em;
  font-weight:normal; font-size:2.0em;
}
div#content h1 span {
  display:block; padding-top:3px;
  font-size:0.5em;
}
div#content img.thumbnail {
  float:left;
  margin:0 10px 10px 0;
}
div#content strong.faux_heading {
  font-size:1.8em;
}


/* LAYOUT
********************************/
div#container { 
  width:746px; margin:0 auto;
  text-align:left; font-size:62.5%;
  background:#31312f;
}
div#sidebar {
  float:left;
  width:195px;
  color:#99a2c7;
}
div#main_content {
  float:right;
  width:470px;
}
div.content_block {
  margin-bottom:10px;
  color:#fff;
}
div.noline {
  clear:left;
  margin-bottom:10px; 
}
div.full {
  clear:left;
  margin-bottom:10px; border-bottom:1px solid #444;
}
div.left, div.right {
  float:left;
  width:214px;
  border-right:1px solid #444; padding:0 20px 0 0;
}
div.right {
  border:0; padding:0 0 0 20px;
}


/* HEADER
********************************/
div#header {
  padding:25px;
  color:#99a2c7; font-size:1.9em;
}
div#header p {
  margin:0;
}
div#header p#phone {
  float:right;
}


/* NAV and ANIMATION HOLDER
********************************/

div#nav_and_animation {
  position:relative;
  height:301px; margin-bottom:25px;
  background:url(/public/images/animation_background.gif) no-repeat 235px;
}

/* JS POPUP IMAGE
*********************************************/
.popUpHolder {
	-moz-opacity:0.9;
	opacity:0.9;
	filter:alpha(opacity=90);
	position:absolute;
	top:0;
	left:100px;
	margin-top: 50px;
}
.popUp {
	color:#fff;
	text-align:right;
}
.popUp h1 { margin-bottom:0px; padding:0; font-size:2em; }
.popUp p { padding:0px 0px 0px 0px; font-size:1.2em; }
.popUp p.closeWindow { position:relative; font-size:1.1em; text-align:right; margin:0px; }
.popUp p.closeWindow a {
	background: transparent url(/public/images/closebutton.gif) no-repeat scroll 100% 50%;
	padding:0px;
	color:#000000;
	padding:5px 25px 5px 0pt;
}
.popUp p.closeWindow a:hover {
	background: transparent url(/public/images/closebutton.gif) no-repeat scroll 100% 50%;
	color:#000066;
}
.popUp p.popUpBottom {
	border:none;
}
.popUp span.label { font-weight:bold; }
.popUp span.name { font-size:1em; }
.popUp a { color:#fff; }
.popUp a:hover { color:#222; }


/* POPUP image
******************************************/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}


/* ANIMATION
********************************/
div#animation {
  position:absolute; top:4px; left:235px;
  overflow:hidden;
  width:511px; height:301px;
}


/* NAVIGATION
********************************/
ul#navigation {
  list-style-type:none;
  overflow:hidden;
  width:225px; height:181px; padding:120px 0 0 10px;
  background:#fff url(/public/images/navigation_background.jpg) no-repeat;
}
ul#navigation li a {
  display:block; width:190px; border-bottom:1px solid #c5c5c5; padding:8px 0 8px 20px;
  color:#1c2964; text-decoration:none; font-weight:bold; font-size:1.4em;
}
ul#navigation li a:hover {
  color:#000;
}
ul#navigation li a.current {
  background:url(/public/images/navigation_current.gif) no-repeat 6px 50%;
}


/* FORMS
********************************/
p#success {
  border:1px solid #0f0; padding:3px 0;
  text-align:center;
  background:#9f9;
}
p#error {
  border:1px solid #f00; padding:3px 0;
  text-align:center;
  background:#f99;
}
form {
  margin-bottom:1em;
}
form div.field {
  margin-bottom:1em;
}
form div.field label {
  display:block;
  margin-bottom:3px;
  font-size:1.1em;
}
form div.field input, form div.field textarea {
  display:block;
  width:100%; padding:2px 0;
  font-size:1.4em;
}
form div.field textarea {
  height:4em;
  font-size:1.2em;
}
form div.field input.checkbox, form div.field input.radio {
  display:inline;
  width:auto; padding:0;
}
form div.submit {
  padding:10px;
  background:#666;
}
form div.submit input {
  padding:4px 10px;
}


/* FOOTER
********************************/
div#footer {
  border-top:6px solid #fff; padding:20px 15px;
  color:#000;
  background:#888aa4;
}
div#footer p {
  margin:0;
  font-size:1.2em;
}
div#footer p#copyright { float:right; }
div#footer a { color:#000; text-decoration:none; }
div#footer abbr { border:0; }