/* *** By The Forge Web Creations *** */
/* *** Thirty Five Strathmore*** */

body {
font:12px Tahoma, Helvetica, arial, verdana, sans-serif; color: #ffffff;
line-height: 18px;
background:#b9bf9b url(images/bg.jpg) repeat-x;
padding:0px;
margin:0px;
}
a {color: #fff;text-decoration: none;font-weight: bold;}
a:visited {color:#fff;text-decoration: none;}
a:hover {color: #fff;text-decoration: underline;}
a:active { color:#fff;text-decoration: none;}




h1 {
font:20px Tahoma, Helvetica, arial, verdana, sans-serif; color: #4a593b;
font-weight: normal;
padding: 0px 0px 15px 0px;
margin:0px;}

h3 {
font:22px Tahoma, Helvetica, arial, verdana, sans-serif; color: #cc3300;
font-weight: normal;
padding: 0px 0px 15px 0px;
margin:0px;}

h4 {
font:13px arial, verdana, Helvetica, sans-serif; color: #cc3300;
font-weight: bold;
padding: 0px;
margin:0px;}

img.download {vertical-align:middle;}

.clearfloats {
clear: both;
}


/* ----------container to center the layout-------------- */
#container {
width: 980px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #a8ae8a;
}

/* ----------header-------------- */



#header {
width: 980px;
margin-left: auto;
margin-right: auto;

}

#navigation {
	width: 100%;
	height:40px;
	padding:0;
	margin:0;
	background-color: #ccd0b4;
	}

#menu {
    background:url("images/nav-final.gif") no-repeat;
    width:535px;
    height:40px;
    margin:0;
    padding:0;
    float: right;
    }
 
    #menu span {
    display: none;
    }
 
    #menu li, #menu a {
    height:40px;
    display:block;
    }
 
    #menu li {
    float:left;
    list-style:none;
    display:inline;
    }
 
    #home {width: 66px;}
    #the_house {width: 90px;}
    #the_appeal {width: 99px;}
    #gallery-nav {width: 72px;}
    #contact {width: 94px;}
    #the_majestic {width: 114px;}
 
    #home a:hover {background:url("images/nav-final.gif") 0px -40px no-repeat; }
    #the_house a:hover {background:url("images/nav-final.gif") -66px -40px no-repeat; }
    #the_appeal a:hover {background:url("images/nav-final.gif") -156px -40px no-repeat; }
    #gallery-nav a:hover {background:url("images/nav-final.gif") -255px -40px no-repeat; }  
    #contact a:hover {background:url("images/nav-final.gif") -327px -40px no-repeat; }
    #the_majestic a:hover {background:url("images/nav-final.gif") -421px -40px no-repeat; }


.logo 
{
    padding-top: 40px;
    background-color: #b9bf9b;
    margin: 0px;
    
    }


.topimages 
{
    padding: 10px;
    background-color: #e3e5d7;
    margin: 0px;
    width: 960px;
    height: 387px;
    border-bottom: 10px solid #b9bf9b;    
    }


/* -----------------content--------------------- */



#content-left {
width: 450px;
float:left;
padding: 17px 0 0 0;
margin-left: 25px;
margin-bottom: 20px;

}
div#content { 
min-height:550px;
height:auto; 
}

p, pre{
padding: 18px 0px 0px 0px;
margin:0px;
}

/* --------------right navi------------- */
#content-right {
float: right;
width: 446px;
margin: 0 25px 0 0;
padding-top: 58px;
}

/* -----------------dividers--------------------- */


.divider-home {
width: 1px;
float:left;
margin: 21px 0 0 10px;
padding: 0px;
height: 300px;
background-color: #cbceb9;
}

.divider-gallery {
width: 1px;
float:left;
margin: 21px 0 0 10px;
padding: 0px;
height: 330px;
background-color: #cbceb9;
}

.divider-house {
width: 1px;
float:left;
margin: 21px 0 0 10px;
padding: 0px;
height: 240px;
background-color: #cbceb9;
}

.divider-contact {
width: 1px;
float:left;
margin: 21px 0 0 10px;
padding: 0px;
height: 700px;
background-color: #cbceb9;
}

/* -----------------cameos--------------------- */

#cameos {
margin:0px;
padding-top: 20px;
}

/* -----------------gallery--------------------- */

#gallery {
		
		padding: 0px;
		width: 450px;
		margin-bottom: 20px;
	}
	#gallery ul { list-style: none; padding:0; margin: 0 }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 1px solid #fff;
		margin: 5px 5px 5px;
	}
	#gallery ul a:hover img {
		border: 1px solid #fff;
		margin: 5px 5px 5px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }



/*-----------------------contact_form-------------------*/
.cssform p{
width: 300px;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}





/* -----------footer--------------------------- */
#footer {
clear: both;
margin-top: 17px;
padding: 0px;
font:12px tahoma, verdana, arial, Helvetica, sans-serif; color:#4a593b;
line-height: 18px;
 }
 
.footerlinks {
margin: 0px;
padding: 11px 0 11px 22px;
background-color: #ccd0b4;


 }
a.footlinks { color:#4a593b; text-decoration: none; font-weight: normal;}
a.footlinks:hover {
    text-decoration: underline;
}
.footlinks:visited { color:#4a593b; text-decoration: none}
.footlinks:active { color:#4a593b; text-decoration: none}


#navleft {
float: left;
width: 111px;
margin-top: 27px;
padding: 0px;
line-height: 18px;
text-align: right;
 } 

#navright {
float: left;
width: 141px;
margin-top: 27px;
padding-left: 44px;
text-align: left;
 }
 
#bottom {
padding-top: 10px;
padding-bottom: 30px;
background: #b9bf9b;
font:11px tahoma, verdana, arial, Helvetica, sans-serif; color:#4a593b;

 }
 
#forge {
float: left;
margin: 0 0 0 3px;

 }
 
#copyright {
float: right;
margin: 0;
text-align: right;

 }
 
a.copyright { color:#4a593b; font-weight: normal;}
a.copyright:hover {
    text-decoration: none;
}
.copyright:visited { color:#4a593b; text-decoration: none}
.copyright:active { color:#4a593b; text-decoration: none}