body {
background:url(img/bg1.jpg) top center #18110E no-repeat;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
min-width:900px;
width:100%;
}
* {
margin:0;
padding: 0;
}
h1 {
display:none;
}
h2, .h2-sub, #top-bar, h3, h4, #nav-text, #service-tabs li {
text-transform:uppercase;
}
h2 {
color:#AF6425;
font-size:30px;
font-weight:bold;
}
h3 {
font-size:20px;
letter-spacing:-1px;
font-weight:normal;
}
h4 {
font-size:15px;
letter-spacing:2px;
}
p {
padding: 2px 0 12px 0;
color:#666;
}
a {
color:#AF6425;
}
a:hover {
text-decoration:none;
}
.float-left {
float:left;
}
.color-alt {
color:#438896;
}
.h2-sub {
float:left;
font-weight:bold;
width:130px;
border-left: solid 2px #333;
padding-left:8px;
margin: 2px 0 0 8px;
}
#top-left, #top-right {
position:absolute;
width:20px;
height:20px;
}
*html #top-left {
display:none;
}
*html #top-right {
display:none;
}
#top-left {
background:url(img/top-left-bg.png);
}
#top-right {
right:0;
background:url(img/top-right-bg.png);
}
#top-bar {
background:url(img/top-right-bg.png) right no-repeat #fff;
filter:alpha(opacity=50);
opacity:0.50;
width:100% - 40px;
margin-left:20px;
margin-right:20px;
height:15px;
font-size:11px;
font-weight:bold;
padding-top:5px;
letter-spacing:1px;
}
*html #top-bar {
width:100%;
margin:0;
}
#top-left-txt {
float:left;
margin-left:10px;
}
#top-right-txt {
float:right;
margin-right:10px;
}
#head {
height:39px;
margin-top:-20px;
width:775px;
margin:auto;
padding-top:137px;
}
#nav-text {
float:left;
font-size:10px;
font-weight:bold;
color:#fff;
letter-spacing:2px;
padding: 15px 0 0 5px;
}
#nav {
float:right;
}
#nav ul li {
float:left;
list-style:none;
}
#nav li {
margin-right:10px;
}
#nav li a, #nav li a:hover {
background: url(img/nav-bg.png) no-repeat;
color:#fff;
text-transform:uppercase;
font-weight:bold;
text-align:center;
letter-spacing:2px;
text-decoration:none;
width:97px;
height:19px;
display:block;
padding-top:10px;
}
*html #nav li a {
background-image:none;
background:#333;
}
*html #nav li a:hover {
background-image:none;
background:#438896;
}
#nav li a {
background-position:0 0;
border-bottom:solid #717171 5px;
}
#nav li a:hover {
background-position:0 -29px;
border-bottom:solid #7CACB6 5px;
}
#bx-1 {
background:url(img/content-bg.png) repeat-y;
width:764px;
margin:auto;
padding:15px 45px;
}
*html #bx-1 {
margin-top:-132px;
background-image:none;
background: #fff;
width:771px;
padding: 15px;
border: solid 5px #666;
border-top:none;
border-bottom:none;
}
#content-left {
width:570px;
float:left;
border-right: solid 1px #333;
}
#content-right {
float:right;
width:180px;
}
#service-content ul li{
list-style:square;
}
#service-content li{
padding: 2px 0;
margin-left:15px;
}
#service-tabs ul li{
float:left;
list-style:none;
}
#service-tabs li a{
padding:3px 10px;
display:block;
line-height:18px;
text-decoration:none;
text-align:center;
letter-spacing:1px;
font-weight:bold;
width:88px;
}
#service-tabs li a{
color:#fff;
background:#333;
}
#service-tabs li a:hover, #service-tabs a.selected {
background:#438896;
}
.service-box{
background:#f3f3f3;
border:solid 1px #333;
padding:10px;
width:518px;
}
.horz-div {
border-bottom:solid 1px #333;
width:95%;
margin-top:10px;
}
*html .horz-div {
margin-top:-5px;
}
*+html .horz-div {
margin-top:-5px;
}
.horz-div-alt {
border-bottom:solid 1px #333;
width:540px;
margin-top:0;
}
*html .horz-div-alt {
margin-top:-15px;
}
*+html .horz-div-alt {
margin-top:-15px;
}
.vert-div {
border-left:solid 1px #333;
height:185px;
float:left;
}
.tri-col {
width:165px;
float:left;
padding:15px 8px;
text-align:center;
}
.tri-col p{
padding-top:10px;
}
.right-nav ul li {
list-style:none;
}
.right-nav li a, .right-nav li a:hover {
background:url(img/arrows-rt2.gif) no-repeat right;
width:150px;
display:block;
line-height:36px;
border-bottom:solid 1px #438896;
text-decoration:none;
text-align:right;
padding-right:18px;
font-weight:bold;
letter-spacing:1px;
}
.right-nav li a {
color:#333;
}
.right-nav li a:hover {
background-color:#F3F3F3;
}
#foot-bg {
background:url(img/foot-bg.jpg);
width:854px;
height:30px;
z-index:-5;
margin:auto;
}
#foot {
margin:auto;
width: 760px;
font-size:10px;
color:#737373;
height:60px;
text-align:center;
margin-top:-5px;
}
#foot a {
color:#737373;
}
#foot a:hover {
color:#CCCCCC;
text-decoration:none;
}
<!--FORMS-->
#contact-right {
margin-left:15px;
margin-top:15px;
width:180px;
}
#contact-right ul li{
list-style:none;
}
#contact-right input[type="text"], #contact-right input[type="textarea"]{
width:170px;
}
#form-label {
font-size:11px;
}
#quote {
font-size:11px;
}
#quote ul li {
list-style:none;
}
#quote li {
padding:1px;
}
#quote-left {
float:left;
width:255px;
text-align:right;
padding-right:15px;
}
#quote-right {
float:right;
width:300px;
}
.label-alt {
margin:1px 0 3px 0;
line-height:20px;
}
#quote input, #quote select, #contact-right input{
margin: 1px 0 3px 0;
}
.btn-quote a, .btn-quote input, .btn-color-alt input{
width:127px;
border:none;
font-size:11px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
height:22px;
padding:3px 0 4px 0;
}
*+html .btn-color-alt {
margin-top:10px;
}
.btn-quote a {
text-decoration:none;
display:block;
height:15px;
}
.btn-quote a, .btn-quote input{
background:url(img/btn-curve2.png) no-repeat #AF6425;
}
*html .btn-quote a {
background:#AF6425;
}
*html .btn-quote input {
background:#AF6425;
}
.btn-color-alt input{
background:url(img/btn-curve2.png) no-repeat #438896;
}
*html .btn-color-alt input{
background:#438896;
}
.btn-quote a:hover, .btn-quote input:hover, .btn-color-alt input:hover {
background-color:#4B4B4B;
}
*html .ie-space {
height:6px;
display:block;
}
*+html .ie-space {
height:10px;
display:block;
}
*+2html .ie-space {
height:10px;
display:block;
}
<!--PORTFOLIO FRAME-->
.port-btn a{
background:url(img/btn-colors.jpg) no-repeat 0 0;
}
.port-btn2 a{
background:url(img/btn-colors2.jpg) no-repeat 0 0;
}
.port-btn a, .port-btn2 a{
float:right;
width:85px;
line-height:22px;
color:#fff;
text-transform:uppercase;
text-decoration:none;
font-size:11px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
margin: 6px 2px;
}
.port-btn a:hover{
background:url(img/btn-colors.jpg) no-repeat 0 -23px;
}
.port-btn2 a:hover{
background:url(img/btn-colors2.jpg) no-repeat 0 -23px;
}
img {
border:solid 1px #333;
}
.left {
float:left;
}
.right {
float:right;
}
#txt-bar {
width:542px;
background:#4b4b4b;
height:20px;
}
#text {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding:3px 8px;
}
<!--portfolio-->
#port-frame {
margin-left:-5px;
width:560px;
}
#port-thumbs ul li {
list-style:none;
float:left;
}
#port-thumbs li {
padding:3px;
margin-left:13px;
}
*html #port-thumbs li {
margin-left:7px;
}
#port-thumbs img{
border:solid #333 1px;
}
#port-thumbs li a:hover {
border-bottom:solid #AF6425 3px;
}
.shadetabs a {
font-size:12px;
float:left;
}
#port-tabs a {
width:54px;
background:#4b4b4b;
line-height:20px;
color:#fff;
text-decoration:none;
text-align:center;
font-weight:bold;
margin: 0 2px;
}
#port-tabs a:hover, .shadetabs a:hover {
background:#438896;
}
#port-tabs a.selected, .shadetabs a.selected{
background:#438896;
}