/******************************************************
	Style Sheet for Creative Celebrations
	Designer: lazymouse {creative}
	Design by: Steve
	Built by: Ali
*******************************************************/

html {
background: url(../images/bg_body1.jpg) repeat top left;

}

body {
   background: url(../images/banner.jpg) repeat-x top left;
   margin: 0;
   padding: 0;
   text-align: center;
   font-size: 62.5%;
   font-family:"Georgia, Times New Roman", Times, serif;
 }
 
img {
	border: none;
}

.clear {
	clear:both;
}

a:active
{
  outline: none;
}

:focus
{
  -moz-outline-style: none;
}


 
#container {
   margin: 0px auto;
   text-align: left;
   width: 760px;
   padding: 0;
}
#banner {
	float: left;
	width: 800px;
	height: 365px;
	background: url(../images/header.png) no-repeat top left;
	margin: 0;
	padding: 0;
}

#navigation {
float: left;
position: relative;
margin: 0;
padding: 0;
margin-top: 222px;
width: 800px;
}
#content {
float: left;
margin: 0;
padding: 0;
background: url(../images/bg_content.png) no-repeat bottom left;
width: 800px;
color: #5B5752;
padding-bottom: 200px;
}

#sidebar {
float: left;
margin: 0;
padding: 0;
width: 235px;
padding-left: 20px;

}

#main {
float: left;
margin: 0;
padding: 0;
width: 545px;

}
#main-wide {
float: left;
margin: 0;
padding: 0;
width: 600px;
margin-left: 50px;

}
#main-gallery {
float: left;
margin: 0;
padding: 0;
width: 770px;
margin-left: 30px;

}

#footer {
clear: both;
margin: 0;
padding: 0;
width: 760px;
padding-left: 12px;
}


/* --------------------------
		TEXT STYLES 
-----------------------------*/
#main div {
padding-left: 20px;
padding-top: 10px;
padding-right: 100px;
padding-bottom: 10px;
margin: 0;

}
#main p {
padding-left: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
margin: 0;
font-size: 1.6em;
line-height: 1.8em;

}
#main-wide div {
padding-left: 20px;
padding-top: 10px;
padding-right: 100px;
padding-bottom: 10px;
margin: 0;

}
#main-wide p {
padding-left: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
margin: 0;
font-size: 1.6em;
line-height: 1.8em;

}
#main-gallery p {
padding-left: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
margin: 0;
font-size: 1.6em;
line-height: 1.8em;

}
#sidebar p {
padding-left: 12px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
margin: 0;
font-size: 1.6em;
line-height: 1.8em;

}

#footer p {
margin: 0;
padding: 0;
padding-bottom: 3px;
padding-top: 3px;
}



/* --------------------------
		LISTS
-----------------------------*/

#footer #footer {
list-style-type: none;
font-size: 140%;
color: #fff;
margin: 0;
padding: 0;


}
#contact {
float: left;
margin: 0;
padding: 0;
padding-bottom: 15px;

}
#website {
float: right;
margin: 0;
padding: 0;


}
#sidebar #list1 {

margin: 0;
padding: 0;
list-style-type: none;
font-size: 1.6em;
padding-left: 15px;
padding-top: 10px;
}

#sidebar #list1 li {

margin: 0;
padding: 0;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;

}

#sidebar #list1 li a{
text-decoration: none;


}
#main-wide ul {

margin: 0;
padding: 0;
font-size: 1.6em;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
}

#main-wide li {

margin: 0;
padding: 0;
padding-top: 5px;
padding-bottom: 5px;
line-height: 150%;
}

#side {
background: url(../images/bullet.jpg) no-repeat 0 50%;

}
#photo{
list-style-type: none;
margin: 0;
padding: 0;
background: url(../images/photo_gallery.jpg) no-repeat 0 50%;

}
#main-wide #photo1 {
padding-left: 15px;
}

