/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Erecruit Template
Project Title : PROJECT NAME Stylesheet
Author : Atelier Studios
URL : http://wwww.atelier-studios.com
Description : Design and layout for PROJECT NAME
Copyright Atelier Studios Limited 2001-2007. All Rights Reserved.

Created : 03/03/2006
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body {
		background-color:#e6e6ec;
		text-align:center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:70%;
}

/* 
Reset all margins/padding */
* { 
		margin:0;
		padding:0;
}

	
/* 
Make for consistent list handling across different browsers. http://www.clagnut.com/blog/1287/
NEVER alter these values. Set margin & padding to 0 (or whatever you need) directly on subsequent lists. */
ul, ol {
    	padding-left:1em;
    	margin-left: 0;
}

/* 
No boders on images */
img {
		border:0;
}

/* 
TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1{
		font-size:1em;
		margin-bottom:15px;
	
}

h2{
		font-size:1em;
		margin-bottom:15px;
}

h3{
		font-size:1em;
		margin-bottom:15px;
}

h4{
		font-size:1em;
		margin-bottom:15px;
}

h5{
		font-size:1em;
		margin-bottom:15px;
}

h6{
		font-size:1em;
		margin-bottom:15px;
}

a {
		font-size:1em;
		line-height:18px;
		color:#1b2e81;
}

p {
		font-size:1em;
		line-height:18px;
		color:#1b2e81;
		margin-bottom:15px;
}


td {
	padding:3px;
	color:#1b2e81;
	line-height:17px;}


/* 
Links: Always implement all four states through-out this stylesheet */
a:link {color:#1b2e81; text-decoration:none;}
a:visited {color:#1b2e81; text-decoration:none;}
a:hover {color:#1b2e81; text-decoration:underline;}
a:active {color:#1b2e81; text-decoration:none;}

/* 
END TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
CLASSES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.myReusableClass {
}

/* 
END CLASSES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div#wrapper {
		width:786px;
		margin:20px auto;
		text-align:left;
		background-image:url(/wedding/furniture/images/backgrounds/back.jpg);
		background-repeat:repeat-y;
}

div#header {
		background-image:url(/wedding/furniture/images/backgrounds/top.jpg);
		height:122px;
		position:relative;
}

div#navigation {
		background-color:black;
		margin:0 7px;
		padding: 5px 42px;
		clear:both;
		}
		div#navigation ul{
		list-style-type:none;
		margin:0;
		padding:0;
		}
		div#navigation li{
		float:left;
		margin-right:20px;
		}
		div#navigation a{
		text-indent: -5000px; overflow:hidden; display:block; text-decoration: none !important;  background-repeat:no-repeat;
		height:18px;
		}
		
		a#menu-home  {
			  width: 49px;
			  background-image:url(../images/navigation/home.gif);
			  }
			  a#menu-home:hover {background-position: -49px 0;}
			  
		a#menu-about  {
			  width: 141px;
			  background-image:url(../images/navigation/about.gif);
			  }
			  a#menu-about:hover {background-position: -141px 0;}
			  
		a#menu-gallery  {
			  width: 62px;
			  background-image:url(../images/navigation/gallery.gif);
			  }
			  a#menu-gallery:hover {background-position: -62px 0;}

		a#menu-links  {
			  width: 48px;
			  background-image:url(../images/navigation/links.gif);
			  }
			  a#menu-links:hover {background-position: -48px 0;}

div#content {
			margin-left: 9px;
			margin-right:9px;
			clear:both;
		}

div#leftContent {
		padding: 30px 0 30px 45px;
		width:300px;
		float:left;
		
}

div#rightContent {
		float:right;
		margin-left:30px;
		float:right;
}

div#main_content_gallery {
	width:760px;
	float:left;}


div#footer {
		background-image:url(/wedding/furniture/images/backgrounds/footer.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		height:40px;
		background-color:#e6e6ec;
		color:#b0b0c4;
		text-align:center;
		padding: 10px 20px;
		}
		div#footer p{color:#b0b0c4;}
		div#footer a{color:#b0b0c4;}
		
div#logos {
	height:60px;}


div#splash {
	background-image:url(../images/backgrounds/splash-background.gif);
	background-repeat:no-repeat;
	width:788px;
	height:602px;}

div#riot_site {
	width:370px;
	float:left;
	padding-top:17px;
	padding-left:22px;
	height:585px;}

div#riot_wedding_site {
	width:370px;
	padding-top:17px;
	float:left;
	height:585px;}

div#prices {
	width:320px;
	padding-left:30px;}

/* 
END LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
FORM LAYOUT
When creating a form add .formField to any fields, .formLabel to labels 
and proceed labels with a <br class="formBR" />
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


input.formField {
		display: block;
		width: 150px;
		float: left;
		margin-bottom: 10px;
		color:#555;
}



label.formLabel {
		text-align: left;
		width: 130px;
		padding-right: 20px;
		padding-top:5px;
		font-size:1em;
		display: block;
		float:left;
		color:#1b2e81;
}

br.formBR {
		clear: left;
}
/* 
END FORM LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
HEADINGS
Refer to site-map for all headers. Ensure consitent casing.
NOTE: Heading naming convention - #heading_human_name_title
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#logo {
			  text-indent: -5000px; overflow:hidden; 
			  display:block; width: 236px; height:111px; text-decoration: none;
			  background-image:url(/wedding/furniture/images/sitewide/logo.jpg); 
			  background-repeat:no-repeat;
			  position:absolute;
			  left:47px;
			  top:8px;
}

#tagline {
			  text-indent: -5000px; overflow:hidden; 
			  display:block; width: 383px; height:46px; text-decoration: none;
			  background-image:url(/wedding/furniture/images/sitewide/tag2.gif); 
			  background-repeat:no-repeat;
			  position:absolute;
			  left:368px;
			  top:50px;
}

#heading_about_us {
	text-indent: -5000px; overflow:hidden; display:block;
	width: 112px; height:20px;  text-decoration: none !important;
	background-repeat:no-repeat; background-image:url(../images/headers/about-us.gif);}
	
#heading_contact_us {
	text-indent: -5000px; overflow:hidden; display:block; margin-left:30px; margin-top:20px;
	width: 112px; height:20px;  text-decoration: none !important;
	background-repeat:no-repeat; background-image:url(../images/headers/contact-us.gif);}
	
#heading_links {
	text-indent: -5000px; overflow:hidden; display:block;
	width: 112px; height:20px;  text-decoration: none !important;
	background-repeat:no-repeat; background-image:url(../images/headers/links.gif);}
	
/* 
END HEADINGS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */