/* MAIN STYLES
-------------------------------------------*/
* {
padding : 0;
}
body, html {
font-weight : normal;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333;
margin : 0;
padding : 0;
background : url(../images/bk_body.jpg);
line-height : 130%;
}
ul {
list-style : none;
margin-bottom : 5px;
}
ul li {
padding : 5px 0;
padding-left : 15px;
position : relative;
}
a {
color : #65809a;
}
a:hover {
text-decoration : none;
}
h1, h2, h3 {
font-size : 24px;
letter-spacing : -1px;
color : #65809a;
font-weight : bold;
padding : 10px 0 5px;
}
h2 {
font-size : 18px;
padding : 5px 0 0;
}
h3 {
font-size : 14px;
color : #333;
padding : 5px 0 0;
}
#mainWrapper {
background : url(../images/bk_header.jpg) repeat-x 0 0;
height : 100%;
padding-bottom : 80px;
}
#wrapper {
margin : 0 auto;
width : 900px;
}
#header {
height : 200px;
position : relative;
background : url(../images/bk_header.jpg) no-repeat 100% 0;
}
#content {
padding : 0 0 25px;
}
#logo {
position : absolute;
top : -9px;
left : 51px;
width : 166px;
height : 197px;
}
#logo h1 {
padding : 0;
}
#logo h1 a, #logo h1 a:hover {
background : url(../images/logo.png) no-repeat 0 0;
width : 166px;
height : 166px;
text-indent : -9000px;
display : block;
text-decoration : none;
}
#topheadline {
position : relative;
top : 77px;
left : 265px;
background : url(../images/top_headline.png) no-repeat 0 0;
text-indent : -9999px;
width : 370px;
height : 73px;
}
#topMenu {
position : absolute;
top : 10px;
right : 0;
border-left : 1px solid #65809a;
}
#topMenu li {
float : left;
padding : 0 20px;
border-right : 1px solid #65809a;
background : none;
}
#topMenu li a {
font-size : 11px;
color : #fff;
text-decoration : none;
font-weight : bold;
text-transform : uppercase;
}
#topMenu li a:hover {
color : #94cde2;
}
#topMenu li.selected a {
color : #94cde2;
}
#content p {
margin : 0.7em 0;
}
#colLeft {
float : left;
width : 580px;
padding-right : 20px;
background : url(../images/bk_vertline.jpg) repeat-y 100% 0;
margin-top : 15px;
padding-left : 10px;
}
#colRight {
float : right;
width : 270px;
margin-left : 20px;
margin-top : 15px;
}
#colRight p.line {
background : url(../images/bk_horizline.jpg) repeat-x 0 100%;
display : block;
padding : 10px 0;
margin : 0;
}
#colRight p img {
vertical-align : middle;
padding-right : 5px;
border : none;
}
#colRight .featured {
margin : 10px 0;
}
#colRight .featured img {
background : #fff;
padding : 6px;
border : none;
}
.portfolioItem {
background : url(../images/bk_horizline.jpg) repeat-x 0 100%;
padding : 15px 0;
position : relative;
}
.portfolioItem img {
float : left;
background : #fff;
padding : 6px;
border : none;
}
.portfolioItem .itemDetails {
float : left;
width : 300px;
padding-left : 10px;
}
.portfolioItem .title {
font-size : 16px;
font-weight : bold;
color : #65809a;
}
.portfolioItem .ribbonType {
position : absolute;
top : 14px;
left : 223px;
width : 45px;
height : 43px;
}
.twitterItem {
background : url(../images/ico_twitter.png) repeat-x 0 100%;
padding : 15px 0;
position : relative;
}
.stepcarousel {
position : relative;
overflow : scroll;
width : 900px;
height : 310px;
margin-top : 20px;
}
.stepcarousel .belt {
position : absolute;
left : 0;
top : 0;
}
.stepcarousel .panel {
background : url(../images/bk_featured.png) no-repeat 0 0;
float : left;
overflow : hidden;
margin : 2px;
width : 900px;
height : 310px;
position : relative;
}
.stepcarousel .panel .projectDetails {
float : left;
width : 230px;
margin : 35px 0 0 25px;
}
.stepcarousel .panel .projectDetails .title {
font-size : 16px;
font-weight : bold;
}
.stepcarousel .panel .ribbonType {
position : absolute;
top : 14px;
left : 224px;
width : 45px;
height : 43px;
}
.stepcarousel .panel .projectImg {
position : absolute;
top : 14px;
right : 14px;
}
.web {
background : url(../images/ribbon_web.png) no-repeat 0 0;
}
.logo {
background : url(../images/ribbon_logo.png) no-repeat 0 0;
}
.print {
background : url(../images/ribbon_print.png) no-repeat 0 0;
}
form label {
display : block;
padding : 8px 0 2px;
font-weight : bold;
}
form input, form textarea {
border : 1px solid #e5e5e5;
padding : 5px;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
color : #666;
width : 300px;
}
form textarea {
width : 500px;
}
form input.submit {
border : none;
width : 103px;
height : 24px;
text-align : center;
padding-top : 4px;
color : #fff;
font-weight : bold;
text-transform : uppercase;
margin-top : 15px;
background : url(../images/bk_submit.jpg) no-repeat 0 0;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
.clear {
clear : both;
}
.noclear {
clear : none;
}