/*
Theme Name: RKL New
*/


/* ///////////////////////

Body

///////////////////////*/

body { font-family : Arial, Helvetica, sans-serif; font-size:14px; line-height: 18px; font-weight:100;}

* {margin : 0;padding : 0;list-style : none;}

#page {	background : url(images/bg2.jpg) center top; width : 100%; display : table;}

#content { width:888px; margin : 0 auto 0;}

#roy {	background: url(images/top_nav.png) no-repeat scroll 0 ;height : 125px;left : -25px;position : relative;top : 0;width : 938px;z-index : 80;}
 
#roy div {height : 112px;padding : 0 0 0 0;}

#flash {
	position : relative;
	width : 894px;
	height : 355px;
	display : block;
	z-index : 110;
	padding: 0px 0px 35px 0px;
	margin: 0 0 0px 0;
}

login { top: 50; left:0; position:fixed;}

ol, ul { list-style : none; line-height : 18px;}

div#nav, li {font-size : 14px; cursor : default; color : #666; display:inline;}


.red { color:#F00;}


	


 a{					text-decoration : none;	color: #809B48; border:none; font-weight:555;}
 a:hover {			color: #000; text-decoration : none;}
 a:visited {			}
 a.selected {		color: #C95C29; text-decoration : none; }
 a:active { }


li a{					text-decoration : none;	color: #809B48; border:none; display:list-item;}
li a:hover {			color: #000; text-decoration : none;}
li a:visited {			}
li a.selected {			color: #C95C29; text-decoration : none; }
li a:active { }


img { border: none; }



h1, h2, h3, h4, h5, h6 {font-weight : 100;}

h1 {font-size : 32px;color : white;}

h2 {font-size : 35px;padding : 20px 0px 24px 0px;color:#000; line-height:30px; font-weight: bold; font-family:Arial, Helvetica; width:500px;}

h3 {font-size : 15px;font-weight : bold; color:#333333; padding: 10px 0px 1px 0; display:inline;}

h7 {font-size : 25px;padding : 12px 0;}

h4 {
	font-size : 19px;
	color : black;
	padding : 4px 0;
	
	text-align: left;
}

h5 {font-size : 15px;font-weight : bold;}

h6 {font-size : 11px;display : block;text-align : center; padding: 50px 0 0 0; color:#000;}




p {font-size : 13px;color : #000;font-weight : 100;}



#imagebox {position : relative;top : 83px;z-index : 150;left : 547px;}


/* ///////////////////////

GOOGLE MAP

///////////////////////*/


#mapbox {position : relative;top : 0;z-index : 70;left : 0;}

#mapbox div {padding : 0 0 0 0;}


#MapHolder {position : relative;bottom : 0;right : 0;top : 0;left : 270px;z-index : 90;}

#MapBuilderSideBar {position : relative;z-index : 90;width : 109px;bottom : 56px;right : 77px;height : 31px; }

#MapBuilderMap {
	position : relative;
	z-index : 100;
	left : -19px;
	top : 3px;
	height : 742px;
	width : 591px;
}

#MapBuilderMap div {padding : 0 0 0 0;}

#SideBarAction {position : relative;z-index : 100;top : 126px;left : 85px;width : 152px;height : 25px;}

#LocationList {	overflow-x:hidden; overflow-y: auto; width: 250px;height: 285px; z-index:70;}


#locobox div {background : url(images/green.jpg);padding : 0 0 0 0;}

#Location {z-index : 100;position : relative;display : block;}



/* ///////////////////////

Right & index Content

///////////////////////*/


#content-standard {	width : 623px;margin : 0px 0 0 313px;position : relative;left : -32px;top : -400px;	z-index: 50; height:100%;}


#content-standard-box { height:1560px; width: 600px;background-image : url(images/right_back.png); background-repeat:no-repeat;}
div#content-standard-box, li { display:list-item;}
div#content-standard-box, ul {padding: 10px 0px 0px 34px; margin: 0px 45px 0px 0px;}


#print a {
	position:absolute;
	width:45px;
	height:49px;
	left: 557px;
	top: 27px;
	z-index:200;
	background-image:url(images/print_icon.png);
	background-repeat:no-repeat;
	outline:none;
}
#print a:hover { background-image:url(images/print_icon.png); background-color:#FFFFFF;}

#badge {
	position:absolute;
	z-index: 200;
	left: 539px;
	top: 480px;
	width: 77px;
	margin: 25px 0 50px 0;
}





#text_box { position : relative;top : 10px;z-index : 100; width: 250px; padding: 0 0 10px 0;}

#text_maps {position : relative;top: 10px;z-index : 100; width: 230px; padding: 0 0 10px 0;}

#text_sold {position : relative;top : 10px;z-index : 100; width: 250px; padding: 0 0 10px 0;}



#picture_f_box {position : relative; padding: 50px 0 0 8px;}
#picture_f_box p {font-size : 13px;color : #000;font-weight : 100; padding: 0 0 0 18px;}
#picture_f_box h3 {font-size : 15px;font-weight : bold; color:#333333; padding: 10px 0px 1px 0; display:inline; padding: 0 0 0 15px;}


#picture_box {position : relative; padding: 75px 0 0 30px;}
#picture_box p {font-size : 13px;color : #000;font-weight : 100; padding: 0 0 0 18px;}
#picture_box h3 {font-size : 15px;font-weight : bold; color:#333333; padding: 20px 0px 1px 8px;}

#box1 {position: relative;z-index : 90; width : 299px; height : 341px; background-image : url(images/forsale_box.png); background-repeat:no-repeat; left: 10px; top: -34px; margin: 0px 0px 0 0px;}


#box2 {position: relative;z-index : 80; width : 299px; height : 341px; background-image : url(images/maps_box.png); background-repeat:no-repeat; left: 294px; top: -34px; margin: -341px 0 0 4px;}


#box3 {position: relative;z-index : 90; width : 299px; height : 341px; background-image : url(images/sold_box.png); background-repeat:no-repeat; left: 580px; top: -34px; margin: -341px 0 0 7px;}



#list {
	position:relative;
	padding:0px 0 0px 0;
	margin: 0px 0 0px 2px;
	left: -15px;
	top: 0px;
	font-weight:100;
}


/* ///////////////////////

Main & Left Navigation

///////////////////////*/

#maillist { position:absolute; left:620px; width: 340px; height : 40px; overflow : visible; top : 0px;z-index : 60;}

#nav {left : 435px;overflow : visible;position : absolute;top : 50px; width : 486px;z-index : 70;}

#nav a {cursor : pointer;font-size : 13px;height : 60px;line-height : 85px; text-align : center; width : 86px;}

#nav a {color : #fffcf9;float : right;font-size : 13px;font-weight : bold;overflow : hidden;width : 86px;}
#nav a:hover {background-image : url(images/over_nav.png);color : #323232;}



#work-list {overflow-x:hidden; overflow-y: auto; width: 250px;height: 285px; z-index:70; }
<!--#work-list, ul {padding: 10px 0 0 0; line-height:18px;}-->




#work-navigation { position : relative;top : -13px;padding : 0;width : 313px;height : 388px;z-index : 90;left : -20px; background-image:url(images/for_sale_bg.png);background-repeat:no-repeat;}

#work-navigation1 { position : relative;top : -13px;padding : 0;width : 313px;height : 388px; z-index : 90;left : -20px; background-image:url(images/for-sale2.png);background-repeat:no-repeat;}

#work-navigation2 { position : relative;top : -13px;padding : 0;width : 313px;height : 388px;z-index : 90;left : -20px; background-image:url(images/for_sale_bg.png);background-repeat:no-repeat;}

#work-navigation5 { position : relative;top : -13px;padding : 0;width : 313px;height : 388px;z-index : 90;left : -20px; background-image:url(images/for_sold_bg.png);background-repeat:no-repeat;}


#work-navigation3 {	position : relative;top : -13px;padding : 0;width : 313px;height : 388px;z-index : 90;left : -20px;	background-image:url(images/for_maps_bg.png);background-repeat:no-repeat;}

#work-navigation4 {	position : relative;top : -13px;padding : 0;width : 313px;height : 388px;z-index : 90;left : -20px;	background-image:url(images/for_contact_bg.png);background-repeat:no-repeat;}




#bottom_nav { margin-left:-22px;position:fixed; z-index:190; width:930px; bottom:-5px; background: url(images/bottom_bar.png) no-repeat scroll 0;}


#b_title {
	position:relative;
	height: 21px;
	width: 229px;
	text-align:left;
	font-size: 12px;
	font-weight:bold;
	color:#fff;
	z-index:210;
	left: 355px;
	top: 18px;
}


#b_links {
	position:relative;
	height: 21px;
	width: 350px;
	text-align:right;
	z-index:210;
	left: 555px;
	top: -3px;
	font-size:12px;
	
	
}


#b_links a { color:#fff;font-size:12px; }
#b_links a:hover {color: #000; text-decoration : none; background-color: #809B48; font-size:12px; }
#b_links a.selected {		color: #C95C29; text-decoration : none; background-color: #809B48; }



/* ///////////////////////

Image Divs

///////////////////////*/



#work-image {position : relative;left : 43px;top : 65px;width : 217px;height : 50px;}
#work-image li{ width: 300px; line-height: 18px;}


#work-image2 {position : relative;left : 201px;	top : 82px;}

#work-image3 {position : relative;left : 15px;top : 19px;width : 295px;height : 39px;}

#work-image4 {position : relative;left : 19px;top : 7px;width : 264px;height : 488px;}

#work-image5 {position : relative;left : 29px;top : 9px;}


#bot {position : relative;z-index : 80;text-align : center;width : 980px;}





#link-image1 {	position: absolute;	width: 150px; top: -33px; margin: 0px 0px -32px 0px; left: 3px;}
#link-image2 {
	position: absolute;
	width: 150px;
	top: -34px;
	margin: 0px 0px -32px 0px;
	left: 9px;
}
#link-image3 {
	position: absolute;
	width: 150px;
	top: -35px;
	margin: 0px 0px -32px 0px;
	left: 8px;
}
#link-home {
	position: absolute;
	left: 51px;
	top: 15px;
}
	











/* SLIDER */

#slider {
	position:relative;
	width: 563px;
	margin: 20px 0 0px 0px;
	z-index:150;
	left: -3px;
	background-image:url(images/frame.png);
	background-repeat:no-repeat;
	height: 415px;
}

.scroll {
	height: 384px;
	width: 530px;
	overflow: auto;
	overflow-x: hidden;
	position:relative;
	clear: left;
	top: 20px;
	left: -1px;
	margin: -23px 18px 0px 13px;
}

.scrollContainer div.panel {   padding: 2px;z-index:150; width:530px;}


#shade {margin-top: 18px; height: 50px;}

ul.navigation { margin: 30px 0 0 12px;list-style: none; outline: none;  }

ul.navigation li {display: inline; outline: none;}

ul.navigation a { z-index:100px; outline: none;}
ul.navigation a:hover { z-index:160px}
ul.navigation a.selected {  z-index:160px}
ul.navigation a:focus {  outline: none;}

.scrollButtons { position:relative;   top: 200px; cursor: pointer; z-index:200;}

.scrollButtons.left { top:204px; z-index:200; left: 0px;}

.scrollButtons.right {  top: 0px; left: 540px;}

.hide {display: none;}
