/*
Theme Name: R James Properties
Description: A customized theme for WordPress
Version: 1.0
Author: Southern Web Group
Author URI: http://www.southernwebgroup.com/

*/


/* Reset */


html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}

.clear {
	clear: both;
}

.hide {
	display: none;
}

.hidden {
	display: none;
}

a img {
	border: none;
}

strong {
	font-weight: bold;
}

/* Reset */

*{margin:0; padding:0;}

.left{float:left; margin:10px 20px 10px 20px; display:inline;}
.right{float:right; margin:10px 20px 10px 20px; display:inline;}
.center{text-align:center; padding:20px 0 0 0; margin:0 auto; width:387px;}

.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

html, body{background:#162951 url(ui/background.jpg) repeat-x;}

#wrapper{positition:relative; margin:0 auto; width:1000px; box-shadow: 10px 10px 5px #888; padding: 0 5px 5px 15px;}

#main{margin:0 auto; width:1000px; background:url(ui/bodybk.png) repeat-y; posititon:realtive; overflow:hidden;}

#header{background:url(ui/header.png); posititon:realtive; width:960px; height:135px; z-index:3; margin:0 0 0 20px;}

	.logo {
		float: left;
		height: 110px;
		width: 400px;
	}
	.searchform{float:right; margin:34px 56px 0 0; text-align:right;}
	
	.inputsearch{background:none; border:1pt solid #fff; height:28px; margin-top:-10px;}


#sidebar{float:left; posititon:realtive; padding:20px 0 0 0; width:178px; z-index:2; margin:-6px 0 0 20px;}

	#sidebar ul{margin:0 0 33px 17px; list-style:none;}
	
	#sidebar ul.nav{margin:0 0 33px 30px}
	#sidebar li{margin:10px 0 10px 0;}
	

#content{float:right; position:relative; padding:25px 0 0 0; width:782px; z-index:1; margin:-6px 0 0 0;}

#content-wide{float:left; position:relative; padding:15px; width:910px; z-index:1; margin:-6px 0 0 23px; background: #fff;}

#content-wide hr {
	border: none;
	background: #fff;
	margin: 8px 0px;
}

#content-wide input, #content-wide select {
	margin: 0px 0px 0px 5px;
}

