/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*         PRW ARCHITECTURE, INC.      */
/*             sliced by jon           */
/*               10.31.06              */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

* {
margin: 0px;
padding: 0px;
}

img {
border: none;
}

body {
background:#3A3B3C;
/*background: #442C00 url(../images/bg.gif) repeat center;*/
background-position: fixed;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
}

#container {
width: 838px;
margin: auto;
margin-top: 50px;
}

#footer {
	height: 51px;
	text-align: center;
	position: relative;
	color: #806C45;
	padding: 15px 0 0 0;
	letter-spacing: 0.8px;
}

#i4_link {
width: 110px;
height: 25px;
display: block;
position: absolute;
left: 550px;
top: 8px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*             INDEX STYLES            */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#navigation {
height: 31px;
background: transparent url(../images/i_menu.gif) no-repeat;
position: relative;
z-index: 1000;
}

#header {
height: 356px;
background: transparent url(../images/i_head.jpg) no-repeat;
}

#content {
height: 167px;
background: transparent url(../images/i_body.jpg) no-repeat;
overflow: hidden;
color: #e7efc1;
line-height: 19px;
}

#left {
width: 530px;
float: left;
padding: 5px 20px;
}

#right {
width: 260px;
float: right;
padding: 10px 0px;
}

#right img {
border: solid 2px #eaebe6;
}

#btm {
height: 27px;
background: transparent url(../images/i_btm.gif) no-repeat;
text-align: center;
padding-top: 10px;
color: #442c00;
}

#btm a {
margin: 0px 5px;
color: #442c00;
text-decoration: none;
font-size: 7pt;
letter-spacing: 1.5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*          SECONDARY STYLES           */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#snavigation {
height: 31px;
background: transparent url(../images/s_menu.gif) no-repeat;
margin: 0px;
position: relative;
z-index: 1000;
}

#sheader {
height: 109px;
background: transparent url(../images/s_top.jpg) no-repeat;
}

#scontent {
background: #FFF;
padding: 20px;
color: #666666;
line-height: 19px;
}

.secondary_pic {
float: right;
margin: 10px;
margin-right: 0px;
}

#sbtm {
height: 44px;
background: transparent url(../images/s_btm.gif) no-repeat;
text-align: center;
padding-top: 20px;
margin-top: -10px;
color: #442c00;
}

#sbtm a {
margin: 0px 5px;
color: #442c00;
text-decoration: none;
font-size: 7pt;
letter-spacing: 1.5px;
}

#links {
position: relative;
left: 100px;
top: 0px;
width: 150px;
float: left;
z-index: 1;
}

#links h3 {
letter-spacing: 1px;
color: #FFF;
font-size: 12pt;
}	

#search {
float: right;
letter-spacing: 1px;
width: 250px;
padding-top: 25px;
}

#search input {
float: left;
width: 70px;
margin: 0px 5px;
border: solid 1px #bcc789;
color: #707E33;
padding: 0px 3px;
}

#search .login {
width: 43px;
height: 16px;
margin: 0px;
font-variant: small-caps;
padding: 0px 0px;
text-align: center;
background: #E8D3AA;
}

.search {
float: left;
color: #bcc789;
font-size: 9pt;
font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*           GALLERY STYLES            */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#agalla{
	display: block;
}
#c_gallery {
padding: 30px 0px;
overflow: auto;
}

.c_category {
overflow: hidden;
width: 790px;
height: 95px;
margin: 15px 0px;
padding: 10px 0px;
border-bottom: solid 2px #EEE;
display: block;
}

.c_category img {
border: none;
display: block;
}

.c_gallpic {
float: left;
width: 135px;
padding: 7px;
padding-top: 0px;
display: block;
}
.c_gallpic img{
	position: relative;
	z-index: 500;
	zoom: 1;
}
.c_galldesc {
float: left;
width: 640px;
line-height: 16px;
}

.c_galldesc h3 {
margin-top: 0px;
padding-top: 0px;
}

#c_gallery .c_agall {
color: #666;
text-decoration: none;
cursor: pointer;
}

#c_gallery .c_agall:hover, 
#c_gallery .c_agall:hover .c_category
{
background: #EEE;
}

#c_gall_left h3 {
text-decoration: none;
}

a.c_agall:hover .c_galldesc h3, 
#c_gall_left h3:hover 
{
color: #333;
}

#c_gall_left {
float: left;
width: 200px;
padding-right: 10px;
}


#c_gall_left ul li {
list-style: none;
border-bottom: solid 2px #EEE;
list-style-type: none;
}

#c_gall_right {
float: left;
width: 580px;
}

#c_big {
width: 500px;
margin: auto;
text-align: center;
background: #EEE;
}

.c_big_top {
width: 500px;
margin: auto;
text-align: center;
background: #EEE;
}

.c_big_top a {
color: #333;
text-decoration: none;
font-weight: bold;
}

.c_big_top a:hover {
color: #A3B353;
}

#c_big_btm {
width: 500px;
margin: auto;
text-align: center;
background: #EEE;
}

