/* CSS Document */

/* Flowserve dark blue #002E52 */
/* Flowserve light blue #99ABD8 */


/* PAGE STRUCTURE */
body { }
#wrapper {
	width:910px;
	padding:40px;
	margin:30px auto 0;
	background-color:#fff;
	overflow:auto;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #002E52;
}
body {
	background-color: #99ABD8;
	background-image: url(../img/background_top.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family:Arial, Helvetica, sans-serif; color:#002E52;
}
a {color:#99ABD8;}
a:hover {color:#002E52}

/* HEADER */
#logo {width:300px; height:100px; float:left;}
#contact {width:500px; height:100px; float:right; text-align:right; }
#showcase {width:910px; height:250px; float:left; margin-top:10px;}

#maincontent {width:910px; float:left; margin-top:30px;}

#footer {width:910px; float:left; margin-top:30px;}

/* TYPOGRAPHY */

p { font-size:14px; line-height:20px; margin:0 0 10px 0;}
p strong { font-weight:bold}
h1 { font-size:26px; margin:0 0 15px 0;}
h1 span {font-size:18px;}
h2 { font-size:15px; margin:0 0 15px 0;}
h2 span {font-size:14px;}
h3 { font-size:16px; margin:20px 0 15px 0;}
h3 strong { font-weight:bold;}
em {font-style:italic; font-size:14px; line-height:20px; margin:0 0 10px 0;}

.column {width:560px; float:left; }
.services {width:310px; float:right;}

#maincontent ul {font-size:14px; line-height:20px; margin:0 0 10px 0; list-style-position:outside; list-style-type:bullet; margin-left:30px;}
#maincontent li {font-size:14px; line-height:20px; margin:0 0 3px 0;}

/* NAVIGATION */

#navigation  { height: 23px; width: 895px; float: left;
	margin: 25px 0 0 0; background-color:#f5f5f5; color: #FFF; padding: 7px 0 0 15px; font-size: 15px; font-family:Arial, Helvetica, sans-serif; }
#navigation ul { list-style:none;}
#navigation li { float:left; display:inline-block; border-right-width: 1px; border-right-style: solid; border-right-color: #99ABD8; }
#navigation li a { color: #002E52; text-decoration: none;
	padding:0 20px 0 0; margin:0 0 0 20px;}
#navigation li:last-child { border-right:0px; }
#navigation a:visited { color: #002E52; text-decoration: none;}
#navigation a:hover {color: #CCCCCC;}
#navigation a:active {color: #002E52;}

/* SERVICE BUTTONS */

.button {width:310px; height:60px; margin:0 0 10px 0; display:block}
.button span { position: absolute; top: -999em; }

.emergency:link { background-image:url(../img/Emergency_button.jpg); background-position: 0 -60px;}
.emergency:hover { background-image:url(../img/Emergency_button.jpg); background-position: 0 0px;}

.general:link { background-image:url(../img/general_button.jpg); background-position: 0 -60px;}
.general:hover { background-image:url(../img/general_button.jpg); background-position: 0 0px;}

.heating:link { background-image:url(../img/heating_button.jpg); background-position: 0 -60px;}
.heating:hover { background-image:url(../img/heating_button.jpg); background-position: 0 0px;}

.new_install:link { background-image:url(../img/new_install_button2.jpg); background-position: 0 -60px;}
.new_install:hover { background-image:url(../img/new_install_button2.jpg); background-position: 0 0px;}


/* SLIDER */

.nivoSlider {
    position:relative;
    width:910px; /* Change this to your images width */
    height:250px; /* Change this to your images height */
    background:url(img/loading.gif) no-repeat 50% 50%;}
.nivoSlider img {
    position:absolute; top:0px; left:0px; display:none;
}
.nivoSlider a { border:0; display:block;}