@import url('reset.css');
body { background: #f0f0f0; color:#333; font: 14px/24px Helvetica, Arial, sans-serif; text-align:center; line-height:1.6em; }
h1 { font: normal bold 34px/50px Arial, Helvetica, sans-serif; padding-top: 30px; }
h2 { font-size: 25px; line-height: 28px; padding: 20px 0; }
h3 { font-size: 14px; line-height: 18px; padding: 10px 0; }
p { font-weight: normal; padding-bottom: 22px; }
	.content p {text-align:justify;}
a { color: #CC6600; text-decoration: none; }
a:hover { color: #FF9900; text-decoration: underline; }

a:focus { outline: 1px dotted; }

.wrapper { width:980px; margin:0 auto; text-align:left;}

.header h1 {padding: 30px 0 20px 40px;}

.nav {background-color: #433; padding:0.5em 0}
     .nav ul { margin:0 0 0 40px; }
          .nav ul li { display: inline-block; margin:0 20px 0 0; }
          .nav ul li a { color: #ad9191;  font: normal bold 14px/44px Arial, Helvetica, sans-serif; padding: 0.2em 4em; display:inline-block;  text-align: center;  transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; }
               .nav ul li a:hover, .nav ul li a:focus { text-decoration: none; color: #fff; background-color: #222; }
               .nav ul li.active a {background-color: #222;color: #FF9900; }
               .nav ul li a.active:hover { color: #FF9900; }


.content {padding:40px;background:#acc; margin: 40px 0; }
.col_left {width:450px; float:left;}
.col_right {width:400px; float:right;}
	.col_right img {padding:10px; background:#fff;}

.content ul {list-style-type:disc; margin:15px 0 20px 40px; margin-bottom:20px;}
	.content ul li {margin-bottom:6px;}

.button {background:#433; color:#fff; font-weight:bold; text-decoration:none; padding: 0.8em 3em; display:inline-block; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;}
.button:hover {background-color: #222;color: #FF9900; text-decoration:none; }


	.contacts h3  { padding:0; margin-bottom:5px;}
     	.contacts p, .contacts address {padding-bottom:30px;}
          .contacts p:last-child {padding:0;}

/* footer push */
html, body {height: 100%;}
.outer {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -6em;}
.footer, .push {height: 6em;}
.footer {background:#333; color:#777;color:#ccc;}
	.footer p {padding:0 0 0 40px; margin:0; line-height:6em;}