/* --------------------------
		IMAGES
-----------------------------*/
#sidebar img {
background: url(../images/bg_side_image.gif) no-repeat top left;
margin: 10px;
padding: 10px;
}
.imageleft {
float: left;
margin-left: 0px;
margin-right: 10px;
margin-top: 8px;
margin-bottom: 8px;
padding: 5px;
border: 1px solid #ccc;
}
.image-right {
float: right;
margin-left: 20px;
border: 1px solid #dcdbda;
	background: #eeedea;
	padding: 5px;

}
/* --------------------------
		HEADINGS
-----------------------------*/
h2 {
padding: 0;
margin: 0;
font-size: 1.8em;
color: #0066ff;
padding-top: 5px;
padding-bottom: 5px;
font-weight:bold;

}
h3 {
padding: 0;
margin: 0;
font-size: 1.6em;
font-weight: bold;
color: #5B5752;
padding-top: 5px;
padding-bottom: 5px;

}
h4 {
padding: 0;
margin: 0;
font-size: 1.4em;
color: #5B5752;
padding-top: 5px;
padding-bottom: 5px;
background: url(../images/bullet.jpg) no-repeat 0 50%;
padding-left: 15px;
}
h1 {
padding: 0;
margin: 0;
text-indent: -9999px;
color: #5B5752;
}
.balloons {
background: #F5ECDD url(../images/heading_balloons.gif) no-repeat top left;
height: 48px;
width: 415px;
margin: 0;
padding: 0;
}
.gallery {
background: #F5ECDD url(../images/heading_gallery.gif) no-repeat top left;
height: 48px;
width: 415px;
margin: 0;
padding: 0;
}
.weddings {
background: #F5ECDD url(../images/heading_weddings.gif) no-repeat top left;
height: 48px;
width: 415px;
margin: 0;
padding: 0;
}
.contact {
background: #F5ECDD url(../images/heading_contact.gif) no-repeat top left;
height: 48px;
width: 415px;
margin: 0;
padding: 0;
}
.stationery {
background: #F5ECDD url(../images/heading_stationery.gif) no-repeat top left;
height: 48px;
width: 415px;
margin: 0;
padding: 0;
}
.balloon {
background: #F5ECDD url(../images/heading_balloon.gif) no-repeat top left;
height: 48px;
width: 415px;
margin: 0;
padding: 0;
}
.gifts {
background: #F5ECDD url(../images/heading_gifts.gif) no-repeat top left;
height: 48px;
width: 415px;
margin: 0;
padding: 0;
}
.table_clusters {
background: #F5ECDD url(../images/heading_table.gif) no-repeat top left;
height: 48px;
width: 415px;
margin: 0;
padding: 0;
}
.lighting {
background: #F5ECDD url(../images/heading_lighting.gif) no-repeat top left;
height: 48px;
width: 415px;
margin: 0;
padding: 0;
}
.hen {
background: #F5ECDD url(../images/heading_hen.gif) no-repeat top left;
height: 48px;
width: 415px;
margin: 0;
padding: 0;
}
.displays {
background: #F5ECDD url(../images/heading_displays.gif) no-repeat top left;
height: 48px;
width: 415px;
margin: 0;
padding: 0;
}
.dressings {
background: #F5ECDD url(../images/heading_tabledressing.gif) no-repeat top left;
height: 48px;
width: 415px;
margin: 0;
padding: 0;
}
/* --------------------------
		LINKS
-----------------------------*/
a {
color: #5B5752;
text-decoration: none;

}
a:visited:{
color: #5B5752;
text-decoration: none;
}
a:hover {
color: #0066ff;
text-decoration: none;
}
#footer a {
color: #fff;
}
#footer a:hover {
color: #0066ff;
}
#main a {
font-weight: bold;
}
#main-wide a {
font-weight: bold;
}
/* --------------------------
		NAVIGATION
-----------------------------*/

#nav {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 13px;
	font-size:2.2em; 
	color: #000;
}



#nav li {
	display: inline;
}


.nav-home {
	position: absolute;
	top: 0;
	left: 13;
	width: 93px;
	height: 73px; 
}

.nav-balloons {
	position: absolute;
	top: 0;
	left: 106px;
	width: 135px;
	height: 73px; 
}

.nav-chocolate {
	position: absolute;
	top: 0;
	left: 240px;
	width: 244px;
	height: 73px; 
}

.nav-weddings {
	position: absolute;
	top: 0;
	left: 484px;
	width: 137px;
	height: 73px; 
}

.nav-contact {
	position: absolute;
	top: 0;
	left: 622px;
	width: 151px;
	height: 73px; 
}

/******************************************************
	GALLERY (see also css/litebox.css
*******************************************************/

 .thumbnail {
	float: left;
	width: 200px;
	padding: 0;
	margin: 0;
	font-size: 130%;
	text-align: center;
	height: 175px;
	margin-top: 20px;

	
	}
	 .thumbnail1 {
	float: left;
	width: 200px;
	padding: 0;
	margin: 0;
	font-size: 130%;
	text-align: center;
	height: 175px;
	margin-top: 20px;

	
	}
.thumbnail img {
border: none;
margin-bottom: 7px;
	padding: 5px;
	border: 1px solid #dcdbda;
	background: #eeedea;
}
.thumbnail1 img {
border: none;
margin-bottom: 7px;
	padding: 6px;
	
	background: #000;
}

.img {
	border: none;
	margin-bottom: 7px;
	padding: 5px;
	
 	}

.clearboth {
	clear: both;
	}

img a:link, img a:visited, img a:hover, img a:active {
	border: none;
	background-color: transparent;
	
	}


/******************************************************
	FORMS
*******************************************************/
label { float: left;
width: 220px;
font-size: 1em;
text-align: right;
margin-right: 5px;}	

.buttons {text-align: right; margin-left: 130px;}
	
/******************************************************
	MISC
*******************************************************/


	
.pink a, .pink a:visited {
color: #f45bab;
font-size: 90%;
letter-spacing:1px;
}
.pink a:hover {
color: #5B5752;

}		
.pink {
color: #5B5752;
font-size: 0.2em;
}		

/******************************************************
	TABLES
*******************************************************/

table {
border-collapse: collapse;
margin: 0;
padding: 0;
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.4em;

}
td {
margin: 0;
padding: 0;
padding-top: 5px;
padding-bottom: 3px;

}
th {
margin: 0;
padding: 0;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #666;
color: #5B5752;
}