/*  
Theme Name: Garlock's
Theme URI: http://www.riversidemediagroup.com
Description: Wordpress theme for Garlock's Design Center in Alexandria Bay
Version: 1.0
Author: Jason Clement
Author URI: http://www.riversidemediagroup.com/
*/

/* basics */

*{margin:0; padding:0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #f4ecca;
	text-align: center;
	color: #333;
	}
	
/* images and misc. */

img{ border: none; margin: 0px; padding: 0px}
img a{ border:none;}

img .alignleft{ float: left; border: solid 1px #fff; padding: 0px; }
img .alignright{ float: right; border: solid 1px #fff; padding: 10px; }

/* links */

a{
	color:#557c4e;
	text-decoration:none;
	border: none;
	}

a:hover {
	color:#000;
	text-decoration: underline; 
	border: none;
	}

/* container */

#container {
	width: 935px;
	background-image: url(images/container-bg.jpg);
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	border-left: solid 2px #557c4e;
	border-right: solid 2px #557c4e;
	border-bottom: solid 2px #557c4e;
	clear: both;
	}
	
/* header */

#header {
	clear: both;
	width: 935px;
	height: 325px;
	margin: 25px auto 0px auto;
	border: solid 2px #557c4e;
	background-image: url(images/garlocks-design-center.jpg);
}

#photos {
	display: block;
	width: 585px;
	height: 325px;
	margin: 0;
	float: left;
}

#header h1 {
	display: block;
	width: 350px;
	height: 325px;
	line-height: 0px;
	margin: 0;
	text-indent: -9999px;
	float: left;
}

#header h2 {
	display: none;
}

/* main menu */

#mainnav{
	clear: both;
	background-color: #557c4e;
	height: 50px;
	width: 939px;
	padding: 0px;
	margin: 0px auto;
}

#nav {
	padding:0px; 
	margin:0px auto;
	list-style:none; 
	height:50px; 
	position:relative; 
	z-index:200; 
	width:939px; 
	}
	
#nav li.top {
	display:block; 
	float:left;
	font-weight: normal;
	}
	
#nav li a.top_link {
	display:block;
	float:left;
	height:50px;
	cursor:pointer;
	}
	
#nav li a.top_link_appliances {
	display:block;
	float:left;
	width: 100px;
	height:50px;
	cursor:pointer;
	background-image: url(images/nav.gif);
	background-position: 0px 0px;
	text-indent: -9999px;
	}
	
#nav li a.top_link_appliances:hover {
	background-position: 0px 50px;
	}
	
#nav li a.top_link_bath {
	display:block;
	float:left;
	width: 55px;
	height:50px;
	cursor:pointer;
	background-image: url(images/nav.gif);
	background-position: -100px 0px;
	text-indent: -9999px;
	}
	
#nav li a.top_link_bath:hover {
	background-position: -100px 50px;
	}
	
#nav li a.top_link_building {
	display:block;
	float:left;
	width: 80px;
	height:50px;
	cursor:pointer;
	background-image: url(images/nav.gif);
	background-position: -155px 0px;
	text-indent: -9999px;
	}
	
#nav li a.top_link_building:hover {
	background-position: -155px 50px;
	}
	
#nav li a.top_link_flooring {
	display:block;
	float:left;
	width: 85px;
	height:50px;
	cursor:pointer;
	background-image: url(images/nav.gif);
	background-position: -235px 0px;
	text-indent: -9999px;
	}
	
#nav li a.top_link_flooring:hover {
	background-position: -235px 50px;
	}
	
#nav li a.top_link_kitchens {
	display:block;
	float:left;
	width: 82px;
	height:50px;
	cursor:pointer;
	background-image: url(images/nav.gif);
	background-position: -320px 0px;
	text-indent: -9999px;
	}
	
#nav li a.top_link_kitchens:hover {
	background-position: -320px 50px;
	}
	
#nav li a.top_link_landscaping {
	display:block;
	float:left;
	width: 110px;
	height:50px;
	cursor:pointer;
	background-image: url(images/nav.gif);
	background-position: -402px 0px;
	text-indent: -9999px;
	}
	
#nav li a.top_link_landscaping:hover {
	background-position: -402px 50px;
	}
	
#nav li a.top_link_lighting {
	display:block;
	float:left;
	width: 83px;
	height:50px;
	cursor:pointer;
	background-image: url(images/nav.gif);
	background-position: -512px 0px;
	text-indent: -9999px;
	}
	
#nav li a.top_link_lighting:hover {
	background-position: -512px 50px;
	}
	
#nav li a.top_link_paint {
	display:block;
	float:left;
	width: 70px;
	height:50px;
	cursor:pointer;
	background-image: url(images/nav.gif);
	background-position: -595px 0px;
	text-indent: -9999px;
	}
	
#nav li a.top_link_paint:hover {
	background-position: -595px 50px;
	}
	
#nav li a.top_link_plumbing {
	display:block;
	float:left;
	width: 90px;
	height:50px;
	cursor:pointer;
	background-image: url(images/nav.gif);
	background-position: -665px 0px;
	text-indent: -9999px;
	}
	
#nav li a.top_link_plumbing:hover {
	background-position: -665px 50px;
	}
	
#nav li a.top_link_power {
	display:block;
	float:left;
	width: 92px;
	height:50px;
	cursor:pointer;
	background-image: url(images/nav.gif);
	background-position: -755px 0px;
	text-indent: -9999px;
	}
	
#nav li a.top_link_power:hover {
	background-position: -755px 50px;
	}
	
