/*graphico.co.uk*/

/* Import IE hacks */

/*@import "ie6win.css";
@import "ie7win.css";
@import "sIFR-screen.css";*/

/* -- Generic Initiation items not covered in "undothml.css" -- */
body
{
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 62.5%;
	color: #666666;
	/*background-color: #ece6da;*/
	/*background-color: #F1EAE0;*/
	background-color:#e3e6d1;	
	background-image:url(/siteimages/backgrounds/fade2.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding: 11px;
}

h1, h2, h3, h4, h5, h6, p
{
	position: relative;
}

textarea {
    /*font-family: Arial, Verdana, sans-serif;*/
}

/*	For evil CMSs */
u
{
	text-decoration: none;
}

/*	To standardise cross browser */
ul, ol
{
	list-style-position: outside;
}

fieldset
{
	border : none;
}

legend
{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/*	Clearfix method for floated elements	*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*	IE7 hack */
.clearfix {display:inline-block;}
.clearfix {display:block;}
dt, dd {position:relative;} 


/*	Used to hide text that screen readers should pick up */
.hide
{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace
{ 
	position:relative; 
	margin:0px; 
	padding:0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ overflow: hidden; /* */ 
} 

.replace span
{
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
}

div.hr 
{
    border-bottom:1px solid #cccccc; 
    height:1px; 
    width:700px;
    padding: 5px 0;
}

/*Example HTML - all elements that require replacement use the .replace class then
set the rule for the specific image and dimensions and associate with the elements ID.

<h1 id="myh1" class="replace" >Headline<span></span></h1> 

the add the CSS:
#myh1, #myh1 span
{ 
	height:100px; 
	width:300px; 
	background-image: url(head.png); 
} 
*/

/* begin normal CCS for Tier 1 browser: Firefox */

#skipLinks
{
	position: absolute;
	left: 0;
	text-indent: -9999em;
}

#skipLinks ul
{
	list-style-type:none;
	margin: 0;
}

#skipLinks a:focus
{
	position:absolute;
	top: 0;
	left: 0;
	text-indent: 0;
	width: 150px;
	padding: 10px;
	margin: 10px;
	z-index: 100;
	text-decoration: none;
	font-weight: bold;
	background-color: #6a6150;
	text-align:center;
}

#pOneWimpoleStreet, #pOneWimpoleStreet span
{ 
	height:133px; 
	width:959px; 
	background-image: url(../../SiteImages/Headings/ChandosLogo2.gif); 
	background-repeat:no-repeat;
	background-color:White;
}

/*Primary HTML navigation*/

#primaryNavigation
{
	/*background-image: url(/SiteImages/Common/primaryNavigationBG2.gif);
	background-repeat: repeat-x;*/
	position: relative;
	width: 100%;
	height: 50px;
	margin-bottom: 0px; /*changedxxx 64*/
	background-color: #9FB188;
}

#primaryNavigation ul
{
	/*width: 793px;
	margin-left: 167px;
	height: 50px;*/
	position: relative;
	/*background-repeat:no-repeat;
	background-position: 0 0 ;*/
	list-style-type:none;
	margin-left: 0;
	margin-bottom: 0;	
	float:right;
}

/*#primaryNavigation ul,
#primaryNavigation a span,
#primaryNavigation a
{
	background-image:url(/SiteImages/Common/primaryNavigation4c.gif);	
}*/

#primaryNavigation ul li
{
	display:inline;
	float: left;
	text-align:center;
}

#primaryNavigation ul li a
{
	display: block;
	cursor:pointer;
	color:White;
	text-decoration:none;
	/*height:45px;*/
	font-size: 1.2em;		
	padding: 14px 8px;		
	font-family:Tahoma;
}

#primaryNavigation ul li a:hover,
#primaryNavigation ul li span:hover,
body.sectionMeetings #navMeetings,
body.sectionWeddings #navWeddings,
body.sectionTeam #navTeam,
body.sectionSpecial #navSpecial,
body.sectionServices #navServices,
body.sectionBuilding #navBuilding,
body.sectionContact #navContact,
body.sectionNews #navNews
{
    color: #9FB188;
    background-color:White; 
    border:none; /*ie7 hack*/    
}

/*Navigation home*/
#primaryNavigation #navHome
{
	 background-image: none;
    display: block;
    height: 106px;
    left: -174px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999em;
    top: -134px;
    width: 300px;
    z-index: 50;
}
#primaryNavigation #navHome:hover
{
    background-color:Transparent;
}

#container
{
	width: 962px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}

#branding
{
	/*background-color: pink;*/
	position: relative;
	border:#dddddd 1px solid;
	
}

#content
{
	/*background-color: Purple;*/
}

#flexible
{
	/*background-color: Red;*/
	width: 199px;
	float: left;
	margin-right: 39px;
}

#primaryContent
{
	/*background-color: Yellow;*/
	width: 483px;
	float: left;
	/*margin-top: -7px;*/
	position: relative;
}

#extra
{
	/*background-color: blue;*/
	width: 199px;
	float: right;
}

/*breadcrumb and site information share some features*/
#siteInformation ul
{
	list-style-type:none;
	margin-left: 0;
	margin-bottom: 0;
}

#siteInformation ul li
{
	display: inline;	
	padding: 0 10px 0 5px;
	line-height: 64px;
}

#siteInformation ul li.first
{
	background-image: none;
	padding: 0;
}

#breadcrumb ul li.last
{
	background-image: none;
	font-weight: bold;
}

#siteInformation
{
	background-color: white; /*#9fb188;*/
	clear: both;
	height: 275px;
}

#siteInformation ul 
{
	background-color: #9fb188;
	background-image: url(/SiteImages/Common/genericContainerBG2.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	margin: 0;
	border-bottom: 1px solid #ebe4d8;
	padding: 54px 15px 15px 15px;
	margin-bottom: 20px;
}

#siteInformation ul li
{	
	line-height: 1em;
}

#siteInformation ul li.last
{
	background-image: none;
}

#siteInformation ul li a
{
	color: white;
	text-decoration: none;
}

#siteInformation ul li a:focus
{
	color:#e3dccf;
	background-color: #6a6150;
}

#siteInformation ul li a:hover
{
	text-decoration: underline;
	color:white;/*#e3dccf;*/
}

#siteInformation address
{
	float:left;
	margin: 0;
	margin-left: 5px;
	padding-left:6px;
	color: white;
}

#siteInformation p#copyright
{
	float: left;
	margin: 0;
	margin-left: 20px;
	color:black;/*white;*/
}

.copyright a
{
	color:white;
}

#siteInformation p
{
	margin-left: 20px;
}

#siteInformation .external-links 
{
    margin-left:15px;
}
#siteInformation .external-links img {
    padding:5px; 
    border:0px;
}

#siteInformation .external-links a {
    text-decoration:none !important;
}


/*basic typography*/

/*generic container*/
.genericContainer
{	
	margin-bottom: 8px;
	padding-bottom: 1px;	
	background-color:white;
	position:relative;
	border:#cccccc 1px solid;
	overflow:hidden;
}

.genericContainer img,
.genericContainer hr
{
	padding: 0;
	margin: 0;
}

.genericContainer hr
{
	background-color: #E3E6D1;
	color: #E3E6D1;
	height: 8px;
	border: 0 none;
	margin-bottom: 8px;
}

.genericContainer p.last
{
	margin-bottom: 0;
}

.genericContainer h2
{
	background-color: #9fb188;
	font-size:1.2em;
	padding: 8px 10px;
	background-image: url(/SiteImages/Icons/iconSqaure2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: white;
	/*margin: 0 0 14px 0;*/
}

.genericContainer h2.largeH2
{
	font-size:1.2em;
}

.genericContainer .primaryImage
{
	margin-top: -14px;
	margin-bottom: 24px;
}

p,
ul,
ol,
address,
dl, 
blockquote,
div.page-content
{
	font-size: 1.2em;
	margin: 0 10px 8px 10px;
}

h1
{
	background-color: #9fb188;
	font-size:1.2em;
	padding: 8px 10px;
	background-image: url(/SiteImages/Icons/iconSqaure2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: white;
	
}

h3
{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 8px;
}

#primaryContent .genericContainer h3
{
	margin: 0 15px 12px 10px;
}

#extra .genericContainer h3
{
	margin: 0 15px 12px 10px;
}

#primaryContent .genericContainer h4
{
	margin: 0 15px 8px 10px;
}

h4
{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0;
}

a  
{
    color:#7c5e2a;
}

a:hover
{
	text-decoration: none;
}

a:focus
{
	color:#e3dccf;
	background-color: #6a6150;
}

blockquote
{
	font-style:italic;
}

p,
ul,
ol
{
	margin-bottom: 24px;
}

ol
{
	list-style-type:decimal;
	list-style-position:inside;
}

ul.genericList
{
	list-style-type: disc;
	margin-left: 25px;
}

ul.genericList li
{
	margin-bottom: 8px;
}

ul.margin-top { margin-top:10px }
/*basic page class layouts*/

/*basic home page*/

#pageHome #primaryNavigation
{
	margin-bottom: 0px;
}

#pageHome #primaryContent
{
	margin-top: 0;
	width: 722px;
}

/*gallery in room pages*/
#galleryImage
{
	position:absolute; 
	top:0; 
	left: 0;
}

#galleryList li 
{
	float: left; 
	width: 49%; 
	text-align:center;
}

.smallPrint
{
	margin-bottom: 0;
}

#pageContactUs .smallPrint
{
	margin-bottom: 0;
	margin-top: 24px;
}

#homePageFlash
{
	margin-bottom: 10px;
}

.radio {
    margin-right: 14px;
}

.radio label {   
    padding-left: 4px;
    vertical-align: top;
}

.validation-summary ul
{
    list-style-type:disc;
    margin-bottom: 0;
    margin-top:15px;
    margin-left:13px;
    font-size:1em;
}

/* news list */
div.news-list-item {
    display:block;
    clear:both;
    margin-left:11px;
    padding-top:10px;
}
div.news-list-item p {
    margin-left:0; 
    vertical-align:top;
}
div.news-list-item h4 {
    margin-left:0 !important; 
    font-size:1.5em;    
}
div.news-list-item img {
    padding-right: 10px;
    padding-bottom: 5px;
    float:left;
    display:inline;
    width:165px;
}
/* news page */
.newsStory { 
font-size: 1.2em;
}
.newsStory p {
font-size: 1em;
}
.newsStory img {
    padding-right: 10px;
    padding-bottom: 5px;
}
/* This should be the end of the file */