html * {
margin: 0;
padding: 0;
}
body { background: #1f1c19 url('/public/img/bg.jpg') 50% 0% repeat-x; }
/*-- Global ---------- */
body, textarea {
font: 12px/18px Arial, Georgia, Times, "Times New Roman", serif;
color: #000;
}
a {
color: #c58200;
font-weight: bold;
}
a:hover { color: #333; }
img, fieldset { border: 0; }
select option { padding: 0 10px 0 0; }
h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
p { padding: 0 0 18px 0; }
h1, h2, h3, h4, h5, h6 {
/* font-weight: normal; */
}
blockquote {
padding: 18px;
background: #eee;
margin: 0px 36px 18px 18px;
}
ul, ol {
margin: 0px 36px 18px 18px;
}
ul li, ol li { margin: 9px 0 9px 0;}
/*-- clearing & clearfix --*/
.block {
width: 960px;
margin: 0 auto;
display: block;
}
.clearfix { display: inline-block; }
.block:after, .clearfix:after, .field:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.column {
float: left;
width: 240px;
}
/*-- Logo --*/
#logo {
width: 279px;
height: 51px;
padding: 0;
float: left;
}
#logo a {
display: block;
text-decoration: none;
text-indent: -999em;
width: 279px;
height: 51px;
float: left;
background: url('/public/img/uq-logo.jpg') 22px 14px no-repeat;
}
/* Header --- */
#header-container {
background: url('/public/img/header-bg.jpg') 50% 0% no-repeat;
height: 331px;
}
#header-container-sub {
background: url('/public/img/header-bg.jpg') 50% 0% no-repeat;
height: 100px;
}
#header {
height: 100px;
}
ul#header-nav {
height: 30px;
list-style: none;
margin: 0;
text-align: right;
padding: 9px 0 0 0;
}
ul#header-nav li {
display: inline;
margin: 0 0 0 6px;
}
ul#header-nav li a {
font-size: 10px;
font-family: Lucida Grande, Verdana, Tahoma, sans-serif;
color: #fff;
font-weight: normal;
}
#home-intro {
height: 231px;
background: url('/public/img/home-intro-bg.jpg') right top no-repeat;
}
#home-intro-content {
width: 456px;
height: 209px;
padding: 22px 0 0 24px;
color: #fff;
}
#home-intro-content h2#home-intro-title {
padding: 0;
background: url('/public/img/home-intro-title.gif') no-repeat;
width: 440px;
height: 57px;
text-decoration: none;
text-indent: -999em;
padding: 0 0 9px 0;
}
/*-- Main Navigation --*/
#navigation {
width: 653px;
float: left;
height: 39px;
padding: 22px 28px 0 0;
background: url('/public/img/nav-right.gif') 100% 100% no-repeat;
}
#navigation ul {
margin: 0;
list-style: none;
height: 39px;
background: url('/public/img/nav-bg.gif') repeat-x;
float: right;
}
#navigation ul li {
margin: 0;
float: left;
background: url('/public/img/nav-divider.gif') 0px 4px no-repeat;
height: 35px;
padding: 4px 0 0 0;
}
#navigation ul li.first {
background: url('/public/img/nav-first.gif') no-repeat;
}
#navigation ul li a {
display: block;
float: left;
color: #fff;
text-decoration: none;
font-size: 11px;
height: 29px;
padding: 6px 8px 0 14px;
font-family: Lucida Grande, Verdana, Tahoma, sans-serif;
}
/*-- Main Content Area --- */
#main-content-container {
background: #fafafa url('/public/img/main-content-bg.gif') repeat-x;
padding: 0 0 18px 0;
}
#main-content {
}
#main-content table {
margin: 0 0 25px 0;
padding: 0;
width: 500px;
}
#main-content table td {
margin: 0;
padding: 4px;
width: 50%;
}
#main-content table tr.odd {
margin: 0;
padding: 4px;
background: #eee;
}
h3#main-content-subtitle {
font-size: 12px;
font-weight: normal;
font-style: italic;
height: 42px;
line-height: 42px;
padding: 0;
}
#steps {
border-top: solid 1px #dedddd;
border-bottom: solid 1px #dedddd;
padding: 9px 0;
}
#steps ul {
margin: 0;
list-style: none;
background: url('/public/img/steps-bg.gif') 240px 0px repeat-y;
}
#steps ul li {
margin: 0;
list-style: none;
}
#steps ul li h4 {
width: 158px;
height: 17px;
padding: 5px 0;
text-decoration: none;
text-indent: -999em;
}
#steps ul li#step1 {
padding: 0 15px 0 0;
width: 225px;
}
#steps ul li#step2, #steps ul li#step3 {
padding: 0 15px;
width: 210px;
}
#steps ul li#step4 {
padding: 0 0 0 15px;
width: 225px;
}
#steps ul li#step1 h4 { background: url('/public/img/step1-title.gif') 0px 5px no-repeat; }
#steps ul li#step2 h4 { background: url('/public/img/step2-title.gif') 0px 5px no-repeat; }
#steps ul li#step3 h4 { background: url('/public/img/step3-title.gif') 0px 5px no-repeat; }
#steps ul li#step4 h4 { background: url('/public/img/step4-title.gif') 0px 5px no-repeat; }
#plans, #plans li {
margin: 0;
list-style: none;
}
#plans li {
float: left;
}
/*-- Get Started Form --- */
#getstarted {
width: 720px;
padding: 18px 0;
}
#getstarted-title {
text-decoration: none;
text-indent: -999em;
width: 190px;
height: 26px;
background: url('/public/img/getstarted-title.gif') no-repeat;
padding: 0 0 9px 0;
}
#whoweserve-title {
text-decoration: none;
text-indent: -999em;
width: 190px;
height: 26px;
background: url('/public/img/whoweserve-title.gif') no-repeat;
padding: 0 0 9px 0;
}
#whatwedo-title {
text-decoration: none;
text-indent: -999em;
width: 190px;
height: 26px;
background: url('/public/img/whatwedo-title.gif') no-repeat;
padding: 0 0 9px 0;
}
#getstartedform {
background: #e9e9e8 url('/public/img/getstarted-form-top.gif') no-repeat;
width: 660px;
padding: 12px;
}
.formheader {
background: #3d81b2;
width: 660px;
padding: 12px;
}
.formheader h3 {
padding: 6px 0;
font-size: 24px;
font-weight: normal;
color: #fff;
font-family: Lucida Grande, Verdana, Tahoma, sans-serif;
}
/*-- Content --- */
#content {
width: 684px;
padding: 18px 36px 18px 0;
}
h2#contenttitle {
border-bottom: solid 1px #dedddd;
text-transform: uppercase;
color: #d87638;
font-family: Lucida Grande, Verdana, Tahoma, sans-serif;
padding: 0 0 9px 0;
margin: 0 0 9px 0;
letter-spacing: -.01em;
}
/*-- Sidebar --- */
#sidebar { padding: 18px 0; }
.sidebar-feature {
background: #1f1c19 url('/public/img/sidebar-feature-bg-bottom.gif') left bottom no-repeat;
color: #fff;
margin: 0 0 15px 0;
}
#sidebar-guarantee-title {
padding: 0;
width: 240px;
height: 39px;
background: url('/public/img/sidebar-guarantee-title.gif') no-repeat;
text-decoration: none;
text-indent: -999em;
}
#sidebar-testimonial-title {
padding: 0;
width: 240px;
height: 39px;
background: url('/public/img/sidebar-testimonial-title.gif') no-repeat;
text-decoration: none;
text-indent: -999em;
}
.sidebar-content {
padding: 9px 27px 9px 17px;
}
/*-- Form Styles ---*/
.formfw .field {
padding: 0 0 12px 0;
margin: 0 0 12px 0;
border-bottom: solid 1px #cfcecd;
float: left;
width: 660px;
}
.formfw label {
color: #1b475b;
font-size: 12px;
float: left;
width: 160px;
padding: 6px 0 0 0;
font-family: Lucida Grande, Verdana, Tahoma, sans-serif;
}
.formfw span.inputwrap {
float: left;
width: 269px;
}
.formfw input.forminput {
width: 247px;
border: none;
padding: 9px 6px;
font-size: 12px;
font-family: Lucida Grande, Verdana, Tahoma, sans-serif;
}
.formfw span.note {
float: left;
width: 217px;
padding: 0 0 0 14px;
font-size: 11px;
font-style: italic;
}
.formfw .check input {
float: left;
margin: 4px 6px 4px 0;
clear: both;
}
.formfw .check .inputwrap label {
padding: 4px 0;
width: 237px;
float: left;
font-family: Lucida Grande, Verdana, Tahoma, sans-serif;
font-size: 11px;
font-weight: bold;
}
.formfw .check input { display: inline; }
.formfw textarea {
width: 247px;
height: 150px;
border: none;
padding: 6px;
font-size: 12px;
font-family: Lucida Grande, Verdana, Tahoma, sans-serif;
}
.required {
color: #cc0000;
margin: 0 0 0 4px;
}
.formfw select { margin: 4px 0;}
#content #plans img {
width: 165px;
height: 321px;
}
.formfw .submit {
padding-left: 160px;
width: 500px;
}
.formfw .error {
font-style: italic;
font-size: 11px;
color: #cc0000;
display: block;
}
/*-- Footer ---*/
#footer-container {
background: url('/public/img/footer-bg.gif') repeat-x;
padding: 9px 0 24px 0;
color: #fff;
}
#editContent {
background: #fff;
padding: 12px;
}