/*
Theme name: OM
Description: Custom Theme for OM
*/


/* WordPress Default styles */
@import url('wp-default.css');


* { padding: 0; margin: 0; outline: 0; }


body {
    font-size: 15px;
    font-family: GillSans, tahoma, verdana, sans-serif;
    color: #fdfdfe;
	background: #ecebeb;
	height: 100%;
    text-align: left;
}


.cl { font-size: 0; line-height: 0; height: 0; clear: both; }


a img { border: 0; }
a { color: #57bedf; text-decoration: none; cursor: pointer;}
a:hover { text-decoration: underline;}


.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}
.tr {text-align: right;}
.center {display: block; margin: 0 auto;}


.shell {margin: 0 auto; width: 930px;}	


.container {background: #000 url(images/body-bg.gif) repeat-x 0 bottom; padding-bottom: 29px;}
.container-cnt {background: url(images/container-bg.png) repeat-y 0 0; padding-left: 18px; padding-right: 18px; height: 100%;}
.container-inner {border-top: 3px solid #68ba45; background: #214888 url(images/bg.png) no-repeat 0 0; min-height: 340px;}
.container-bottom { margin-top: -29px; position: relative;}
.container-bottom-cnt {background: url(images/container-bottom.png) no-repeat 0 0; height: 60px;}


#header { padding-top: 11px; padding-bottom: 60px;}


h1#logo {float: right; padding-right: 22px;}
h1#logo a {background: url(images/logo.png) no-repeat 0 0; display: block; width: 274px; height: 86px;}



#navigation {position: relative; height: 86px; background: url(images/nav.png) no-repeat 0 0; float: left; width: 598px; padding-top: 21px;}
#navigation ul {list-style-type: none; font-size: 14px; height: 35px; padding-left: 22px;}
#navigation ul li {float: left; display: inline; margin-left: 3px; height: 35px; padding-left: 3px; padding-right: 3px;}
#navigation ul li a {
	color: #67ba45;
	float: left;
	height: 27px;
	padding-top: 8px;
	padding-left: 7px;
	padding-right: 7px;
	font-weight: bold;
}
#navigation ul li a:hover,
#navigation ul li a.active,
#navigation ul li.current_page_item a, 
#navigation ul li.current_page_parent a {
	background: url(images/nav-link-active.gif) repeat-x 0 0;
	color: #fff;
}
#navigation ul ul {
	z-index: 2;
	display: none;
	list-style-type: none;
	padding: 0px;
	font-size: 14px;
	height: 33px;
	width: 551px;
	background: url(images/submenu.gif) no-repeat 0 0;
	position: absolute;
	left: 21px;
	top: 56px;
}
#navigation ul ul li {
	margin-top: 4px;
	height: 25px;
	padding: 0px 5px;
	border-right: 1px solid white;
}
#navigation ul ul li.last {
	border: 0px;
}
#navigation ul ul li a {
	display: block;
	height: 28px !important;
	padding-top: 2px !important;
	color: white;
	text-decoration: none;
	background: none !important;
	margin-left: -5px;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	font-weight: normal;
}
#navigation ul ul li a:hover {
	text-decoration: underline;
	background: none;
}
#navigation ul ul li.current_page_item {
	background: white url(images/submenu-2-active-r2.gif) no-repeat right 0 !important;
	padding-right: 9px;
}
#navigation ul ul li.current_page_item li {
}
#navigation ul ul li.current_page_item a {
	font-weight: bold;
	background: url(images/submenu-2-active-l.gif) no-repeat 0 0 !important;
	color: black;
}
#navigation ul ul li.current_page_item ul li a{
	background: none !important;
	font-weight: normal !important;
}
#navigation ul ul li.current_page_item ul li a:hover{
	font-weight: normal !important;
	text-decoration: underline;
	background: #435a8f url(images/submenu-2-hover-l.gif) no-repeat 0 0 !important;
	color: white;
}


#navigation ul ul ul {
	z-index: 2;
	display: none;
	list-style-type: none;
	padding: 0px;
	font-size: 14px;
	height: 33px;
	width: 530px;
	background: url(images/submenu-2.gif) no-repeat 0 0;
	position: absolute;
	left: 10px;
	top: 33px;
}
#navigation ul ul ul li {
	height: 25px;
	margin: 4px 5px 0px 5px !important;
	border: 0px !important;
}
#navigation ul ul ul.active li.current_page_item, #navigation ul ul ul.fake li.current_page_item {
	background: #435a8f url(images/submenu-2-hover-r.gif) no-repeat right 0 !important;
}
#navigation ul ul ul.active li.current_page_item:hover, #navigation ul ul ul.fake li.current_page_item:hover {
	background: #435a8f url(images/submenu-2-hover-r.gif) no-repeat right 0 !important;
}
#navigation ul ul ul li.last {
	border: 0px;
}
#navigation ul ul ul li a {
	margin-top: 0px;
	padding-top: 3px !important;
	color: black !important;
	text-decoration: none;
	height: 22px !important;
	font-weight: normal !important;
}
#navigation ul ul ul li.hover-li {
	background: url(images/submenu-2-hover-r.gif) no-repeat right 0px;
}
#navigation ul ul ul li a:hover {
	text-decoration: underline;
	background: #435a8f url(images/submenu-2-hover-l.gif) no-repeat 0 0 !important;
	color: white !important;
}
#navigation ul ul ul li.hover-li a:hover {
	text-decoration: none;
	background: #435a8f url(images/submenu-2-hover-l.gif) no-repeat 0 0 !important;
	color: white !important;
}
#navigation ul ul ul li.current_page_item a {
	font-weight: bold;
	background: url(images/submenu-2-hover-l.gif) no-repeat 0 0 !important;
	color: white !important;
}


