/* *** By The Forge Web Creations *** */
/* *** Majestic Townhouse*** */

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




h1 {
font:20px Tahoma, Helvetica, arial, verdana, sans-serif; color: #54849b;
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;}

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

img {
    border: none;
} 


.clearfloats {
clear: both;
}


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

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



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

}

#header_con {
width: 980px;
height: 200px;
margin-left: 0;
margin-right: 0;
background: #d9e7ed url(images/the-majestic.gif) left no-repeat;


}

    
.topnav 
{
    float: right;
    width: 257px;
    height:  110px;
    margin: 71px 0 0px 0px;
    padding: 0px;
    background: url(images/nav-divider.gif) top no-repeat;
    }



.topimages 
{
    clear: both;
    padding: 10px;
    background-color: #fff;
    margin-top: 10px;
    width: 940px;
    height: 307px;
    border: 10px solid #d9e7ed;
     
    }
    
/* -----------------nav--------------------- */
    
#nav {
	float: left;
	width: 76px;
	margin: 0px;
	padding: 10px 0 0 26px;
	
	}
	
#nav2 {
	float: right;
	width: 89px;
	margin: 0px;
	padding: 10px 15px 0 0;
	
	}

	
#home li a {
	height: 30px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 30px;
	text-decoration: none;
	}	
	
#home li a:link, #home li a:visited {
	color: #FFF;
	display: block;
	background:  url(images/home.gif);
	padding: 0px 0 0 0px;
	
	}
	
#home li a:hover {
	color: #FFF;
	background:  url(images/home.gif) 0 -29px;
	padding: 0px 0 0 0px;
	
	}
	
#gallery_nav li a {
	height: 30px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 30px;
	text-decoration: none;
	}	
	
#gallery_nav li a:link, #gallery_nav li a:visited {
	color: #FFF;
	display: block;
	background:  url(images/gallery_nav.gif);
	padding: 0px 0 0 0px;
	
	}
	
#gallery_nav li a:hover {
	color: #FFF;
	background:  url(images/gallery_nav.gif) 0 -29px;
	padding: 0px 0 0 0px;
	
	}


#the_appeal {
	width: 76px;
	margin: 0px;
	padding:0px;
	
	}
	
#the_appeal a {
	height: 30px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 30px;
	text-decoration: none;
	}	
	
#the_appeal li a:link, #the_appeal li a:visited {
	color: #FFF;
	display: block;
	background:  url(images/the_appeal.gif);
	padding: 0px 0 0 0px;
	
	}
	
#the_appeal li a:hover {
	color: #FFF;
	background:  url(images/the_appeal.gif) 0 -30px;
	padding: 0px 0 0 0px;
	
	}


	
#contactus a {
	height: 30px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 30px;
	text-decoration: none;
	}	
	
#contactus li a:link, #contactus li a:visited {
	color: #FFF;
	display: block;
	background:  url(images/contactus.gif);
	padding: 0px 0 0 0px;
	
	}
	
#contactus li a:hover {
	color: #FFF;
	background:  url(images/contactus.gif) 0 -30px;
	padding: 0px 0 0 0px;
	
	}


#strathmore a {
	height: 30px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 30px;
	text-decoration: none;
	}	
	
#strathmore li a:link, #strathmore li a:visited {
	color: #FFF;
	display: block;
	background:  url(images/strathmore.gif);
	padding: 0px 0 0 0px;
	
	}
	
#strathmore li a:hover {
	color: #FFF;
	background:  url(images/strathmore.gif) 0 -30px;
	padding: 0px 0 0 0px;
	
	}



	
#the_house a {
	height: 30px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 30px;
	text-decoration: none;
	}	
	
#the_house li a:link, #the_house li a:visited {
	color: #FFF;
	display: block;
	background:  url(images/the_house.gif);
	padding: 0px 0 0 0px;
	
	}
	
#the_house li a:hover {
	color: #FFF;
	background:  url(images/the_house.gif) 0 -30px;
	padding: 0px 0 0 0px;
	
	}

/* -----------------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 20px 10px;
padding: 0px;
height: 290px;
background-color: #bfae9d;
}

.divider-appeal {
width: 1px;
float:left;
margin: 21px 0 20px 10px;
padding: 0px;
height: 230px;
background-color: #bfae9d;
}

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

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

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

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

#cameos {
margin:0px;
padding: 5px;
background: #fff;
}

#cameos img {
margin:0px;
padding: 5px;

}


/* -----------------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:#54849b;
line-height: 18px;
 }
 
.footerlinks {
margin: 0px;
padding: 11px 0 11px 26px;



 }
a.footlinks { color:#54849b; text-decoration: none; font-weight: normal;}
a.footlinks:hover {
    text-decoration: underline;
}
.footlinks:visited { color:#54849b; text-decoration: none}
.footlinks:active { color:#54849b; 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;
font:11px tahoma, verdana, arial, Helvetica, sans-serif; color:#54849b;

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

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

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