@charset "utf-8"; /* CSS Document */ * { padding: 0; margin: 0; } body { font-size: 62.5%; } html, body { font-family: 'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif; height: 100%; background: #2d1c0f; } h1 { font-size: 2.6em; line-height: 48px; margin-bottom: 24px; color: #2d1b0f } h1 a { color: #2d1b0f; text-decoration: none; } h1.descript { font-size: 1.4em; line-height: 24px; margin-bottom: 11px; font-style: italic; margin-top: -20px; font-weight: normal; background: #F1E4C9; } h2 { font-size: 1.8em; line-height: 42px; margin-top: 5px; } h3 { text-indent: -9999px; display: block; height: 30px; width: 100%; } h3.shop { background: url(../structure/shopping.png) no-repeat top center; } h3.cms { background: url(../structure/cms.png) no-repeat top center; } h3.blog { background: url(../structure/blog.png) no-repeat top center; } p { font-size: 1.2em; line-height: 1.6em; margin-bottom: .75em; } img { margin-bottom: 15px; } ul { line-height: 26px; margin-bottom: 10px; padding-left: 14px; } ul.cleanlist { margin: -5px 0 9px 0; } ul.horizontal { margin: -10px 0 10px 0; } ul.horizontal li { display: inline-block; padding-right: 10px; } #header-wrap { background: url(http://www.simonwoodard.com.au/structure/background-gradient.png) repeat-x; } #header { width: 900px; height: 100px; margin: 0 auto; } #logo { width: 350px; height: 100px; float: left; text-indent: -9999px; background: url(../structure/logo.jpg) no-repeat; } #nav { width: 550px; height: 100px; float: left; } #nav ul.navigation { margin-top: 35px; } #nav ul li { display: inline-block; font-size: 14px; font-family: "Century Gothic"; color: #ffffff; vertical-align: top; height: 65px; padding: 0 15px; } #nav ul li p { font-size: 14px; line-height: 18px; } #nav ul li a { font-size: 20px; font-weight: bold; font-family: "Century Gothic"; color: #ffffff; text-decoration: none; } #nav ul.navigation li:hover { border-top: 1px solid #ffffff; margin-top: -1px; background: #2d1c0f; } #banner { width: 100%; height: 40px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background: #bcdd5a url(http://www.simonwoodard.com.au/structure/banner.jpg) no-repeat center bottom; } body#home div#banner { height: 200px; } #content { width: 900px; margin: 20px auto;} #main { width: 630px; float: left; background: #e8dbc1; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid #ffffff; } #main li { list-style: disc; } #side { width: 210px; float: right; background: #e8dbc1; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid #ffffff; } .focus { display: block; border: 1px solid #ffffff; background: url(../structure/focus-back.jpg) center repeat-y; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 280px; float: left; margin-left: 10px; height: 750px; } .focus h3 { -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } .focus-item { width: 100%; padding: 5px; clear: both; } .focus-icon-system { background: url(../images/icons.png) no-repeat 0 0; height: 60px; width: 60px; float: left; } .focus-icon-cart { background: url(../images/icons.png) no-repeat -60px 0; height: 60px; width: 60px; float: left; } .focus-icon-ssl { background: url(../images/icons.png) no-repeat -120px 0; height: 60px; width: 60px; float: left; } .focus-icon-tracking { background: url(../images/icons.png) no-repeat -180px 0; height: 60px; width: 60px; float: left; } .focus-icon-marketing { background: url(../images/icons.png) no-repeat 0 -60px; height: 60px; width: 60px; float: left; } .focus-icon-custom { background: url(../images/icons.png) no-repeat -60px -60px; height: 60px; width: 60px; float: left; } .focus-icon-live { background: url(../images/icons.png) no-repeat -120px -60px; height: 60px; width: 60px; float: left; } .focus-icon-multi { background: url(../images/icons.png) no-repeat -180px -60px; height: 60px; width: 60px; float: left; } .focus-icon-control { background: url(../images/icons.png) no-repeat 0 -120px; height: 60px; width: 60px; float: left; } .focus-icon-write { background: url(../images/icons.png) no-repeat -60px -120px; height: 60px; width: 60px; float: left; } .focus-icon-comment { background: url(../images/icons.png) no-repeat -120px -120px; height: 60px; width: 60px; float: left; } .focus-icon-follow { background: url(../images/icons.png) no-repeat -180px -120px; height: 60px; width: 60px; float: left; } .focus-icon-increase { background: url(../images/icons.png) no-repeat 0 -180px; height: 60px; width: 60px; float: left; } .focus-item h4 { font-size: 1.3em; font-weight: bold; color: #333; margin: 0 4px 0 60px; padding: 0 10px; } .focus-item p { font-size: 1.3em; line-height: 1.2em; color: #333; margin: 0 4px 0 60px; padding: 0 10px; } #footer { width: 100%; height: 100px; border-top: 1px solid #ffffff; clear: both; background: #927B51; } #footer-center { width: 900px; margin: 0 auto; } #crossbrowser { height: 80px; background: url(http://www.simonwoodard.com.au/structure/crossbrowser.png) no-repeat top left; float: left; margin-right: 20px; } #crossbrowser p { text-indent: -9999px; } #crossbrowser ul { list-style: none; } #crossbrowser ul li { float: left; padding-right: 10px; } #crossbrowser ul li a { } #sitetools { height: 80px; background: url(http://www.simonwoodard.com.au/structure/sitetools.png) no-repeat top left; float: left; margin-right: 20px; min-width: 65px; } #sitetools p { text-indent: -999px; } #sitetools ul { list-style: none; } #sitetools ul li { } #sitetools ul li a { font-size: 12px; font-family: "Century Gothic"; text-decoration: none; color: #ffffff; } #sitetools ul li a:hover { text-decoration: underline; } #siteadmin { height: 80px; background: url(http://www.simonwoodard.com.au/structure/siteadmin.png) no-repeat top left; min-width: 80px; float: left; margin-right: 20px; } #siteadmin p { text-indent: -9999px; } #siteadmin ul { list-style: none; } #siteadmin ul li { float: left; padding-right: 10px; } #siteadmin ul li a { } .clear { clear: both; }