body, html {
height : 100%;
background-image:url(images/bg.jpg);
background-color:#7F7F7F;
background-repeat:repeat;
font-family : Tahoma;
font-size : 12px;
margin: 0;
padding: 0;
}
h1{
font-size :21px;
font-family:Arial, Helvetica, sans-serif;
color:#D82633;
margin-top:9px;
margin-left:10px;
}
@font-face {
font-family: 'MyriadPro-Cond';
/* src: url('fonts/riesling.eot');*/
src: local('MyriadPro-Cond'), local('MyriadPro-Cond'), url('fonts/MyriadPro-Cond.ttf') format('truetype');
}
#wrapper {
width: 100%;
margin: 0;
padding: 0;
position:relative;
}
#linkbbb { width:56px;
height:94px;
margin-left:12px;
margin-top:10px;
position:relative;
cursor:hand;
float:left;
}
#body-content
{
width: 962px;
margin: 0 AUTO;
}
.header
{
width: 962px;
padding-top:10px;
height:140px;
margin: 0 AUTO;
}
.logo{
float:left;
position:relative;
z-index:2;
}
.slogan{
background-image:url(images/slogan.png);
width:569px;
height:129px;
float:right;
margin-top:56px;
margin-right:-6px;
}
.slider
{
border-bottom:#999999 1px solid;
background-color:#FFFFFF;
width: 962px;
height:424px;
margin-top:68px;
}
.top-slider
{
background-image:url(images/top-slider.jpg);
width: 934px;
height:80px;
margin: 0 AUTO;
}
.middle-slider
{
background-color: #FFFFFF;
width: 934px;
height:280px;
margin: 0 AUTO;
}
.menu_frame
{
background-image:url(images/menu-bg.jpg);
background-color: #006699;
width: 934px;
height:50px;
margin: 0 AUTO;
}
.cols_container
{
background-image:url(images/col_bg.png);
background-repeat:repeat-x;
width: 962px;
height:333px;
margin-top:4px;
}
.content
{
background-image:url(images/col_bg.png);
width: 962px;
height:238px;
}
.left-content
{
background:url(images/cols_bg.jpg) repeat;
float:left;
border:#666666 1px solid;
width: 304px;
margin-top:10px;
margin-left:11px;
}
.left-content-index
{
background:url(images/cols_bg.jpg) repeat;
float:left;
border:#666666 1px solid;
width: 304px;
margin-top:10px;
margin-left:11px;
height:305px;
}
.title
{
font-size :21px;
font-family:Arial, Helvetica, sans-serif;
color:#D82633;
margin-top:9px;
margin-left:10px;
}
.left_title_content
{
margin-left:14px;
float:left;
width:120px;
}
.left_title_content p
{
margin-top:4px;
margin-bottom:4px;
}
.left-content p
{
margin-left:11px;
margin-right:11px;
text-align:justify;
font-size:14px;
color:#333333;
line-height:140%;
}
.left-content-index p
{
margin-left:11px;
margin-right:11px;
text-align:justify;
font-size:14px;
color:#333333;
line-height:140%;
}
.left-content table
{
margin-top:1px;
margin-left:11px;
margin-right:11px;
text-align:justify;
font-size:14px;
color:#333333;
border:0;
}
.left-content textarea
{
height:40px;
width:270px;
}
.left-content input
{
height:17px;
width:270px;
}
.left-content-index table
{
margin-top:1px;
margin-left:11px;
margin-right:11px;
text-align:justify;
font-size:14px;
color:#333333;
border:0;
}
.left-content-index textarea
{
height:40px;
width:270px;
}
.left-content-index input
{
height:17px;
width:270px;
}
.inner-content
{
background-color:#FFFFFF;
float:left;
border:#cccccc 1px solid;
width: 938px;
height:223px;
margin-top:8px;
margin-left:11px;
}
.inner-content img
{
float:left;
margin-left:10px;
margin-right:10px;
margin-top:6px;
}
.inner-content p
{
margin-top:10px;
text-align:justify;
margin-right:10px;
font-size:14px;
}
.clear{
clear:both;
}
.footer
{
clear:both;
background:url(images/footer_bg.png) repeat-x;
width: 962px;
height:4px;
margin-top:6px;
position:relative;
color:#FFFFFF;
}
.footer_content
{
margin-top:1px;
color:#FFFFFF;
text-align:center;
height:30px;
}
.footer_content a
{
color:#FFFFFF;
text-decoration:none;
}
.footer_content a:hover
{
color:#FFFFFF;
text-decoration:underline;
}
/*****************menu**/
.menu{
width: 100%; /* The menu should be the entire width of it's surrounding object, in this case the whole page */
/* background-color: #333;*/
} /* dark grey bg */
.menu ul{
font-size:15px;
font-weight:bold;
margin: 6px 3px;
padding: 0;
float: left;}
.menu ul li{
display: inline;} /* Makes the link all appear in one line, rather than on top of each other */
.menu ul li a{
float: left;
text-decoration: none; /* removes the underline from the menu text */
color: #333333; /* text color of the menu */
padding: 8.5px 58px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */
/*background-color: #333;*/
}
.menu ul li a:visited{ /* This bit just makes sure the text color doesn't change once you've visited a link */
color: #333333;
text-decoration: none;}
.menu ul li a:hover, .menu ul li a.current{
color: #D82633;
text-decoration:underline;
/*background-color:#0b75b2;*/
} /* change the background color of the list item when you hover over it */
.slides
{
margin-top:0px;
margin:0 -40px;
min-height:0;
}
/**********inside pages*/
.cols_container_inside
{
background:#FFFFFF url(images/col_bg.png) repeat-x;
width: 962px;
margin-top:4px;
}
.kontainer
{
background-color:#FFFFFF;
}
.kontent_right
{
float:right;
color:#D82633;
width:320px;
background:#FFFFFF url(images/col_bg.png) repeat-x;
border:#E5E5E5 1px solid;
display:inline;
margin-bottom:6px;
}
.kontent_left
{
float:left;
color:#D82633;
width:630px;
background:#FFFFFF url(images/col_bg.png) repeat-x;
border:#E5E5E5 1px solid;
display:inline;
margin-bottom:6px;
}
.titles
{
font-size :25px;
font-family:Arial, Helvetica, sans-serif;
color:#D82633;
margin-top:10px;
margin-bottom:-7px;
margin-left:14px;
font-weight:lighter;
}
.sub_titles
{
font-size :18px;
font-family:Arial, Helvetica, sans-serif;
color:#006495;
margin-top:7px;
margin-left:14px;
}
.text
{
width:600px;
background-color:#FFFFFF;
margin-top:7px;
margin-left:14px;
font-size:15px;
color:#666666;
text-align:justify;
}
.text p
{
padding-top:10px;
padding-left:10px;
padding-right:10px;
}
.lista
{
color:#006495;
}
.liner
{
width:600px;
height:1px;
border-bottom:dotted 1px #E5E5E5;
}
/*estimate button*/
.myButton input {
background:url(images/submit.png) no-repeat;
cursor:pointer;
width: 93px;
height: 29px;
border: none;
}
.credit{
height: 125px;
width: 125px;
position: relative;
top: -12px;
left: -105px;
}
.right p{
float:right;
margin-left: 7px;
width: 290px;
}
.left p{
width:300px;
float:left;
}