#content-wide tr td {
	padding: 0px 0px 6px 0px;
}
	
	.detailsright{float:right; display:inline; width:388px; margin:0 46px 40px 34px; }
	
	.detailsright hr {
		border: 0;
		background: #fff;
		margin: 30px 0;
	}
	
	
	
	.detailsleft{float:left; width:291px; overflow:hidden;}

	.headerbar{float:left; display:inline; padding:47px 0 0 0;}
	
	.box{float:left; display:inline; width:161px; height:226px; overflow:hidden; padding:13px 9px 5px 9px; border:2pt dotted #006; margin:36px 0 36px 50px;}
	
	.box img{padding:2px; border:1pt solid #CCC; margin:0 0 18px 0;}
	
	
	
	
	.page .post {
		margin: 8px 40px 12px 0px; 
	}
	
	.page .post p {
		padding: 10px 0px;
	}
	
	.page-template-default .post ul li {
		list-style: disc;
		padding-bottom: 4px;
		margin:0 0 0px 43px;
	}
	
	.detailsleft ul {
		margin:0 0 20px 43px;
	}
	
	.detailsleft ul li {
		padding-bottom: 4px;
	}
	
	
/*	
	#content ul{margin:0 0 20px 43px;}
*/	
	#content .list li{list-style-type:square; padding:0 0 5px 0;font-size: 14px; line-height: 1.4em;}
	
	ul.list{padding:0 0 20px 20px; }
	
	#details td{padding:8px;}
	
	#details {
		margin: 0px 0px 10px 0px;
	}
	
	
	#details h2 {
		font-size: 13px !important;
		font-weight: bold !important;
	}
	.on{background:#bcd2ff;}
	
	#imagecontainer{width:288px; height:216px; overflow:hidden;}

#footer{width:960px; margin: 0 auto; background:url(ui/footerbk.jpg) repeat-x; height:81px; width:960px; posititon:realtive; overflow:hidden;}


/* Text CSS */

html, body{font-family:Georgia, "Times New Roman", Times, serif; font-size:12pt; line-height:normal; color:#333;}

#header{color:#fff;}
.button{font-family:Georgia, "Times New Roman", Times, serif; background:none; color:#fff; border:none; border-bottom:2pt dotted #fff; padding:5px 0 0 0;}
.inputsearch{color:#fff; font-size:13px;}

#sidebar{font-size:10pt; color:#fff; line-height:12pt;}
#sidebar a{color:#fff; text-decoration:none;}
#sidebar .nav li:hover{list-style:disc;}
#sidebar h1{font-size:24px; padding:0 0 8px 0;}

#content{}
#content h1, #content-wide h1{font-size:22px; color:#006; padding:0px 10px 17px 0px; line-height: 1.4em;}
h1.title{float:left; display:inline;}
#content h2{font-size:18px; font-family:helvetica, san-serif; color:#162951; font-weight:100;}
#content-wide h2 {font-size:18px; font-family:helvetica, san-serif; color:#162951; font-weight:100;}
#content h4{font-size:11px; line-height:13px; color:#039;}
.table h4{font-size:11px; line-height:13px; color:#039;}
.table h2, h4{display:inline;}

.box{font-size:14px;}
.box a{color:#006;}
#content a{text-decoration:none; color:#006;}

#footer{font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px;}
#footer a{color:#fff; text-decoration:none;}
#footer a:hover{color:#09F;}

small{font-size:10px; color:#505050;}

div.navigation {
	height: 60px;
	margin: 0px 60px 0px 50px;
}

.navigation .alignleft a, .navigation .alignright a {
	background: #eee;
	padding: 8px;
	border: 1px #ccc solid;
	color: #474747;
	text-decoration: none;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.post blockquote {
  font: 14px/22px;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
} 

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* Homepage Slider */


#s3slider { 
   width: 622px; /* important to be same as image width */ 
   height: 254px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   
   padding:3px;
   margin:15px 60px;
}

#s3sliderContent {
   width: 622px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 15px Georgia, Lucida, sans-serif;
   padding: 15px 40px 15px -100px;
   width: 618px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;
   text-align:right;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}



/* Forms */


.gform_wrapper{ overflow:hidden;  margin-bottom:10px;  max-width:720px}
.gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3{font-weight:normal; border:none; outline:none; background:none}
.gform_wrapper:focus{ outline:none}
.gform_wrapper form{ text-align:left}
.gform_wrapper input{ outline-style:none;  font-size:11px;  font-family:verdana,sans-serif;  letter-spacing:normal}
.gform_wrapper textarea{ outline-style:none;  font-size:11px;  font-family:verdana,sans-serif;  letter-spacing:normal;  padding:2px 0 2px 0;  resize:none; /* doesn't validate but added for Safari field resizing */}
.gform_wrapper ul{ margin:0;  list-style-type:none}
html >body .entry ul, .gform_wrapper ul{text-indent:0px}
.gform_wrapper li, .gform_wrapper form li{ list-style-type:none!important}
.gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after{content:""; /* for safari */}
.gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after{content:none; # /* for other browsers  */}
.gform_wrapper ul#gform_fields{ padding:0px;  margin:0px}
.gform_wrapper select{ font-size:11px;  font-family:verdana,sans-serif;  padding:2px 0 2px 0;  letter-spacing:normal}
.gform_wrapper #field_settings{ margin:0 0 12px}
.gform_wrapper #field_settings ul li label{ display:block}
.gform_wrapper .inline{ display:inline!important}
.gform_wrapper #gform_heading{ width:98%;  padding-bottom:12px;  margin-bottom:18px;  border-bottom:1px dotted #ccc}
.gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute{ width:70px;  float:left;  margin-bottom:4px}
.gform_wrapper .gfield_time_ampm select{ width:60px!important}
.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input{ width:70%!important}
.gform_wrapper .field_hover{ border:1px dashed #2175A9!important;  cursor:pointer}
.gform_wrapper .field_selected{ background-color:#DFEFFF;  border:1px solid #C2D7EF!important}
.gform_wrapper .field_name_first, .gform_wrapper .field_name_last{ width:50%;  float:left}
.gform_wrapper .ginput_complex{overflow:hidden}
.gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input{ width:90%!important}
.gform_wrapper .field_name_last input{ width:93%!important}
.gform_wrapper .datepicker{ width:100px!important}
.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right{ width:48%;  float:left}
.gform_wrapper .ginput_complex input, .gform_wrapper .ginput_complex select{ width:92%!important}
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label{ display:block;  margin:4px 0}
.gform_wrapper .ginput_complex .name_prefix{ float:left;  width:30px!important;  margin-right:14px}
.gform_wrapper .ginput_complex .name_suffix{ float:left;  width:30px!important}
.gform_wrapper .ginput_complex .name_first, .gform_wrapper .ginput_complex .name_last{ float:left;  width:100px;  margin-right:8px}
.gform_wrapper .top_label .gfield_label{ display:block;  margin:4px 0;  font-weight:bold}
.gform_wrapper .left_label .gfield_label{ float:left;  margin:2px 15px 0 0;  width:45%;}
.gform_wrapper .right_label .gfield_label{ float:left;  margin:2px 15px 0 0;  width:45%;text-align:right}
.gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox, .gform_wrapper .left_label ul.gfield_radio, .gform_wrapper .right_label ul.gfield_radio{ margin-left:47%}
.gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small{ width:25%}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{ width:50%; height: 23px;}
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea{ width:96%}
.gform_wrapper .right_label input.small, .gform_wrapper .right_label select.small, .gform_wrapper .left_label input.small, .gform_wrapper .left_label select.small{ width:15%}
.gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium{ width:35%;}
.gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea{ width:64%}
.gform_wrapper .right_label div.ginput_complex, .gform_wrapper .left_label div.ginput_complex{ width:64%;  float:left}
.gform_wrapper h2.gsection_title{ margin:0!important;  padding:0!important;  letter-spacing:normal!important}
.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3#gform_title{ font-weight:bold;  font-size:16px;  font-family:Helvetica,sans-serif}
.gform_wrapper h3#gform_title{ letter-spacing:normal!important;  margin:10px 0 6px 0}
.gform_wrapper span.gform_description{font-weight:normal}
.gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3#gform_title{ width:98%}
.gform_wrapper .gsection{ border-bottom:1px dotted #ccc!important;  padding:0 0 8px 0;  margin:8px 0 16px 0}
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio{ padding:5px 0;  margin:0}
.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li{ padding:8px 0 8px 6px!important;  line-height:0;  width:auto}
.gform_wrapper .gfield_checkbox li input {
	margin: 0px 6px 0px 6px;
}
.gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_radio label{ margin-left:6px;  display:inline}
.gform_wrapper .description, .instruction, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description{ font-size:10px;  line-height:150%;  clear:both;  padding-top:4px;  font-family:verdana,sans-serif;  letter-spacing:normal}
.gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction{ margin-left:29%;  padding-left:15px}
.gform_wrapper .left_label .gsection .gsection_description, .gform_wrapper .right_label .gsection .gsection_description{ margin-left:0;  padding-left:0;  padding-top:4px;  line-height:150%}
.gform_wrapper .gfield_required{ color:red;  margin-left:4px}
.gform_wrapper textarea.small{ height:80px}
.gform_wrapper textarea.medium{ height:150px}
.gform_wrapper textarea.large{ height:250px}
.gform_wrapper .gfield_error{ background-color:#FFDFDF!important;  margin-top:2px!important;  margin-bottom:4px;  padding:4px 6px!important}
.gform_wrapper .gfield_error .gfield_label{ color:#f00}
.gform_wrapper .validation_error{ color:#f00;  font-weight:bold;  font-size:14px;  line-height:150%;  font-family:Helvetica,sans-serif}
.gform_wrapper .validation_message{ color:#f00!important;  font-size:11px;  font-family:verdana,sans-serif;  letter-spacing:normal}
.gform_wrapper .gform_footer{ padding:10px 0 10px 0;  margin:6px 0 0 0;  border-top:1px dotted #ccc!important}
.gform_wrapper input.button{ font-size:100%;color:#fff;background:#222;float:right;}
.gform_wrapper input.button:hover{ color:#000}
#gforms_confirmation_message{background-color:#fffac6; border:1px solid #feda70; margin-top:10px; margin-bottom:10px; padding:20px 0; font-size:14px; color:#252525; text-align:center}

/* a few IE specific hacks -------------------------------------------------------------------------- */

.gform_wrapper .gfield_time_hour{*width:80px}
.gform_wrapper .gfield_time_minute{*width:70px}
.gform_wrapper .gfield_time_ampm{*padding-top:2px}
.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input{*margin-left:-10px}