#c_big_btm a,
#hp_right .hp_back
{
color: #333;
text-decoration: none;
font-weight: bold;
}

#c_big_btm a:hover,
#hp_right .hp_back:hover
{
color: #A3B353;
}

.current_img {
padding-left: 10px;
}

.total_img {
padding-right: 10px;
}

#c_thumbs, #c_thumb_links {
width: 500px;
margin: auto;
text-align:center;
overflow:auto;
}

.c_thumbs_col {
width: 480px;
margin: auto;
}

.thumb {
margin: 20px 2px 0px 3px;
width:75px;
cursor: pointer;
}

#c_thumbs a {
color: #333;
text-decoration: none;
font-weight: bold;
}

#c_thumbs a:hover {
color: #A3B353;
}

#thumb_left {
float: left;
text-align: left;
}

#thumb_mid {
float: left;
text-align: center;
width:420px;
}

#thumb_right {
float: right;
text-align: right;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*          HOUSE PLANS STYLES         */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#house_plans {
overflow: hidden;
padding: 30px 0px;
}

#house_plans a {
color: #333;
}

#house_plans table {
border: solid 1px #FFF;
width: 785px;
border-collapse: collapse;
text-align: center;
}

#house_plans table td {
border: solid 1px #FFF;
padding: 5px;
background: #F2F2F2;
}

#house_plans table td:hover {
background: #EEE;
/*font-size: 11pt;
font-weight: bold;*/
}

#house_plans .results:hover,
#house_plans .results td:hover 
{
border: solid 1px #FFF;
padding: 5px;
background: #F2F2F2;
font-weight: normal;
font-size: 8pt;
}

#house_plans table .top_row td,
#house_plans table .top_row td:hover
{
border: none;
color: #FFF;
background: #A3B353;
font-weight: bold;
font-size: 10pt;
}

#house_plans table .hp_name {
text-align: left;
}

#house_plans table .hp_name a {
display: block;
padding-left: 50px;
height: 50px;
padding-top: 25px;
font-weight: bold;
font-size: 10pt;
}

#house_plans table .hp_name a:hover {
color: #A3B353;
}

#hp_left {
float: left;
width: 360px;
}

#hp_right {
float: right;
width: 380px;
padding: 10px;
}

#hp_right h3 {
text-align: center;
}

#hp_right_btm {
width: 110px;
text-align: center;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
}

#hp_right .hp_buy {
display: block;
text-align: center;
height: 20px;
width: 65px;
background: #E8D3AA;
margin: auto;
margin-top: 10px;

text-decoration: none;
font-weight: bold;
}

#hp_right .hp_buy:hover {
background: #999;
color: #FFF;
}

#hp_right .more_pictures {
text-align: center;
font-weight: bold;
font-size: 10pt;
text-decoration: none;
color: #A3B353;
margin: 10px 0px;
}

#hp_right .more_pictures:hover {
color: #333;
}

#fe_thumbs {
text-align: center;
}

#fe_thumbs img {
cursor: pointer;
margin: 5px 16px;
border: solid 3px #FFF;
}

#fe_thumbs img:hover {
border: solid 3px #999;
}

#mf_thumbs {
text-align: center;
}

#mf_thumbs img {
cursor: pointer;
margin: 5px 16px;
border: solid 3px #FFF;
}

#mf_thumbs img:hover {
border: solid 3px #999;
}

#front_elevation, 
#main_floor
{
background: #EEE;
padding: 5px;
margin-bottom: 15px;
text-align: center;
}

#hp_right_details {
margin: 20px 0px;
font-size: 9pt;
}

#hp_right_details ul li {
list-style: none;
}

.sq_feet {
font-weight: bold;
font-size: 10pt;
}

#ramblers, 
#two_storys 
{
float: left;
text-align: center;
width: 397px;
margin: auto;
cursor: pointer;
}

.blah {
background: #EEE;
display: block;
font-weight: bold;
font-size: 10pt;
width: 350px;
margin: auto;
}

#ramblers:hover .blah, 
#two_storys:hover .blah
{
background: #A3B353;
color: #FFF;
}

#hp_search table {
width: 500px;
margin: auto;
clear: both;
margin-top: 20px;
margin-bottom: 20px;
}

#hp_search table td,
#hp_search table td:hover
{
font-size: 9pt;
font-weight: bold;
text-align: left;
}

#hp_search table td:hover {
background: #EEE;
}

#hp_search table select {
width: 100px;
}

#hp_search table .hp_table_spacer,
#hp_search table:hover .hp_table_spacer
{
background: #FFF;
line-height: 1px;
font-size: 1pt;
height: 1px;
}

#hp_search table .hp_search_btn {
background: #E8D3AA;
border: none;
font-weight: bold;
padding: 2px 5px;
cursor: pointer;
}

#hp_search table .hp_search_btn:hover {
background: #999;
color: #FFF;
}
		
#login_header
{
	letter-spacing: normal;
	/*border: black 1px solid;
	background-color: #f0f0f0;*/
	text-align: right;
	padding: 3px 10px;
	margin:0px 10px;
}

#login_header a
{
color:#e6d0a6;
}