img, div,a { behavior: url(iepngfix.htc) }
html{height:100%;}
body{height:100%;}
#navbar{
background-repeat:no-repeat;
background-image:url(images/navbar.png);
width:600px;
height:45px;
float:right;
margin-top:47px;
}
img
{ border-style: none;
}
#bg{
background-image: url(images/background.jpg);
background-position: top center;
margin-left:auto;
margin-right:auto;
background-repeat:no-repeat;
min-height:100%;
min-width:1280px;
}
ul
{
text-decoration:none;
list-style-type:none;
padding:0;
margin:0;
margin-top:15px;
}
#navbar ul
{
text-decoration:none;
list-style:none;
padding-left:12px;
}
#navbar ul li
{
padding-right:18px;
font-size:14px;
display:inline;
font-weight: bold;
}
.nav li a, .nav li a:visited
{
color:#ffffff;
}
#navbar ul li a
{
text-decoration:none;
text-transform: uppercase;
font-family:Arial, Helvetica, sans-serif;
}
#navbar ul li a:hover
{
color:#acd916;
}
#navbar ul li.current_page_item a
{
color:#bac1c8;
}
#kitchen{
font-weight:bold;
}
#logo{
margin-top:54px;
float:left;
width:352px;
height:40px;
background:url(images/logo.png);
}
.logoHistory{
float:left;
margin-top:25px;
margin-bottom:10px;
margin-right:70px;
}
a{
margin:0px;
padding:0px;
font-size:13px;
color: #376994;
text-decoration:none;
}
a:visited{
color: #376994;
}
a:hover
{
color:#74745d;
cursor:pointer;
}
#mainContent{
margin-left:auto;
margin-right:auto;
width:960px;
background: url(images/content.jpg);
background-position: 0px 0px;
}
#topround{
width:100%;
background:url(images/topround.png);
height:13px;
float:left;
margin-top:50px;
}
#content{
background:#e5e9e9;
padding-top:60px;
width:960px;
float:left;
}
#footer{
background:#e5e9e9;
padding-left:40px;
padding-top:20px;
height:15px;
}
#footround
{
background-image:url(images/footer.png);
width:960px;
height:14px;
clear:both;
background-repeat:no-repeat;
}
#iespace
{ height:40px;
width:100%;}
/*Home Page Styles */
#header{
margin-top:50px;
width:960px;
float:left;
}
#column1{
float:left;
width:418px;
margin-left:40px;
}
#column3{
float:left;
width:250px;
padding-left:40px;
}
#column5{
float:left;
width:320px;
margin-left:15px;
}
#column4{
float:left;
margin-left:60px;
width:550px;
}
#column2{
margin-left:40px;
float:left;
width:400px;
}
#gallerypreview{
margin-top:30px;
display:block;
}
.servicesoffered
{
display:block;
padding-top:20px;
background:url(images/seperator.jpg);
background-repeat:no-repeat;
padding-bottom:20px;
}
#servicelist
{
margin-top:20px;
}
/*Text Styles*/
h1{
font-family: 'Raleway', arial, serif;
font-size:30px;
font-weight:normal;
color:#123a58;
}
p,h2,h3,li,input,label,span{
font-family: tahoma,sans-serif;
font-size:13px;
font-weight:normal;
color:#535353;
margin:0px;
}
h2{
color:#000;
margin-top:30px;
font-weight:bold;
margin-bottom:5px;
}
h3{
color:#123a58;
}
.home,.page,.testimonial,.foot,.footnav li a{
font-family: 'Droid Sans', arial, serif;
font-size:18px;
font-weight:normal;
color:#535353;
}
.testimonial{
font-size:14px;
margin-top:5px;
color:#376994;
float:right;
}
.foot,.footnav li a{
font-size:12px;
display:inline;
float:left;
color:#495053;
}
.footnav li{
display:inline;
margin-right:10px;
}
.footnav li a{
color:#376994;
margin-right:10px;
}
.footnav li a:hover{
color:#74745d;}
.footnav li.current_page_item a
{
color:#152c37;
}
.footnav{
display:inline;
float:right;
margin:0;
padding-left:10px;
}
.footnav ul{
margin-top:0px;
}
.page{
color:#376994;
text-transform:uppercase;
margin-bottom:10px;
}
.t2
{
color:#152c37;
font-size:13px;
margin-top:4px;
}
.sidep
{
margin-top:20px;
}
/* Slideshow */
#slideshow {
width:960px;
height:405px;
padding-top:20px;
margin-right:auto;
position:relative;
float:left;
background-color:#e5e9e9;
}
.slides{
position:absolute;
top:10px;
left:0px;
z-index:100;
}
#slidetwo,#slidethree,#slidefour,#slidefive{
display:none;
}
#thanksforlooking{
background-image:url(images/thanksforlooking.png);
width:476px;
height:44px;
background-repeat:no-repeat;
float:right;
margin-top:50px;
}
#category{
background-color:#e5e9e9;
float:left;
border-top-left-radius: 15px 15px;
padding-left:20px;
padding-top:10px;
width:940px;
}
/*
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
*/
.slides_container {
width:960px;
overflow:hidden;
position:relative;
display:none;
}
/*
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/
.slides_container a {
width:960px;
height:400px;
display:block;
}
.slides_container a img {
display:block;
}
/*
Next/prev buttons
*/
.slides .next,.slides .prev {
position:absolute;
top:157px;
left:-24px;
width:100%;
height:43px;
display:block;
z-index:101;
}
.slides .next:hover,.slides .prev:hover {
opacity:.9;
}
.slides .next {
left:960px;
}
/*
Pagination
*/
.pagination {
margin: 10px auto;
display:table;
}
.pagination li {
float:left;
margin:0 1px;
list-style:none;
}
.pagination li a {
display:block;
width:12px;
text-indent:-199999px;
height:12px;
background-image:url(images/pagination.png);
background-position:0 0;
overflow:hidden;
}
.pagination li a:hover {
opacity:.9;
}
.pagination li.current a {
background-position:0 -12px;
}
/* Contact Form */
.message{
height:200px;
}
form#contact {
position:relative;
}
div#name,
div#email,div#phone{
position:relative;
margin-right:3px;
}
div#message{
clear:both;
position:relative;
}
.error{
color:#F00;
}
textarea#message-field{
width:20em;
height:200px;
margin-bottom:10px;
}
label#message_error{
position:relative;
top:-200px;
}
input#name-field,
input#email-field,
input#phone-field {
width:20em;
margin-bottom:10px;
margin-right:5px;
}
label.overlabel {
position:absolute;
top:3px;
left:5px;
z-index:1;
color:#999; }
label.overlabel-apply {
position:absolute;
top:3px;
left:5px;
z-index:1;
color:#999;
}