/* --------- /plugin_assets/project1/stylesheets/default.css --------- */ 
body { color: #333; font-family:Helvetica; font-size:12px; padding:0; margin:0;}
p {padding-bottom:1em;}
img {border:0;}
span.controls a, div.admin-controls a {border:0;}
input, select, textarea { border: 1px solid #ccc; background-color:#eee; margin:1em 0 2em 0; padding: 0.25em; }
div.component-settings input, form.inplaceeditor-form textarea, form.inplaceeditor-form input { padding:0; margin:0;}

fieldset { margin: 0 0 1em 0; padding: 0.5em; border: #ccc 1px solid; }
fieldset legend { font-weight: bold; padding:0.5em;	border: #ccc 1px solid; }

table { width:100%;}
table tr td { vertical-align:top; padding: 6px;}
table tr th { border-bottom :1px solid #ccc; text-align:left;padding:6px;}

.errorExplanation h2, .errorExplanation ul li, .errorExplanation h1, .errorExplanation p { color: red;}
/*div.galleryimages img {padding:0 10px 10px 0}*/

div.galleryimages div.draggable {float:left;}

#admin-nav {background-color:#666; height:20px; padding-top:5px;}
#admin-nav ul {float:right; height:20px; margin:0;}
#admin-nav ul li {display:inline; margin:0px 20px 0 0px;}
#admin-nav ul li a { color: #fff;}
#admin-nav ul li a:hover { text-decoration:underline;}

#flash { width:100%; background-color: #ccc; position:absolute; z-index:9; height:20px; padding-top:10px;}
#flash p {color: #333; font-weight: bold; padding-left:20px; }

#google-map { width:400px; height:400px}

td.setting_name { width:30%;}
td.setting_value { width:60%;}
td.setting_actions { width:10%; text-align:right;}
div.settings_group { margin-bottom:20px; border:1px solid #ccc;}
div.settings_title { color:#fff; background-color:#999;padding-left:8px;}
div.settings_title a { color:#fff;}
div.loader {width:16px; height:16px; background-image: url(/images/ajax-loader.gif); margin: 4px;}

div.toggle_hider { padding-bottom:10px;}

#content {padding: 1em; }

ul.section li {list-style-type: square; margin: 0 0 0.5em 2em;}

#page-edit {clear:both; padding-top:20px;}

/*
overlay lightbox - taken from 
http://www.pjhyett.com/posts/190-the-lightbox-effect-without-lightbox
*/
.overlay{ 
    background-image: url(/plugin_assets/project1/images/overlay.png);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;
}
* html .overlay{
    background-color: #333;
    background-color: transparent;
    background-image: url(/plugin_assets/project1/stylesheets/blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src="../images/overlay.png", sizingMethod="scale");
}
.viewbox{
    background:#fff;
    padding:10px;
    border:2px solid #eee;
    text-align:left;
    font-weight:normal;
}
.closebox{
    position:absolute;
    top:-5px;
    right:-5px;
    cursor:pointer;
}
div.media_bin_asset { display:inline; position:relative;}
div.media_bin_asset div.slide {left:0px; top:0px; position:absolute;}/* --------- /plugin_assets/project1/stylesheets/lightbox.css --------- */ 
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/plugin_assets/project1/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/plugin_assets/project1/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/plugin_assets/project1/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}/* --------- /stylesheets/default.css --------- */ 
body {
	background: url(/images/body.gif) repeat-y;
	font: 11px Arial, sans-serif;
	margin: 0;
}
body#browse-home {
	background: url(/images/body-home.gif);
}
h1, h2, h3, p, ul {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
a {	color: #e45226;	text-decoration: none; }
a:hover { color: #231f20; }

#admin-nav {position:absolute;width:100%;}
#header {
	background: url(/images/header.gif) repeat-x;
	width: 100%;
	min-width: 988px;
	height: 226px;
}
div.header-holder {
	width: 988px;
}
#header h1 {
	float: left;
	margin: 74px 87px 0 59px;
	display: inline;
}
#header h1 a {
	background: url(/images/logo.gif);
	width: 140px;
	height: 72px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#header div.img-left {float:left; width:350px; height:225px; }
#header #home-right, #header div.img-right {float:left; width:325px; height:225px; }
#header #home-right {padding-top:77px; height:148px; background: transparent url(/images/clients_top.gif) no-repeat;}

/*#header img {
  display: block;
  float: left;
}
*/
#main {
	width: 988px;
	overflow: hidden;
	position: relative;
}
div.column {
	width: 286px;
	float: left;
}
ul#nav {
	line-height: 21px;
	float: left;
	margin-top:34px;
}
ul#nav li {
	padding-left: 60px;
}
ul#nav li.active {
	background: url(/images/indicator.gif) no-repeat 0 6px;
}
ul#nav li.active a,
ul#nav a:hover,
ul#nav li ul li.active a,
ul#nav li ul li a:hover {
	color: #231f20;
}
ul#nav li ul li.active {
	background: url(/images/sub-menu-active.gif) no-repeat 1px 6px;
}
ul#nav a {
	font-size: 10px;
	color: #a4aab1;	
	text-decoration: none;
}
ul#nav ul {
	line-height: 15px;
	margin: 4px 0 7px;
}
ul#nav ul li {
	background: url(/images/sub-menu.gif) no-repeat 1px 7px;
	padding-left: 11px;
}
ul#nav li.section a {text-transform:uppercase;}
ul#nav li.section ul li a {text-transform:none;}
ul#nav ul a,
ul#nav li.active ul a {
	color: #e45226;
}
div.column p {
	font-size: 10px;
	color: #a4aab1;
	padding: 33px 0 0 50px;
	margin-top: 347px;
}
.footer a, .footer-home a,  div.column p a {
	color: #6d6f71;
	text-decoration: none;
}
div.column p a:hover {
	text-decoration: underline;
}
div.listing {
	float: left;
	display: inline;
	margin: 29px 0 26px -10px;
	position: relative;
}
div.listing div.listing-item {
	width: 250px;
	float: left;
	display: inline;
	margin: 0 35px 0 45px;
}
div#content div.listing p strong {
	font-size: 11px;
	color: #e45226;
	margin-top: 13px;
}
div.listing p {
	line-height: 17px;
	color: #a4aab1;
	width: 250px;
	margin: 3px 0 17px;
}
div.listing a {
	background: url(/images/more.gif) no-repeat 1px 6px;
	color: #6d6f71;
	text-decoration: none;
	padding-left: 15px;
}
div#content div.listing div.text_block { 
  margin:0;
}
div#content {
	background: url(/images/content.gif) repeat-y;
	width: 702px;
	float: left;
	overflow: hidden;
	padding:0;
	padding-bottom: 20px;
}
div#appcontent {
	background: url(/images/content.gif) repeat-y;
	overflow: hidden;
	padding:36px;
}
div#appcontent h1, div#content h2, h3 {
	font: bold 11px "Trebuchet MS", Arial, sans-serif;
	color: #231f20;
	margin: 36px 0 0 36px;
	text-transform:uppercase;
	letter-spacing: 1px;
}
div#appcontent h1 {margin:0 0 26px 0; }

