/*
Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
caption, tfoot, thead, th{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/*
Main Styles */
body {
background:url(../images/background-scroll.png) repeat-x ;
color:#000 ;
font-family: Verdana;
font-size:13px;
text-align: left;
word-spacing: normal;
text-decoration: none;
}
/*
Classes */
h2 {color: #757575; font-size:14px;}
.img {behavior: url(style/iepngfix.htc); }
.black {color:#000;}
.black-text {color:#000; text-align:center; font-weight:bold;}
.right {float:right}
.left {float:left}
.center {text-align:center;}
.clear {clear:both;}
.large {font-size:14px}
.border { border: 1px solid #000;}
/*
Links */
a.one:link {color: #fa9715; text-decoration: none}
a.one:visited {color: #fa9715; text-decoration: none}
a.one:hover {color: #000; text-decoration: none}
a.one:active {color: #fa9715; text-decoration: none}
a.blue:link {color: #5A89C4; text-decoration: none}
a.blue:visited {color: #5A89C4; text-decoration: none}
a.blue:hover {color: #000; text-decoration: none}
a.blue:active {color: #5A89C4; text-decoration: none}
a.black:link {color: #000; text-decoration: none}
a.black:visited {color: #000; text-decoration: none}
a.black:hover {color: #5A89C4; text-decoration: none}
a.black:active {color: #000; text-decoration: none}
.black-text a:link {color: #5A89C4; text-decoration: none}
.black-text a:visited {color: #5A89C4; text-decoration: none}
.black-text a:hover {color: #000; text-decoration: none}
.black-text a:active {color: #5A89C4; text-decoration: none}
#footer-text a:link {color: #000; text-decoration: none}
#footer-text a:visited {color: #000; text-decoration: none}
#footer-text a:hover {color: #5A89C4; text-decoration: none}
#footer-text a:active {color: #000; text-decoration: none}
/*
Wrapping */
#wrap {
background:url(../images/footer-scroll.png) repeat-x bottom center;
height:100%;
padding-bottom:35px;
}
#wrap2 {
background:url(../images/footer-scroll.png) repeat-x bottom center;
height:100%;
}
#wrap-inner {
width:960px;
margin:0 auto;
}
#header-wrap {
background:url(../images/header-drop.jpg) no-repeat ;
behavior: url(style/iepngfix.htc);
width:960px;
height:561px;
float:left;
}
#header-projects {
margin: 148px 0 0 115px;
behavior: none;
width:455px;
float:left;
}
#header-menu {
float:left;
margin: 116px 0 0 44px;
}
#header-title {
float:left;
margin:26px 0 0 238px;
}
#content-wrap {
width:960px;
float:left;
}
#middle-content-wrap, #middle-content-wrap {
margin:0 10px 0 10px;
float:left;
background:#fff;
}
#middle-content-wrap {
width:510px;
}
#middle-content-wrap2 {
width:950px;
color:#757575;
}
#title-wrap {
text-align:right;
}
#right-content-wrap {
width:430px;
float:left;
}
/*
Form*/
#bookingForm {
width:586px;
}
label {
font-weight:bold;
width: 9.2em;
float: left;
text-align: right;
margin-right: 0.2em;
display: block
}
select {
font-weight:bold;
border:2px solid #ee592b;
}
input.form {
width:150px;
border:none;
border:1px solid #FA9715;
font-weight:bold;
}
textarea {
padding-left:0.2px;
width:170px;
height:50px;
}
.form2 {width:65px; margin:0; padding:0;}
.clearButton {
width: 28px;
height: 11px;
padding: 55px 0 0;
margin: 10px 0;
border: 0;
background: transparent url(../images/clear-button.png) no-repeat center top;
overflow: hidden;
cursor:pointer;
}
.submit {
width: 98px;
height: 23px;
padding: 75px 0 0;
margin: 0;
border: 0;
background: transparent url(../images/submit-btn.png) no-repeat center top;
overflow: hidden;
cursor:pointer;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 240px; /* Main Menu Item widths */
}
.sidebarmenu ul li{
position: relative;
}
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding-bottom:2px;
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color:; /*background of tabs (default state)*/
}
.sidebarmenu ul li a:visited{
color: white;
}
.sidebarmenu ul li a:hover{
color:#6494CC;
}
.sidebarmenu ul li ul li a:hover, .sidebarmenu ul li ul li{
background-color:#000;
margin-bottom:2px;
}
/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}
.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
/*
Scroller */
#header-scroller {
margin: 176px 0 0 103px;
behavior: none;
width:464px;
float:left;
}
#s4 {width:300px; float:left;}
.slideshow { height: 232px; width: 232px; margin: auto }
#s4 img { border: 1px solid #d3c7b7; }
#nav a { color:#fff; border: 1px solid #325680; background: #8caed7; font-weight:bold; text-decoration: none; margin: 0 5px; padding: 3px 5px; }
#nav a.activeSlide { color:#fff; border: 1px solid #325680; background: #8caed7; }
#nav a:focus { outline: none; }
#pager {width:40px;float:left;}
#pager ul, #pager li { list-style:none; padding:0;}
#pager li { padding:6px; margin-bottom:2px;}
/*
Footer */
#footer-wrap {
width:960px;
margin:0 auto;
color:#b8b8b8;
}
#footer-text {
width:860px;
text-align:right;
}
#footer-text2 {
width:610px;
text-align:left;
margin-left:254px;
padding-bottom:10px;
}
#traff1k-tag {
width:860px;
text-align:right;
padding-bottom:15px;
}