#navigation ul.active {
	display: block !important;
}


#main .article {padding: 0 28px 30px 28px;}
#main h2 {color: #000000;}
#main a {font-weight: bold; text-decoration: underline;}
#main a:hover {color: #87c540;}
#main p {padding-bottom: 20px;}
#main span.red {color: #ed1942;}


.article { float: left; }
#sidebar { float: right; width: 260px; }
#sidebar ul.sidebar {
}
#sidebar ul {
	padding-left: 20px;
	list-style-type: none;
	margin-bottom: 20px;
}
#sidebar h2 {
	color: white;
}
#sidebar a {
	color: #57bee0;
	font-size: 18px;
}



.box {width: 447px; background-repeat: repeat-y; background-position: 0 0; height: 100%; position: relative;}
.box-top {background-repeat: no-repeat; background-position: 0 0; padding-left: 31px; padding-top: 32px; padding-bottom: 35px; padding-right: 31px; }
.box h3 {color: #214888; font-size: 16px; padding-bottom: 10px;}


.box ul {color: #000; padding-left: 30px;}
.box ul li {font-size: 14px;}
.box ul li a {color: #000; text-decoration: underline;}
.box ul li a:hover {text-decoration: none !important; color: #000 !important;}


.box-left {float: left;  background-image: url(images/box-left-bg.gif);}
.box-left .box-top {background-image: url(images/box-left-top.gif);}
.box-right {float: left;  background-image: url(images/box-right-bg.gif);}
.box-right .box-top {background-image: url(images/box-right-top.gif);}


.bottomspaced {position: absolute; bottom: -17px; left: 0; padding: 0 35px; color: #000001; width: 380px} 
.bottomspaced a {}


#footer {min-height: 170px; background: #dededd url(images/footer-bg.gif) repeat-x 0 0;}
.footer-nav, p.copy {font-size: 14px; color: #000; padding-top: 9px;}
.footer-nav {float: left; padding-left: 55px;}
.footer-nav ul li {
	display: inline;
	list-style-type: none;
	padding: 0px 6px 0px 3px;
	border-right: 1px solid black;
}
.footer-nav a {color: #000; position: relative;}


p.copy {float: right; padding-right: 82px;}


.portfolio {padding-top: 20px; text-align: center; font-size: 14px; color: #000; width: 843px; margin: -34px auto 0 auto; position: relative;}
.portfolio p a {color: #000;}

#footer .contact-us {text-align: center; padding: 43px 0 0 0; line-height: 1.3;}
#footer .contact-us h2 {color: #cb2026; font-size: 33px; text-shadow: 0 5px 20px #444;}
#footer .contact-us p {font-size: 16px; color: #010101;}
#footer .contact-us a {text-decoration: underline;}
#footer .contact-us a:hover {text-decoration: none;}

.commentlist li {
	list-style-type: none;
}
input, textarea {
	border: 1px solid #57BEDF;
	background: #1f53a9;
	color: white;
}
input {
	width: 185px;
	margin-bottom: 5px;
}
#submit, #searchsubmit {
	margin-top: 10px;
	border: 1px solid #57BEDF;
	background: #1f53a9;
	color: white;
	width: 125px !important;
}
label {
	display: block;
	width: 150px;
}

#photo-gallery {padding-bottom: 50px;}
#photos {width: 850px; height: 482px; overflow:hidden; position: relative; margin: 20px 0 0 0;}
#photos .photos-page {width: 850px; height: 485px; position: absolute; top: 0; left: 0; display: none; padding-top: 3px;}
#photos .photo {float: left; display: inline; margin: 0 12px 15px 0; background: #000; position: relative;}
#photos .photo a {display: block; font-size: 0; line-height: 0; text-indent: -9999px;}
#photos .photo img {display: block;}
#photos-pagination {padding: 18px 0 0 0; width: 135px; margin: 0 auto; line-height: 28px; text-align: center;}
#photos-pagination a {width: 20px; height: 28px; font-size: 0; line-height: 0; text-indent: -9999px;}
#photos-pagination a.prev-page {background: url(images/prev-page.png) no-repeat 0 0; float: left;}
#photos-pagination a.next-page {background: url(images/next-page.png) no-repeat 0 0; float: right;}
