/* Cascading style sheet for UK Wedding Suppliers */ 

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background: #fff url(../img/bg.jpg) repeat-x 0 0;
 font: normal 12px Verdana, Arial, Geneva,  sans-serif;} 
 
/* Enhancements */ 

input, select, small {
	font-size: 11px;}
span {
	line-height: 1.4;}
 
/* LINKS */
a, a:link, a:visited {
	text-decoration: none;
	color: #a9031a;	}
	
a:hover, a:active, a:focus{
	text-decoration: none;
	color: #dd4449;
	outline:none;}
	
/* typography */
h1 {
	font: bold 15px Georgia, Verdana, Arial, sans-serif;
	color: #dd4449;
	font-variant: small-caps;
	margin: 10px 0;}
 
h2 {
	font: bold 13px Georgia, Verdana, Arial, sans-serif;
	color: #fff;
	font-variant: small-caps;
	margin: 5px 0;}
	
h3 {
	font: bold 13px Georgia, Verdana, Arial, sans-serif;
	font-variant: small-caps;
	margin: 5px 0;
	color: #A9031A;
	margin: 25px 0 7px 0;}
 
 
/* Structure */ 
#pagewidth { 
 width:1000px; 
 text-align:left;  
 margin: 0 auto;  }
 
#pagewidth p {
	margin: 0; 
	padding: 5px 0;
	line-height: 1.4;} 

#pagewrapper {
	background: url(../img/body.jpg) repeat-y 0 0;
	float: left;
	width: 1000px; 
	height: 100%;}
 
#wrapper {
	background: transparent url(../img/maintop.jpg) no-repeat 0 0; 
	margin: 0;
	float: left;
	display: block;
	width: 1000px; }
	
	
/* Header */
#header {
 position:relative; 
 height:250px; 
 width:100%;
 float: left;
 background: url(../img/header.jpg) no-repeat;} 

#topnav {
	text-align: right;
	position: relative;
	float: right;
	margin: 0;
	padding-right: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;}
	
#topnav a, #topnav a:visited {
	font-size: 11px;
	color: #000;
	text-decoration: none;}
	
#topnav a:hover, #topnav a:active {
	font-size: 11px;
	color: #dd4449;
	text-decoration: underline;}
 
#logo {
	float: left;
	width: 990px;
	margin: 15px 0 0 60px;}
 
 
/* Main column */
#maincol{
 width:770px; 
 height: 100%;
 min-height: 600px;
 float:left; 
 position:relative; }
 
#maincol .maincol {
	margin: 0;
	padding: 10px 30px 10px 30px;
	float: left;
	background: transparent;}
#maincol .maincol p,
#maincol .maincol h1,
#maincol .maincol h3 {
	width: 680px;
	margin-left: 20px;}
	
#maincol #bigimg {
	float: left;
	display: block;
	width: 700px;
	height: 500px;
	background: url(../img/bigimg.jpg) no-repeat 0 0;
	margin: 20px 0;}
	
/* images */
#maincol img {
	background: #E6E6E6;
	border: 1px dotted #000;
	padding: 5px;}
#maincol img.left  {
	margin: 5px 7px 5px 0;}
#maincol img.right {
	margin: 5px 0 5px 7px;} 	
#maincol img.center {
	margin: 10px 0;} 

/* lists */
#maincol ul {
	margin: 0 0 0 30px; 
	padding: 0; 
	display: list-item;
	list-style: none outside;}
	
#maincol li { 
	display:block; 
	background: url(../img/blt_hover.gif) no-repeat 0% 10%;
	padding-left:20px;
	line-height: 1.6; }





 /* Right column */
#rightcol {
 float: right; 
 display:inline; 
 position: relative; 
 margin: 0;
 width:230px;
 height: 100%; }

#rightcol .rightcol {
	margin: 0; 
	padding: 0 10px 0 20px;
	background: url(../img/rcol.jpg) no-repeat 0 0;
	float: left;
	position: relative;
	top: 100px;
	height: 100%;
	min-height: 350px;}
	
	
/* -- menu -- */
#menu {
	width: 200px; 
	height: 300px;
	float: left;
	margin: 0;
	display: block;}
	
#menu ul {
	float: left;
	width: 200px; 
	list-style: none outside;
	margin: 0;
	margin-top: 80px; 
	padding: 0 10px 0 5px;}
	
#menu li {
	height: 26px;
	line-height: 26px;
	width: 190px;
	display: block;
	/*border-bottom: 1px solid #fff;*/} 
	
#menu li a {
	height: 26px;
	line-height: 26px;
	padding-left: 20px;}
	
#menu a, #menu a:visited {
	font: normal 14px Georgia, Tahoma, Verdana, Arial, sans-serif;
	margin: 0;
	color: #990033;
	text-decoration: none;
	font-variant: small-caps;}
	
#menu a:hover, #menu a:active {
	text-decoration: none;
	color: #dd4449;
	background: transparent url(../img/blt.gif) 0% 55% no-repeat;
	padding:2px 30px 2px 20px;}
	
#menu a.active {
	text-decoration: none;
	color: #dd4449;
	background: transparent url(../img/blt.gif) 0% 55% no-repeat;
	padding: 2px 30px 2px 20px;}

#menu li.addit a {
	font-size:11px;
	font-variant: normal;
	background: none;
	padding-left: 5px;}
#menu li.addit a:hover, #menu li.addit a:active {
	padding: 0;
	background: none;
	padding-left: 5px;}
  
/* FOOTER */
#footer{
 height:120px;
 width: 995px; 
 background: url(../img/ftr.jpg) no-repeat 0 0;
 margin: 0;
 text-align: center;
 display: block;
 clear:both;
 float: left;
 position: relative;} 
 
#footer .footer {	
	margin: 0;
	font-size: 11px;
	padding: 40px 0 10px 0;
	width: 990px;
	clear: both;
	float: left;}
	

/* others */
.red {
	color: red;}
.dotted {
	background: url(../img/dotted.gif) repeat-x;
	width:570px;
	float: left;
	margin: 10px 30px;}	
.left {
	float: left;
	clear: left;}
.right {
	float: right;
	clear: right;}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}