/*
Theme name: 72-degrees
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 16px;
    line-height: 13px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #231f20;
    background: #fff100 url(images/background.jpg) no-repeat top center;
    background-attachment:fixed;
}

a { color: #68aedf; text-decoration: underline; cursor:pointer; }
a:hover { color:#d00739; }
a:active  { color:#dbb121; }

a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }


.shell { width:1087px; margin:0 auto; }

.header { height:206px; width:100%; position:relative; }
h1#logo a { position:absolute; top:22px; left:-15px; height:277px; width:624px; z-index:2; background:url(images/logo.png); }

.thermostat { position:absolute; top:11px; right:3px; background:url(images/thermostat.png); height:267px; width:442px; z-index:45; }
.thermostat strong { font-weight: normal; text-decoration:none; font-size:10px; color:#fff; float:left; text-decoration:none; padding:69px 160px 83px 124px; position:relative; z-index:99; }

.main-t { height:25px; position:relative; background:url(images/main-t.png) no-repeat; font-size:21px; color:#000; padding-top:17px; }
.main-t p { text-align:center; position:relative; z-index:99; }

#navigation { height:47px; font-size:16px; position:relative; z-index:70; }
.rel { background:url(images/navigation.png) no-repeat; margin-left:36px; height:100%; padding-top:1px; }
#navigation ul { list-style:none; padding:10px 0 0 26px; text-transform:uppercase; }
#navigation ul li { float:left; position:relative; margin:0 12px; }
#navigation ul li.first { margin-left:0; }
#navigation ul li a, #navigation ul li a span { line-height:26px; color:#fff; text-decoration:none; float:left; height:31px; padding:0 0 0 8px; }
#navigation ul li a span { padding:0 16px 0 0 ; }

#navigation ul li a:hover, #navigation ul li a:hover span { background:url(images/navigation-hover.gif) no-repeat left 0; color:#68aedf; }
#navigation ul li a:hover span { background-position: right 0; }

#navigation ul li a.active, #navigation ul li a.active span { background:url(images/navigation-hover.gif) no-repeat left 0; color:#68aedf; font-weight:bold; }
#navigation ul li a.active span { background-position: right 0; }


#navigation ul li .dd { width:195px; position:absolute; top:30px; left:-10px; min-height:124px; display:none; z-index:99; background:url(images/help.gif) repeat; }
#navigation ul li .dd-b { height:18px; background:url(images/dd-b.png) no-repeat; width:100%; } 
#navigation ul li .dd-c { background:url(images/dd.png) repeat-y; padding: 0 6px 0 3px; min-height:85px; }

#navigation ul li .dd-c-t { background:url(images/dd-t.jpg) no-repeat 0 top; }
#navigation ul li .dd-c-b { background:url(images/dd-c-b.jpg) no-repeat 0 bottom; min-height:100px; padding-left:4px; }
#navigation ul li .dd-c-c { background:url(images/dd-c-c.jpg) repeat-y; }

#navigation ul li .dd ul { padding:5px 0 0 0; text-transform:none; }
#navigation ul li .dd ul li { float:none; position:static; margin:0; }
#navigation ul li .dd ul li a { line-height:18px; font-size:14px; padding:0; float:none; color:#fff !important; font-weight:bold; display:block; height:19px; padding-left:7px; }
#navigation ul li .dd ul li a:hover { background:url(images/dd-hover.png) no-repeat; }

.main-c { background:url(images/main-c.png) repeat-y; padding:0 65px 169px 67px; width:957px; }

p.paging { padding: 12px 0 12px 20px; font-weight:bold; color:#4e5777; }
p.paging span { padding:0 2px 0 8px; }
p.paging a.active {
	text-decoration: none;
}

.content { padding:3px 46px 0 12px; line-height: 130%; }
.content h2 { font-size:19px; color:#333d62; line-height:19px; padding-bottom:12px; }

.main-b { height:129px; background:url(images/main-b.png) no-repeat 0 0; padding-top:8px; }
p.footer-navigation { padding-left:270px; text-transform:uppercase; font-size:12px; }
p.footer-navigation a { margin:0 7px; }
p.footer-navigation a, p.footer-navigation a span { float:left; height:23px; padding:0 0 0 11px; text-decoration:none; line-height:20px; }
p.footer-navigation a span { padding:0 11px 0 0; }

p.footer-navigation a:hover, p.footer-navigation a:hover span { background:url(images/footer-navigation.gif) no-repeat left 0; color:#fff; }
p.footer-navigation a:hover span { background-position:right 0; }

p.footer-navigation a.active, p.footer-navigation a.active span { background:url(images/footer-navigation.gif) no-repeat left 0; color:#fff; font-weight:bold; }
p.footer-navigation a.active span { background-position:right 0; }

p.copy { font-size:12px; text-align:center; padding-top:35px; color:#000; }
p.copy a { color:#000; }
p.copy a:hover { text-decoration:none; }

.slider { height:300px; width:944px; background:url(images/slider.gif) no-repeat; padding:9px 0 0 11px; }
.slider-holder { margin-top:5px; }
.slider-holder, .jcarousel-clip { height:275px; width:559px; position:relative; overflow:hidden; float:left; }
.slider-holder ul { list-style:none; height:275px; width:559px; position:relative; overflow:hidden; }
.slider-holder ul li { float:left; height:275px; width:559px; position:relative; overflow:hidden; }

.slider-navigation { width:360px; float:left; margin-left:10px; position: relative; }
.box { height:78px; background:url(images/box.gif) no-repeat; padding:10px 10px 7px 10px; }
.box h2 { color:#68aedf; font-size:16px; padding-bottom:7px; font-weight: bold; }
.box p { color:#fff; line-height:0.8em; font-size:14px; }
.slider .active { position:relative; }
.slider .active h2 a { color:#ff0543; }
 
/* .slider .active span { height:61px; width:26px; background:url(images/active.png); position:absolute; left:-25px; top:18px; } */
.slider .arrow-span {
	background: url(images/active.png) repeat scroll 0 0 transparent;
	height: 61px;
	left: -25px;
	position: absolute;
	z-index: 10000;
	width: 26px;
	top: 18px;
}
.footer { position:relative; height:100%; width:100%; }