/* Creative Infusion Stylesheet */
/* Dream Brides Site Styles */

/* --------------------------------- General Display --------------------------------*/

body{
	background:#4e4d4d; 
	font-family:Arial, Helvetica, sans-serif; /* default font family to be inherited for all text including alt tags */
	font-size:11px; /* default font size for all text */
	margin:0; padding:0;
}

hr {display:none;} /* Only display the horizontal rules if CSS is turned off */

/* -------------------------------- General Structure -------------------------------*/

#container {
	position:relative;
	margin: 13px auto;
	width: 958px; /* width of page content image */
	color:#666666;
	background-color:#FFFFFF;
}

/* ----------------------------------- Banner: Logo -------------------------------*/

#top {
	width: 958px;
	line-height:165px;
}

#logo {
	float: left;
	height:165px;
	width:534px;
}

#logo img {
	border:none;
}


#telephone {
	float: left;
	height:165px;
	width:424px;
	text-align:right;
}

/* --------------------------------- Fonts --------------------------------*/

h1, h2, h3, h4, h5, p{margin:0;padding:0;}

h1, p.telephone {
	color: #ae0c51;
	font-size: 32px;
}

h2 {
	text-align:center;
}

h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#555555;
}
#menubar a {
	color: #fff;
}

#menubar a:hover {
	color:#999999;
}

a.link {
	color:#333333;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666666;	
}

a.link:hover {
	color:#666666;
	border-bottom-color: #CCCCCC;
}

a.picture {
	border: none;
}

/* ------------------------------------- Menu -------------------------------------*/

#menubox {
	clear: both;
	width: 956px;
	height: 34px;
	background-color: #363535;
	border: 1px solid #868585;
	overflow:hidden;
}

#menubar{
	padding: 5px 0 0 180px;
	overflow: hidden;
}

#menubar ul{ 
	list-style-type:none; /*removes bullets from the list*/ 
	text-align:center; /*aligns the text to what should end up as the center of each graphical button*/
	margin:0; padding:0;
} 
#menubar ul li{ 
	display:inline; /*extra step to get IE to display link list horizontally*/ 
} 
#menubar ul li a{
	display:block; /*makes the anchor fill the list item so clicking any part of the graphical button will work, also allows the anchor to take a width*/
	float:left; /*the key to making the list horizontal*/
	line-height:24px; /*set equal to the height of the navbar image. Using line-height, rather than height, will get the text aligned to the vertical centre of the button*/
	font-size:120%;
	font-weight:bold;
	text-decoration:underline; /* stop text link underlining if images are turned off */
	border-bottom-style: none; /* tidy up later */
} 
#menubar ul li a span {
	position:relative;
	left:0px;
	top:-24px;
	display:block;
	height:24px;
	background-repeat: no-repeat;
	background-position:0 0;
	overflow:hidden;
}

/* Set width and image on each span (if all equal set individual width on anchor instead.
Make sure the combined width doesn't exceed the total width of the menu bar */

#menubar ul li a span#menu_brides{
	background-image:url(../images/menu_brides.jpg);
	width:124px;
}
#menubar ul li a span#menu_bridesmaids{
	width:226px;
	background-image:url(../images/menu_bridesmaids.jpg);
}
#menubar ul li a span#menu_contactus{
	width:171px;
	background-image:url(../images/menu_contactus.jpg);
}
#menubar ul li a span#menu_home{
	width:121px;
	background-image:url(../images/menu_home.jpg);
}


#menubar ul li a:link span, #navbar ul li a:visited span{ background-position: 0 0;} /* image in base position */
#menubar ul li a:hover span, #navbar ul li a:focus span, #navbar ul li a:active span { background-position: 0 100%;} /* shift image up to selected position */

/* ------------------------------------- Content -------------------------------------*/

#content{
	width:880px;
	margin:0 auto;
}

#heading {
	position:relative;
	height:80px;
	width:100%;
}

#pagetitle {
	position:absolute;
	z-index:2;
	top:5px;
	width:100%;
}

#col1 {
	float:left;
	width:270px;
}

#col2 {
	float:left;
	width:290px;
	padding:0 25px;
}

#col3 {
	float:right;
	width:270px;
}

#col2_gallery {
	float:left;
	width:580px;
	padding:0 0 0 30px;
}

.clear {
	clear:both;
}

.vote {
	float: right;
	width: 50px;
	padding: 0 30px 0 10px;
}

#content li {
	list-style-type: square;	
}

/* ------------------------------------- Divider -------------------------------------*/

#line {
	position:absolute;
	z-index:1;
	top:50px;
	background-color:#adacac;
	height:1px;
	width:100%;
}

/*__________________________________________Footer_____________________________________*/

#footer {
	position:relative;
	height: 111px;
	width: 958px;
	background:#4e4d4d; /* fix for IE6 extra few pixels of container background showing at bottom */
}

#copyright {
	width: 400px;
	text-align: right;
	padding: 85px 35px 0 0;
	position:absolute;
	top:0;
	right:0;
}

#copyright a {
	color: #666666;
	text-decoration: none;
}