html, body { height: 100%; } body { margin: 0px; padding: 0px; background: #22222D url(images/img01.png) repeat; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #545454; } h1, h2, h3 { margin: 0; padding: 0; font-weight: 300; } h2 { padding: 0px 0px 20px 0px; font-size: 2em; } p, ol, ul { margin-top: 0px; } p { line-height: 180%; } strong { } a { color: #141414; } a:hover { text-decoration: none; } a img { border: none; } img.border { } img.alignleft { float: left; } img.alignright { float: right; } img.aligncenter { margin: 0px auto; } hr { display: none; } /** WRAPPER */ #wrapper { overflow: hidden; width: 1200px; margin: 50px auto; background: #FFFFFF; box-shadow: 0px 0px 10px 5px rgba(0,0,0,.2); } .container { width: 1200px; margin: 0px auto; } .clearfix { clear: both; } /** HEADER */ #header { overflow: hidden; height: 150px; background: #000000 url(images/img01.png) repeat; } /* Logo */ #logo { float: left; width: 350px; padding: 30px 0px 0px 50px; } #logo h1 { padding: 5px 10px 0px 0px; } #logo h1 a { text-decoration: none; font-size: 1.5em; font-weight: 300; color: #FFFFFF; } #logo p { display: block; padding: 0px 0px 0px 0px; letter-spacing: 1px; font-size: 1em; color: #7C7C7C; } #logo p a { color: #7C7C7C; } /* Menu */ #menu { float: right; width: 700px; padding: 60px 50px 0px 0px; } #menu ul { float: right; margin: 0; padding: 0px 0px 0px 0px; list-style: none; line-height: normal; } #menu li { float: left; } #menu a { display: block; margin-left: 1px; padding: 7px 0px 7px 30px; letter-spacing: 1px; text-decoration: none; text-align: center; font-size: 14px; font-weight: 300; color: #FFFFFF; } #menu a:hover, #menu .current_page_item a { text-decoration: none; border-radius: 5px; color: #FFFFFF; } /** PAGE */ #page { overflow: hidden; width: 1100px; padding: 50px 50px; background: #F6F6F6 url(images/img01.png) repeat; color: #202020; } #page h2 { } /** CONTENT */ #content { float: left; width: 750px; } /** SIDEBAR */ #sidebar { float: right; width: 300px; } /* Footer */ #footer { overflow: hidden; margin: 0px 50px; padding: 30px 0px; border-top: 5px solid #000000; } #footer p { text-align: center; } #footer a { color: #545454; } /* Three Column */ #three-column { overflow: hidden; margin: 0px 50px; padding: 50px 0px; } #three-column #tbox1 { float: left; width: 400px; margin-right: 50px; } #three-column #tbox2 { float: left; width: 300px; } #three-column #tbox3 { float: right; width: 300px; } /* List Style 1 */ ul.style1 { margin: 0px; padding: 0px; list-style: none; } ul.style1 li { padding: 10px 0px 15px 0px; border-top: 1px solid #E6E7DC; } ul.style1 a { text-decoration: none; color: #545454; } ul.style1 a:hover { text-decoration: underline; } ul.style1 .first { padding-top: 0px; border-top: none; } /* List style 2 */ ul.style2 { margin: 0px; padding: 0px; list-style: none; } ul.style2 li { padding: 25px 0px 15px 0px; border-top: 1px solid #DDDDDD; } ul.style2 .first { padding-top: 0px; border-top: none; } ul.style2 h3 { padding: 0px 0px 10px 0px; } ul.style2 h3 a { color: #4F4F4F; } ul.style2 a { text-decoration: none; color: #919191; } ul.style2 a:hover { text-decoration: underline; } /* Button Style 1 */ .button-style { display: inline-block; margin-top: 20px; padding: 7px 20px; background: #22222D url(images/img01.png) repeat; text-decoration: none; text-transform: uppercase; color: #FFFFFF; }