/* CSS Document */
/* styles with "*html" in front are hacks to adjust the position and padding so that IE6 rneders the same as IE7 and FFox */
/* ------------------------------------------------------
Main page structural styles
--------------------------------------------------------- */
* { margin: 0; padding: 0; }
body, html {width: 100%; font-size: 101%; /* Hack for better IE support */ color: #000; font-family: Arial, Helvetica, sans-serif;}
/* div encapsulating whole page */
#wrapper { width: 900px; margin-top: 0px; margin-right: auto; margin-left: auto; height: auto; background-color:#FFFFFF;
padding-bottom: 5px; position: relative;}
/* topbar including log and navigation */
#topbar { height: 80px; width: 880px; margin-top: 0px; margin-right: auto; margin-left: auto;}
#large-image { height: 258px; width: 880px; margin-right: auto; margin-left: auto; background-image: url(assets/mainimage.jpg);
background-repeat: no-repeat; z-index: 100;}
#large-image-innerpages {height: 150px; width: 880px; margin-right: auto; margin-left: auto; background-image: url(assets/example-top-image.jpg); background-repeat: no-repeat; z-index: 100;}
/* div encapsulates the main content window of each page */
#maincontent {height: auto; width: 880px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 20px;
background-repeat: repeat-x;}
#maincontent a:link {color: #A82223; text-decoration: none; font-weight: normal;}
#maincontent a:visited {color: #990100; text-decoration: none;}
#maincontent a:hover {color: #990000; text-decoration: underline; }
/* Main divs for homepage */
#home-left {width: 536px; float: left; height: 385px; margin-top: 10px; margin-bottom: 5px;}
#home-right {float: right; height: 320px; width: 330px; margin-top: 10px; margin-bottom: 10px; padding-top: 5px;
padding-right: 0px; padding-bottom: 10px; padding-left: 10px; margin-right: 0px;}
#topbar img {float:left;}
#widediv { height: 170px; width: 880px; margin-right: auto; margin-top: 0px; margin-left: 10px; background-image: url(assets/wide-bg.jpg); background-repeat: repeat-x; clear: both; float: left; background-color: #A1A1A1;}
#topbar img {float:left;}
#widediv { height: 170px; width: 880px; margin-right: auto; margin-top: 0px; margin-left: 10px; background-image: url(assets/wide-bg.jpg); background-repeat: repeat-x; clear: both; float: left; background-color: #A1A1A1;}
#widediv img {margin-top: 15px; margin-left: 12px; margin-right: 8px; float: left;}
#home-left p {font-family: Arial, Helvetica, sans-serif; margin-right: 15px; margin-left: 7px; margin-top: 5px; font-size: 0.8em; margin-bottom: 15px; line-height: 1.4em;}
#home-right p { font-family: Arial, Helvetica, sans-serif; font-size: .8em; margin-top: 0px;}
#widediv a:link img{border:2px #666 solid;}
#widediv a:visited img{border:2px #666 solid;}
#widediv a:hover img{border:2px #fff solid;}
#slogan {
float: right;
width: 310px;
height: 60px;
bottom: 0px;
margin-top: 178px;
color: #FFFFFF;
font-size: 1.2em; /* for IE */
filter:alpha(opacity=85); /* CSS3 standard */
opacity:0.85;
font-family: Arial, Helvetica, sans-serif;
text-align: right;
margin-right: 0px;
background-color: #333333;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 5px;
}
.quote {width: 315px; float: right; margin-top: 15px; color: #FFFFFF; font-style: normal; font-size: 0.75em; line-height: 1.35em; font-weight: bold; margin-right: 5px;}
.intro {font-size: 1.1em; line-height: 1.3em; color: #336666; font-weight: bold;}
/* main divs for all inner pages */
#innerpage-left { width: 536px; float: left; height: auto; margin-top: 10px; margin-bottom: 20px;}
#innerpage-right { float: right; height: 290px; width: 315px; margin-top: 10px; margin-bottom: 10px; padding-top: 0px;
padding-right: 0px; padding-bottom: 10px; padding-left: 10px; margin-right: 0px;}
#innerpage-thin-right-column {
float: left;
width: 200px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
margin-right: 0px;
margin-left: 5px;
}
#left-column-clients {width: 635px; float: left; height: auto; margin-top: 10px; margin-bottom: 20px;}
/* ------------------------------------------------------
Footer styles
---------------------------------------------------------*/
#footer {height: 40px; width: 880px; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: 10px;
background-image: url(assets/footer-bg.jpg); background-repeat: repeat-x; color: #999999; font-size: 0.7em; clear: both;
float: left; border-top-width: 5px; border-top-style: solid; border-top-color: #990001;}
.footer-left{margin-left: 15px; margin-top: 10px; float: left;}
.footer-right { margin-left: 15px; margin-top: 10px; float: right; margin-right: 15px;}
#footer a:link {color: #FFFFFF; text-decoration: none;}
#footer a:visited { color: #FFFFFF; text-decoration: none;}
#footer a:hover { color: #CC0000;}
/* -------------------------------------------
Headers
----------------------------------------------*/
h1 {
width: 450px;
margin-top: 5px;
color: #990000;
font-size: 1.2em;
margin-left: 7px;
margin-bottom: 10px;
}
h2 {
width: 240px;
margin-top: 10px;
margin-bottom: 5px;
background-position: left top;
color: #990000;
font-size: 1em;
padding-bottom: 0px;
}
h3 {
font-size: 1em;
margin-bottom: 4px;
color: #990000;
}
h4 {font-size: 0.9em; margin-bottom: 4px; color: #990000;}
#left-column-clients h1 {margin-left:0px;}
#innerpage-left p { font-family: Arial, Helvetica, sans-serif; margin-right: 15px; margin-left: 7px; margin-top: 0px; font-size: 0.8em; margin-bottom: 15px; line-height: 1.3em;}
#innerpage-right p { font-family: Arial, Helvetica, sans-serif; font-size: .8em; margin-top: 0px; margin-bottom: 5px;}
#innerpage-right img {}
#whatwethink { background-image: url(assets/what-think-h2.jpg); background-repeat: no-repeat;}
.float-right {float:right; margin-top: 15px; margin-right: 0px;}
#aboutus-h {background-image: url(assets/h1-aboutus.jpg); background-repeat: no-repeat; margin-top: 15px; margin-left: 5px;}
#ourvision {background-image: url(assets/ourvision-h2.jpg); background-repeat: no-repeat;}
.quote-author {
font-size: 0.7em;
color: #FFFFFF;
padding-top: 4px;
margin-top: 4px;
}
.red-text {
color: #FFFFFF;
background-color: #990000;
padding: 10px;
font-size: 0.8em;
float: left;
width: 210px;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.grey-text {
color: #990000;
background-color: #E1E1E1;
padding: 10px;
font-size: 0.8em;
float: left;
width: 210px;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.red-text-aboutpage {
color: #FFFFFF;
background-color: #990000;
padding: 10px;
font-size: 0.8em;
float: left;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 297px;
}
.bold {font-weight:bold;}
.margin-top {margin-top:10px;}
/*adds border to google map */
iframe{border:2px solid #ccc;}
/* Contact form styles */
.label {
font-size:0.8em;
padding-top:4px;
padding-right: 5px;
padding-left: 5px;
}
input {
background-color: #fff;
border: 1px solid #990001;
margin-top: 4px;
margin-bottom: 4px;
margin-right: 3px;
margin-left: 3px;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 4px;
}
.turquoise-text {
color: #006699;
}
#left-column-clients ul {
font-size: .8em;
color: #006699;
list-style-type: square;
list-style-position: inside;
margin-left: 0px;
margin-top: 0px;
}
#left-column-clients img {
border:1px solid #000;
margin-top: 4px;
}
/* Testimonials page */
.test-quote-grey {
background-color: #ccc;
color: #000000;
margin-bottom: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 1px;
padding-left: 5px;
}
.test-quote-red {
background-color: #993333;
color: #FFFFFF;
margin-bottom: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 1px;
padding-left: 5px;
}
.quote-red {color:#990000;}
#left-column-clients table {width:630px;}
#left-column-clients p { font-family: Arial, Helvetica, sans-serif; margin-right: 15px; margin-left: 0px; margin-top: 0px; font-size: 0.8em; margin-bottom: 15px; line-height: 1.3em;}