@charset "utf-8";
/* CSS - StaceyBarr.com
   Blue Layout - index and content
*/

body {
	background-color:#68a0ca;
}

img { border:0; }

input[type=text] { border:1px solid #979797; }

#wrapper {
	width:900px;
	margin:20px auto;
}

/* Header */
#header-top {
	background:#fff url(../images/layout/blue/header_top_bg.png) no-repeat left;
	height:10px;
	width:900px;
}
#header {
	background:#fff url(../images/layout/blue/header_bg.png) repeat-y;
	width:900px;
	height:130px;
}
#header .header-tagLine {
	padding:0 40px;
	width:530px; /* = #wrapper width - header-logo's width - left+right padding (900 - 250 - 80 = 570) */
	overflow:hidden;
}
#header .header-logo {
	position:absolute;
	width:250px;
	height:120px;
	margin:-36px 0 0 660px;
}

/* Menu Bar */
#animations {
	position:absolute;
	width:900px;
	margin-top:-81px;
}
#animations ul { list-style-type:none; padding:0; margin:0; }
#animations ul li { display:inline; }
/* align animations like in the template */
#animations .whois { padding:0 40px; }
#animations .pump { padding:0 40px; }
#animations .freeInfo { padding:0; margin-left:-10px; }
#animations .productsAndServices { padding:0 65px; }
#animations .contact { padding:0 25px; }


#menu {
	background:#4FA8DF url(../images/layout/blue/menu_bg.png) repeat-y;
	width:899px;
	height:43px;
}
#menu .menuLinks {
	padding:10px 15px;
	font:10pt Arial, Helvetica, sans-serif;
	color:#fff;
}
#menu .menuLinks ul { list-style-type:none; padding:0; margin:0; }
#menu .menuLinks ul li { display:inline; padding:0 5px; }
#menu .menuDivisor { color:#c8c8c8; }
#menu .menuLinks a { text-decoration:none; color:#fff; }
#menu .menuLinks a:hover { color:#F7E5DC; }

/* Stacey's picture */
#staceyBarr {
	background:url(../images/staceyBarrPic.png) no-repeat;
	width:170px;
	height:196px;
	position:absolute;
	margin:-100px 0 0 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	}
/* Listen to Stacey - buttons */
#listenButtons { /* for general pages */
	text-align:center;
	margin-top:10px;
}

/* Content */
#content-top {
	background:#fff url(../images/layout/blue/mainContent_top_bg.png) no-repeat;
	width:900px;
	height:7px;
	margin-top:5px;
}
#content-bottom {
	background:#fff url(../images/layout/blue/mainContent_bottom_bg.png) no-repeat;
	width:900px;
	height:10px;
	float:left;
}
#content_container {
	background:#fff url(../images/layout/blue/mainContent_bg.png) repeat-y;
	width:900px;
	float:left;
}
#content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	padding:5px 0;
}

/* for general pages - content's width = 900px */
/* Left column */
#content_leftColumn {
	width:180px;
	padding:0 10px;
	float:left;
	font-size:.8em;
}

#content_leftColumn h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #BF3202;
	font-size:1.0em;
}
#content_leftColumn h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #BF3202;
	font-size:0.8em;
}
#content_leftColumn a {
	color:#879C5E;
}
#content_middle a:hover { color:#73AAC7; }

/* Middle column */
#content_middle {
	width:440px;
	margin-left:200px;
	padding:5px;
}
#content_middle h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #BF3202;
	font-size:1.3em;
}
#content_middle h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #BF3202;
	font-size:1.1em;
}
#content_middle a {
	color:#879C5E;
}
#content_middle a:hover { color:#73AAC7; }
#content_middle .red { color:#CF3302; }

/* Right column */
#content_rightColumn {
	float:right;
	width:230px;
	margin:0 8px 0 0;
	background-color:#eecab7;
}
#content_rightColumn .rightColText {
	padding:5px 10px;
}
#content_rightColumn .rightColText h1 { font-size:1.2em; }

#content_rightColumn a {
	color:#076DAE;
}
#content_rightColumn a:hover { color:#73AAC7; }

/* Foot */
#foot {
	width:900px;
	font:.8em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
#foot_left {
	width:400px;
	padding:0 10px;
	float:left;
	color:#000;
}
#foot_right {
	width:440px;
	margin-left:450px;
	text-align:right;
	color:#000;
}
#foot_right a {
	color:#000;
}