@charset "UTF-8";
/* CSS Document */
 

/*===================================
	GLOBAL
===================================*/
@import "reset.css";

body { background-color:#2a427a; text-align: center; height: 100%; /* for older browsers */}
a {outline:none;}
.clear {clear:both;}

#logo {height:140px; overflow:hidden;}
#home_photos {height:402px; overflow:hidden;}

/*===================================
	Nav
===================================*/
#nav_wrapper {width:850px; margin:0 auto; height:109px;}

#nav {margin:0; padding:0; list-style:none; clear:both; width:850px;}
#nav li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin:0;}
#nav li a {background:url('../images/nav.png') no-repeat; width:100%; height:100%; display:block;}
			
#nav li.btn1 {width:136px; height:109px;}
#nav li.btn1 a {background-position: 0 0;}
#nav li.btn1 a:hover {background-position:0 -118px;}
			
#nav li.btn2 {width:116px; height:109px;}
#nav li.btn2 a {background-position:-136px 0px;}
#nav li.btn2 a:hover {background-position:-136px -118px;}
					
#nav li.btn3 {width:116px; height:109px;}
#nav li.btn3 a {background-position:-252px 0;}
#nav li.btn3 a:hover {background-position:-252px -118px;}

#nav li.btn4 {width:114px; height:109px;}
#nav li.btn4 a {background-position:-368px 0;}
#nav li.btn4 a:hover {background-position:-368px -118px;}

#nav li.btn5 {width:116px; height:109px;}
#nav li.btn5 a {background-position:-482px 0;}
#nav li.btn5 a:hover {background-position:-482px -118px;}

#nav li.btn6 {width:116px; height:109px;}
#nav li.btn6 a {background-position:-598px 0;}
#nav li.btn6 a:hover {background-position:-598px -118px;}

#nav li.btn7 {width:136px; height:109px;}
#nav li.btn7 a {background-position:-714px 0;}
#nav li.btn7 a:hover {background-position:-714px -118px;}

/*===================================
	CONTENT
===================================*/

#content {background-color:#FFF; width:810px; margin:0 auto; color:#28292c; padding:20px; text-align:left;}
#content p {color:#28292c; margin-bottom:17px; line-height:16px; font:12px Arial, Helvetica, sans-serif;}
#content h1 {font:22px "Palatino Linotype", "Book Antiqua", Palatino, serif; padding-bottom:5px; margin-bottom:20px; border-bottom:1px solid #cfc8a2; color:#2a427a; text-transform:uppercase;}
#content h2,h3,h4,h5,h6 {font:16px "Palatino Linotype", "Book Antiqua", Palatino, serif; margin-bottom:17px; text-transform:uppercase; color:#2a427a;}
#content ul {margin-left:30px; color:#28292c; margin-bottom:17px; line-height:16px; list-style:disc;}
#content ul li {color:#28292c; line-height:17px; font:12px Arial, Helvetica, sans-serif;}

#content img {border:1px solid #999; padding:4px;}
#content a {color:#2a427a; text-decoration:none; font:12px Arial;}
#content a:hover {color:#2a427a; text-decoration:none; font:12px Arial;}

a.button {background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;color: #444;display: block;float: left;font: normal 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px; /* sliding doors padding */text-decoration: none;}
a.button span {background: transparent url('../images/bg_button_span.gif') no-repeat;display: block;line-height: 14px;padding: 5px 0 5px 18px;text-decoration: none;}
a.button:hover {background-position: bottom right;color: #000;outline: none; /* hide dotted outline in Firefox */}
a.button:hover span {background-position: bottom left;padding: 6px 0 4px 18px; /* push text down 1px */} 

.subnav {display:block; height:50px;}

label, legend {display:block; margin:15px 0 7px 0; font:12px Arial; font-weight:bold;}
input, option, select {font:12px Arial;}

/*===================================
	BOTTOM
===================================*/
#bottom {height:362px; width:850px; background:url(../images/bg_bottom.jpg) no-repeat; margin:0 auto;}

/*------- Bottom Menu -------*/
#menu {margin:0 auto; padding:0; list-style:none; clear:both; width:810px; padding-top:300px;}
#menu li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin:0;}
#menu li a {background:url('../images/menu.png') no-repeat; width:100%; height:100%; display:block;}
			
#menu li.btn1 {width:166px; height:40px;}
#menu li.btn1 a {background-position: 0 0;}
#menu li.btn1 a:hover {background-position:0 -50px;}
			
#menu li.btn2 {width:222px; height:40px;}
#menu li.btn2 a {background-position:-166px 0px;}
#menu li.btn2 a:hover {background-position:-166px -50px;}
					
#menu li.btn3 {width:182px; height:40px;}
#menu li.btn3 a {background-position:-388px 0;}
#menu li.btn3 a:hover {background-position:-388px -50px;}

#menu li.btn4 {width:240px; height:40px;}
#menu li.btn4 a {background-position:-570px 0;}
#menu li.btn4 a:hover {background-position:-570px -50px;}


/*===================================
	Footer
===================================*/

#footer {margin:20px 0 0 0; padding-bottom:40px; padding-top:20px;}
p {color:#fff; font:12px Arial, Helvetica, sans-serif;}
p.copyright {color:#fff; font:12px Arial, Helvetica, sans-serif;}
p.copyright a {color:#fff; text-decoration:none;}
p.copyright a:hover {color:#fff; text-decoration:underline;}

#footer ul {margin:15px;}
#footer ul li {display:inline; border-right:1px solid #cfc8a2; padding:0 5px 0 3px;}
#footer ul li.last {border-right:0;}
#footer ul li a {color:#cfc8a2; font:12px Arial, Helvetica, sans-serif;}
#footer ul li a:hover {color:#fff; text-decoration:underline;}