/*
This is an Elated PageKit - www.elated.com.
All artwork copyright (c) 1996-2004 Elated Communications Ltd.
By using this PageKit, you are agreeing to be bound by the
usage agreement available online at http://www.pagekits.com/usage/
*/




/*
	Standard font family for site
*/



body, table, tr, td, a, p, h1, h2, h3, h4, h5
{
	font-family: verdana,arial,helvetica,sans-serif;
}



/*
	Page body style
*/



body
{
	margin: 0px;
	padding: 0px;
	background-image: url(http://www.liverpoolviews.co.uk/images/page_bg.jpg);
	background-color : #E6E1D5;
}

html, body
{
	height: 100%;
}

img
{	
	border: 0;
}


/*
	Standard paragraph style
*/



p
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	padding-left: 12px;
	padding-right: 12px;
}




/*
	Headings
*/



h1
{
	padding-left: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #39437B;
	margin-top: 40px;
	margin-bottom: -4px;
}


h2
{
	padding-left: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #39437B;
	margin-top: 17px;
	margin-bottom: -4px;
}


h3
{
	padding-left: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #39437B;
	margin-top: 40px;
	margin-bottom: -4px;
}


h4
{
	padding-left: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #39437B;
	margin-top: 40px;
	margin-bottom: -4px;
}




/*
	Container for page content
*/



#container
{
	margin: 20px auto;
	margin-top: 0px;
	position: relative;
	border: 1px solid #656A8A;
	background-color: #656A85;
	width: 759px;
	background-image: url(http://www.liverpoolviews.co.uk/images/bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 172px;
	padding-bottom: 40px;
}




/*
	Page header area
*/



#page-header
{
	background-image: url(http://www.liverpoolviews.co.uk/images/header_image.jpg);
	width: 759px;
	height: 122px;
}




/*
	Logo container: adjust position as required
*/



#logo
{
	position: absolute;
	margin-top: 14px;
	margin-left: 10px;
}




/*
	Menu bar area
*/



#menu-bar
{
	background-image: url(http://www.liverpoolviews.co.uk/images/menu_bar.gif);
	width: 731px;
	height: 33px;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	text-align: right;
	padding-right: 28px;
	padding-top: 17px;
}




/*
	Styles for menu text links
*/



a.menulink
{
	color: #FFFFFF;
	text-decoration: none;
}


a.menulink:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}




/*
	Style for standard links
*/



a
{
	color: #2923FF;
	text-decoration: underline;
}


a:hover
{
	color: #404040;
	text-decoration: underline;
}




/*
	Main content box
*/



#mainbox
{
	position: relative;
	float: left;
	width: 467px;
	background-color: #E7DDC6;
	border: 1px solid #030303;
	margin-left: 28px;
	margin-top: 17px;
	padding-bottom: 12px;
}


/*
	Main picture content box
*/



#picturebox
{
	position: relative;
	float: left;
	width: 703px;
	background-color: #E7DDC6;
	border: 1px solid #030303;
	margin-left: 28px;
	margin-top: 17px;
	padding-bottom: 12px;
}



/* Hack for IE6 Win, which has a bug that doubles the margin of a floated div */



* html #mainbox
{
    margin-left: 14px;
}




/*
	Main content box: title area
*/

#mainbox-title
{
	position: relative;
	width: 455px;
	height: 26px;
	background-color: #CCC2AB;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding-left: 12px;
	padding-top: 7px;
}


/*
	Main content box: title area
*/

#picturebox-title
{
	position: relative;
	width: 691px;
	height: 26px;
	background-color: #CCC2AB;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding-left: 12px;
	padding-top: 7px;
}





/*
	Feature box on front page
*/



#front-feature
{
	position: relative;
	float: right;
	width: 224px;
	background-color: #E7DDC6;
	border: 1px solid #030303;
	margin-right: 28px;
	margin-top: 17px;
	padding-bottom: 10px;
}



/* Hack for IE6 Win, which has a bug that doubles the margin of a floated div */



* html #front-feature
{
    margin-right: 14px;
}




/*
	Feature box on front page: title area
*/



#front-feature-title
{
	position: relative;
	width: 212px;
	height: 26px;
	background-color: #CCC2AB;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding-left: 12px;
	padding-top: 7px;
}




/*
	News box on front page
*/



#front-news
{
	position: relative;
	float: right;
	width: 224px;
	background-color: #9D9FA6;
	background-image: url(http://www.liverpoolviews.co.uk/images/news_bg.gif);
	background-position: 0px 34px;
	background-repeat: no-repeat;
	border: 1px solid #030303;
	margin-right: 28px;
	margin-top: 8px;
	padding-bottom: 10px;
}



/* Hack for IE6 Win, which has a bug that doubles the margin of a floated div */



* html #front-news
{
    margin-right: 14px;
}




/*
	News box on front page: title area
*/



#front-news-title
{
	position: relative;
	width: 212px;
	height: 26px;
	background-color: #C0C2C9;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding-left: 12px;
	padding-top: 7px;
}




/*
	Testimonials box on front page
*/



#front-testimonials
{
	position: relative;
	float: right;
	width: 224px;
	background-color: #949ED6;
	background-image: url(http://www.liverpoolviews.co.uk/images/testimonials_bg.gif);
	background-position: 0px 34px;
	background-repeat: no-repeat;
	border: 1px solid #030303;
	margin-right: 28px;
	margin-top: 8px;
	padding-bottom: 10px;
}



/* Hack for IE6 Win, which has a bug that doubles the margin of a floated div */



* html #front-testimonials
{
    margin-right: 14px;
}




/*
	Testimonials box on front page: title area
*/



#front-testimonials-title
{
	position: relative;
	width: 212px;
	height: 26px;
	background-color: #B5BFF7;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding-left: 12px;
	padding-top: 7px;
}




/*
	Sidebar box on sub-page
*/



#sub-sidebar
{
	position: relative;
	float: right;
	width: 224px;
	background-color: #9D9FA6;
	border: 1px solid #030303;
	margin-right: 28px;
	margin-top: 17px;
	padding-bottom: 10px;
}



/* Hack for IE6 Win, which has a bug that doubles the margin of a floated div */



* html #sub-sidebar
{
    margin-right: 14px;
}




/*
	Sidebar box on sub-page: title area
*/



#sub-sidebar-title
{
	position: relative;
	width: 212px;
	height: 26px;
	background-color: #C0C2C9;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding-left: 12px;
	padding-top: 7px;
}