div#content em {
	font-size: 11px;
	color: #6d6e70;
}
div#content h3, div#content p strong {
	font-size: 11px;
	color: #6d6e70;
	margin: 35px 0 0 0px;
}
/*h3 { font-weight:normal;}*/
div#content div.text_block {
	color: #a4aab1;
  margin:35px;
}
div#content div.text_block ul li {
	background: url(/images/arrow_gray.gif) no-repeat 1px 9px;
	padding-left: 11px;
	padding-top:5px;
}
div#content p {
	line-height: 17px;
	margin: 20px 0 0 0px;
}
#browse-home div#content {
	height: 345px;
	overflow: hidden;
}
#browse-home div#content img {
	float: left;
	margin-right: 35px;	
}
#browse-home div#content p, #browse-home div#content span {
	margin: 35px 0;
}

div#content div.footer {
	margin-top: 20px;
}
div.footer-home {
	width: 667px;
	position: absolute;
	bottom: 5px;
	left: 286px;
	border-top: 1px solid #e9eaec;
	padding: 30px 0 0 35px;
}
* html div.footer-home {
	position: relative !important;
	left: 286px !important;
	bottom: 49px !important;
}
div.footer {
	clear: both;
	border-top: 1px solid #e9eaec;
	padding-top: 30px;
	margin: 0 35px 40px;
}
div.footer p,
div.footer-home p {
	font-size: 10px;
	color: #a4aab1;
}

div.adminblock {margin:0 35px 0 35px; clear:both;}

#sections ul {padding-left:35px;padding-bottom:10px;}

#clients a, #hero a {position:absolute; top:30px}
#clients div.edit_asset, #hero div.edit_asset {position:absolute; top:46px; background-color:#fff; padding:10px; border:1px solid #ccc;}
#clients div.edit_asset a, #hero div.edit_asset a {display:none;}
#clients a:hover, #hero a:hover {text-decoration:underline;}

div.news-item {padding-left:36px;}
h3 a { float:right; padding-right:36px; font-weight:normal;text-transform:none;}
div#content div.text_block strong { color: #6d6e70; }

#extraimage {margin:35px 35px 35px 35px;}

.col1, .col2 {float:left; width:314px;}
.col2 {padding-top:37px;}
.col2 strong {color:#6D6E70;font-size:11px;}
input, select, textarea {margin:0;}
p.required, label {color:#A4AAB1}

p.first_name, p.phone {float:left;padding-right:18px;}
p.first_name input, p.last_name input, p.phone input, p.email input { width:140px;}
p.subject input {width:306px;}
p.required {float:right;}
p.submit input {color:#e45226;background:#fff url(/images/arrow.png) no-repeat 0 10px; border:0; text-transform:uppercase;padding-left:1em;cursor:pointer;}
.field_error label {color:red}
.field_error input, .field_error textarea, .field_error select {border:1px solid red;}