#nav li a.top_link_windows {
	display:block;
	float:left;
	width: 90px;
	height:50px;
	cursor:pointer;
	background-image: url(images/nav.gif);
	background-position: -847px 0px;
	text-indent: -9999px;
	}
	
#nav li a.top_link_windows:hover {
	background-position: -847px 50px;
	}
	
#nav li a.top_link span {
	float:left; 
	display:block; 
	padding:0px; 
	height:50px;
	}

#nav li a.top_link span.down {
	float:left; 
	display:block; 
	padding:0px; 
	height:50px;
	}

#nav li:hover a.top_link, #nav a.top_link:hover {
	}

#nav li:hover a.top_link span, #nav a.top_link:hover span {
	}

#nav li:hover a.top_link span.down, #nav a.top_link:hover span.down {
	}

#nav li.current:hover a.top_link, #nav li.current a.top_link:hover {
	}
	
#nav li.current:hover a.top_link span, #nav li.current a.top_link:hover span {
	}

#nav li.current:hover a.top_link span.down, #nav li.current a.top_link:hover span.down {
	}

#nav table {
	border-collapse:collapse; 
	padding:0; 
	width:0; 
	height:0; 
	margin:0 -20px 0 0;
	}

#nav .sub {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
	z-index:1000;
	}

#nav li:hover {
	position:relative; 
	z-index:1000;
	}

#nav a:hover {
	position:relative; 
	white-space:normal; 
	z-index:1000;
	}

#nav :hover ul.sub {
	left:8px; 
	top:40px; 
	background: #557c4e; 
	padding:0px; 
	border-top:1px solid #fff; 
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	white-space:nowrap; 
	width:125px; 
	height:auto; 
	z-index:1100;
	}

#nav :hover ul.sub li {
	display:block; 
	position:relative; 
	float:left; 
	width:90px; 
	font-weight:normal;
	}
	
#nav :hover ul.sub li a {
	display:block; 
	font-size:12px; 
	width:125px; 
	line-height:20px; 
	text-indent:5px;
	text-align: left; 
	color:#FFF; 
	text-decoration:none;
	border-bottom: solid 1px #fff;
	}

#nav :hover ul.sub li a:hover {
	background:#fff; 
	color:#557c4e; 
	border-color:#fff;
	}

#nav li.current a:hover, #nav li.current:hover {
	position:static; 
	white-space:normal; 
	z-index:1;
	}

/* Menu 3 */

#nav3, #nav3 ul {
	width : 935px;
	height : 35px;
	list-style : none;
	padding : 0;
	margin : 0 auto;
	border-width : 0;
	background-color: black;
	border: solid 2px #557c4e;
}

#nav3 a {
	display : block;
	width : auto;
	color : #557c4e;
	text-decoration : none;
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 18px;
	padding : 0px 10px 0px 10px;
	border : none;
}

#nav3 a:hover {
	color : #fff;
	text-decoration : underline;
}


#nav3 li {
	float : right;
	padding : 0;
	width : auto;
	margin-top: 8px;
}

/* Content */

#content {
	clear: both;
	float: left;
	width: 615px;
	padding: 25px;
}

.posts {
}

.posts ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.posts li {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #557c4e;
}

.post {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 2px solid #557c4e;
}

.post h1 {
	margin: 0px 0px 20px 0px;
	padding-bottom: 10px;
	border-bottom: solid 2px #557c4e;
}

.title {
	margin: 0;
	color: #557c4e;
}

.title a {
	text-decoration: none;
}

.title a:hover {
	border-bottom: 2px dotted #999999;
}

.byline {
	margin: 0 0 20px 0;
}

.entry {
}

.entry h3 {
	line-height: 28px;
	padding-left: 10px;
	color: #fff;
	display: block;
	height: 30px;
	background-color: #557c4e;
	margin: 0px 0px 5px 0px;
}

.entry ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.entry li{
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.entry li a{
	font-size: 12px;
	text-transform: none;
	line-height: 18px;
	padding-left: 10px;
	color: #557c4e;
	display: block;
	height: 18px;
	border: solid 1px #557c4e;
	background-image: url(images/clickhere-off.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.entry li a:hover{
	background-color: #000;
	border: solid 1px #557c4e;
	text-decoration: none;
	background-image: url(images/clickhere-on.gif);
	color: #fff;
}

.links {
	padding-top: 10px;
	text-align: right;
	font-weight: bold;
}
/* Sidebar */

#sidebar {
	float: right;
	width: 220px;
	padding-right: 25px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#sidebar li li {
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #557c4e;
}

#sidebar h2 {
	margin: 0;
	padding: 5px 0 5px 0px;
	border-bottom: 1px solid #557c4e;
	letter-spacing: -1px;
	font-size: 16px;
	font-weight: bold;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

#search {
}

#search div {
	padding: 30px 0 0 20px;
}

#search br {
	display: none;
}

/* Footer */

#footer {
	width: 935px;
	margin: 0px auto;
	border: none;
}

#footer-inside {
	width: 895px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: left;
}

#footer-inside h1{
	font-size: 12px;
	text-align: left;
}


#footer p {
	margin: 0;
	text-align: left;
	font-size: 10px;
	color: #666666;
}

#footer a {
	color: #666666;
}

#rmg {
	display: block;
	width: 895px;
	margin: 0px auto;
	text-align: right;
	font-size: 10px;
	color: #c2bca1;
}

#rmg a{ color:#c2bca1;}
#rmg a:hover{ color:#c2bca1;}