/* =SiteWide */
body { background:#1B1B1B url(../granite-images/bg.jpg); background-attachment:fixed; margin:0; padding:0; text-align:center; font-size:62.5%; font-family:"Lucida Grande",Geneva, Arial, sans-serif; color:#666; }

/* =PageBody */
img { border:0; padding:0; margin-bottom:0 }
a, a:visited { color:#719A21; text-decoration:underline;}
a:hover { color:#999; text-decoration: none;}
a img {	border:none;}

#container { position:relative; margin:0px auto; padding:0; background:#fff; text-align:left;
border-right:25px solid #1B1B1B;
border-left:25px solid #1B1B1B;
width:750px;
voice-family: "\"}\"";
voice-family:inherit;
width:700px;
}
body#home #container {background:#fff url(/resources/img/bg_content_home.gif) repeat-y 205px 0px;}
body#inside #container {background:#fff url(/resources/img/bg_content_inside.gif) repeat-y 205px 0px;}

/* =Cosmetic */
.hide {	position:absolute; left:-2000px; width:999px;}
.alignleft { float:left;}
.alignright { float:right;}
img.alignright { margin: 0 0 0 8px !important; }
.margin-none { margin:0;}
.seperator {clear:both; height:1px; width:700px;}
body#inside .single_page .p-large, body#inside #photo_gallery .p-large {font-size:1.5em; color:#333;}
strong { color: #333; }

p, ul, td, th, label, input, select { font-family:"Lucida Grande", Geneva, Arial, sans-serif; font-size:1.1em; line-height:1.4em; margin:0 0 1em 0; }

h1 { font-size:1.6em; color:#A59D92; }
h2 { font-size:1.6em; color:#005E20; }
h3 { font-size:1.2em; color:#630; margin:0; text-transform:uppercase; }
h4 { font-size:1.2em; color:#000; margin: 0.3em 0 0 0; }

/* =Lists */
#container ul.nav, #container ul.nav li { margin:0; padding:0; list-style:none; }
ul.nav, ul.nav li { display:inline;}

/* =Masthead */
#masthead { background:#F0EBD4 url(../granite-images/masthead.gif) no-repeat bottom left; padding:0; margin:0;}
#masthead img {margin:10px 3px 8px 625px; padding:0;}

/* =Header */
#header { background:url(../granite-images/romart_header.jpg) no-repeat top right; padding:0; margin:0; position:relative;}
#header-option2  { background:url(../granite-images/romart_header-option2.jpg) no-repeat top right; padding:0; margin:0; position:relative;}
#header-option3  { background:url(../granite-images/romart_header-option3.jpg) no-repeat top right; padding:0; margin:0; position:relative;}

/* =Navbar */
#navbar {
	background:#1B1B1B url(/resources/img/navbar.gif) repeat-y;
	overflow:hidden;
	display:block;
	position:absolute;
	top:144px;
	left:205px;
	width:495px;
	height: 36px;
	padding: 0;
	clear:both;
}
#navbar li { line-height: 3.3; }
#navbar a { color: #fff; text-decoration:none; padding: 0 0 0 8px; margin:0; font-size:9px; letter-spacing:0.1em; text-transform:uppercase; font-weight:normal;}
#navbar a:hover, #navbar a.current { text-decoration:underline; color:#eee;}
#navbar-1 a, #navbar-2 a, #navbar-3 a, #navbar-4 a, #navbar-5 a, #navbar-6 a, #navbar-7 a { color:#fff;}


/* Page Design */
/* Three Column */
#two-col-1st, #subtwo-col-1st { float:left;}
#two-col-2nd, #subtwo-col-2nd { float:left;}
#two-col-1st {width:200px; background-color:#FFFFFF;}
#two-col-2nd {width:500px;}
#subtwo-col-1st {width:317px; background:#EDEADB;}
#subtwo-col-2nd {width:155px; background:#fff;}
#photo_gallery { width:470px; background:#EDEADB; }
#photo_gallery { float:left;}

body#inside #subtwo-col-1st {width:295px; background:#edeadb;}
body#inside #subtwo-col-2nd {width:165px; background:#d5d1bc;}

/* =Content */
#content { margin:0; padding:0; background-color:#EDEADB; border-top:1px solid #fff;}
#main-bodytext { padding:15px;}
#main-bodytext h2 { padding:15px; text-transform: uppercase; }
#content-inside-h h1 { background:#999; padding:15px; color:#fff; text-transform:none; margin:0; font-size:2.5em; font-weight:normal;}
#content-inside-h h2 { background:#999; padding:15px; color:#fff; text-transform:none; margin:0; font-size:2.5em; font-weight:normal;}
#content-bodytext ul { margin: 3px 0 12px 10px; padding: 0 0 0 10px; }

#content-bodytext table { border: none; padding: 0; clear: both; }

#main-bodytext { padding:15px 20px;}
#main-bodytext h2 { font-size:1.8em; color:#48463f; margin: 0 0 0.5em 0; }
.main-large {font-size:1.5em; color:#48463f; font-weight: normal; }
.main-small {font-size:0.9em; color:#48463f; font-weight: normal; }
#main {text-align:center; padding-top:3px;}

#soft-join { background:#A39785 url(../granite-images/bg_sj.gif) bottom left no-repeat; padding: 20px 0; }
#soft-join h3 {color:#fff; text-transform:none; margin: 0 0 5px 20px;}
#soft-join .input-news {width:150px; background:#d1c9c0; border:1px solid #5E8217; padding: 4px; margin: 0 0 5px 20px;}
#soft-join .input-submit {background:#406618; border:1px solid #5E8217; padding:3px; color:#fff; margin: 0 0 5px 20px;}
#soft-join label { color: #fff; margin: 0 0 5px 20px; }
#soft-join input:focus { background: #eee; }
#soft-join p, #soft-join a { color:#fff;}
#soft-join p { margin-left: 20px; margin-bottom: 10px;}

#soft-join-inside .input-news {width:150px; background:#EDEADB; border:1px solid #5E8217; padding: 4px; margin: 0 0 5px 0;}
#soft-join-inside .input-submit {background:#EDEADB; border:1px solid #5E8217; padding:3px; color:#000; margin: 0 0 5px 0;}
#soft-join-inside input:focus, #soft-join-inside textarea:focus, #soft-join-inside label:focus { background: #fff; border: 1px solid #686868; }



/* Preview */
.preview { padding:15px 10px 15px 20px;}
.preview h3 {margin-bottom:10px;}
.preview h3 a { color:#630; }
.preview img {padding:1px; border:1px solid #A8A196; margin-bottom:5px;}
.preview-blank img {padding:1px; border:0px; margin-bottom:5px;} 

#two-col-1st .pic-container {padding: 10px 10px 15px 19px;}
.pic-container {padding: 10px;}
.pic-container-caption {margin:0 10px 10px 10px; padding:5px; background:#eae7d9; color:#666; font-size:0.9em;}

img.lh-column { margin: 0 auto 4px auto; border: 1px solid #ccc; padding: 1px; }

/* =Footer */
#footer { background:#666 url(../granite-images/romart_footer.gif) no-repeat top center; width:700px; margin:0; padding:60px 0 0 0; clear:both; border-top:1px solid #fff;}
#footer a, #footer a:visited { color:#ccc; margin:0; text-decoration:none;}
#footer a:hover { color:#999;}
#footer p { color:#999; padding:0 0 18px 20px; margin:0;}


/* =Lightbox styles */
#lightbox{
	position: absolute;
	top: 40px;
	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(../granite-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(../granite-images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../granite-images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px "Lucida Grande",Geneva, Arial, sans-serif #333;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#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;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

/* =Elevator Statement */
#elevator {padding:0 20px 15px 20px; margin-bottom:15px;}
#elevator h3 {text-transform:none; color:#000;}
#elevator p {color:#333;}
#elevator p.date {color:#999;}
#elevator .latest-news-article {border-bottom:1px dotted #AEA57E; padding-bottom: 15px; margin-bottom: 15px;}

ul.ec3_elevator { list-style: none; margin: 0; padding: 0; }
ul.ec3_elevator ul { list-style: none; margin: 0; padding: 0; }
ul.ec3_elevator li { color: #333 !important; font-weight: bold !important; border-bottom:1px dotted #AEA57E; padding-bottom: 15px; margin-bottom: 15px; }
ul.ec3_elevator li li { font-weight: normal !important; border-bottom: none; padding-bottom: 0; margin-bottom: 0; }