/* @override http://capitolelevator.dev/site/capitolelevator/css/screen.css */

/* @group Reset */

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */



/* @end */

/* @group Main Layout */

html, body {
	height: 100%;
}

body {
	font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #555;
}

body#capelev {
	background: url(../images/body-bg.gif) repeat-x;
}

#wrapper {
	width: 950px;
	margin: 0 auto -120px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#header {
	color: #fff;
}

#primary {
	width: 554px;
	float: left;
	padding: 36px 18px;
}

#secondary {
	width: 350px;
	float: left;
	margin: 18px 0 18px 10px;
	background-color: #e5ca96;
}

#subnav {
	width: 350px;
	float: left;
	margin: 36px 0 0px 10px;
}

#push {
	height: 120px;
}


/* @end */
/*@group Links*/ 
a:link {
	color: #072947;
	text-decoration: underline;
}

a:visited {
	color: #03162c;
}

a:hover {
	color: #ca4204;
}

/*@end*/

/* @group TYPE */


h1 {
	font-size: 40px;
	line-height: 48px;
	text-transform: uppercase;
}

h2 {
	font-size: 30px;
	line-height: 36px;
}

h3 {
	font-size: 22px;
	line-height: 36px;
}

h4 {
	font-size: 18px;
	line-height: 18px;	
}

#content p {
	margin-bottom: 18px;
	line-height: 22px;
	font-size: 14px;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}
/* @end */

/* @group Header */
#header {
	position: relative;
	padding: 18px;
	height: 199px;
	background: url(../images/header-bg.gif) no-repeat;
}


#siteLogo {
	position: absolute;
	top: 18px;
	left: 0;
	background: url(../images/ce-logo.png) no-repeat 0 0;
	width: 180px;
	height: 90px;
}

#siteLogo img {
	width: 0px;
	background-color: #ca4204;
}

#siteLogo:hover {
	background-position: 0 -90px;
}



#navigation {
	position: absolute;
	top: 70px;
	right: 0;
}

#navigation li {
	display: inline;
	font-size: 15px;
	text-transform: uppercase;
	padding: 4px;
}

#navigation li a {
	color: #e5ca96;
	text-decoration: none;
}

#navigation li a:hover {
	color: #fff;
}

h1#pageTitle {
	margin-bottom: 0;
	line-height: 40px;
	position: absolute;
	top: 140px;
	left: 18px;
	font-size: 40px;
	line-height: 48px;
	text-transform: uppercase;
}

h2#pageSubhead {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 18px;
	color: #e5ca96;
	position: absolute;
	top: 200px;
	left: 18px;
}
/* @end */

/* @group Content */
#content {
	overflow: hidden;	
}

ul#homemenu {
	width: 100%;
	overflow: hidden;
}

ul#homemenu li {
	float: left;
	width: 194px;
	padding: 9px 18px;
	margin-left: 10px;
}

ul#homemenu li:first-child {
	margin-left: 0;
}

ul#homemenu h2 {
	font-size: 24px;
	line-height: 36px;
	color: #e5ca96;
}

ul#homemenu p {
	color: #fff;
	font-size: 11px;
	line-height: 18px;
}

ul#homemenu a {
	color: #e5ca96;
	font-weight: bold;
	text-decoration: underline;
}

ul#homemenu a:hover {
color: #fff;
}

#primary h2 {
	color: #072947;
}

#primary b, #primary strong {
	color: #000;
}

#primary i, #primary em {
	color: #000;
}

#secondary h2, #subnav h2 {
	color: #962305;
	font-size: 24px;
	line-height: 36px;
}

#subnav h2 {
	color: #072947;
	font-size: 24px;
	line-height: 36px;
	text-transform: uppercase;
}

/*#subnav ul {
	padding: 0 18px;
}*/

#subnav li {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 6px;
}

#subnav li a {
	background: #962305;
	display: block;
	padding: 6px 18px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}

#subnav li a:hover {
	background-color: #ca4204;
}

#subnav li a.active {
	background-color: #072947;
}

#sub3 {
	padding: 18px;
}
/* @end */

/* @group Footer */
#footer {
	background-color: #303030;
	color: #fff;
	height: 117px;
	border-top: 3px solid #444;
}

#footerContent {
	width: 950px;
	margin: 0 auto;
	position: relative;
}

#foot-logo {
	background: url(../images/logo-footer.png) no-repeat 0 18px;
	text-indent: -9999px;
	padding-top: 18px;
	width: 340px;
}

#foot-address {
	position: absolute;
	top: 48px;
	left: 18px;
}

#foot-contact {
	position: absolute;
	top: 48px;
	left: 240px;
}

#foot-copy {
	position: absolute;
	top: 48px;
	left: 480px;
}

/* @end */

/* @group Homepage */

body#capelev.home {
	background: url(../images/body-home-bg.gif) repeat-x;
}

body#capelev.home #header {
	position: relative;
	padding: 18px;
	height: 288px;
	background: url(../images/header-home-bg.gif) no-repeat;
}

body.home h1#pageTitle {
	margin-bottom: 0;
	line-height: 40px;
	position: absolute;
	top: 200px;
	left: 18px;
	font-size: 40px;
	line-height: 48px;
	text-transform: uppercase;
}

body.home h2#pageSubhead {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 18px;
	color: #e5ca96;
	position: absolute;
	top: 240px;
	left: 18px;
}


/* @end */

/* @group Gallery */
body.gallery #primary {
	width: 674px;
}

body.gallery #secondary {
	width: 230px;
}


/* @end */

/* @group CMS Overrides */
#pageTitle input {
	width: 100%;
	color: #fff;
	background: #072947;
	border: 1px solid #2a455d;
	text-transform: uppercase;
	padding: 2px;
}


/* @end */