/* - - - - - - - - - - - - - - - - - - - - */
/* Knotty Stationery     	             */
/* Design, Development & Maintenance       */
/* Eskymo New Media Design                 */
/* http://www.my-igloo.net                 */
/* - - - - - - - - - - - - - - - - - - - - */

/* COLOURS
DARK BROWN	#6F5A54
WEDDING BLUE	#89CBC9
BABY
PARTY
SOCIAL

*/

/* RESET */
/* -------------------------------------------------------------------------------------------*/
* 			{ margin:0; padding:0 }
body 		{ font-size: small; font-family: Georgia, "Times New Roman", Times, serif; color: #6F5A54; text-align:left; background:url(assets/bgrpt_pagestripes.jpg) repeat-x; }

* html body { font-size: x-small; /* for IE5/Win */ f\ont-size: small; /* for other IE versions */ }

/* The below restores some sensible defaults */
strong 	{ font-weight: bold }
em 		{ font-style: italic }
a		{ text-decoration: none; }
a img 	{ border:none } /* Gets rid of IE's blue borders */


/* TEXT LINKS TO BE BROWN WITHIN THE COPY */
/* -------------------------------------------------------------------------------------------*/
a:link, a:visited { color: #6F5A54; text-decoration: underline; }
a:hover, a:active { color: #6F5A54; text-decoration: none; }


/* FLOATED ELEMENTS */
/* -------------------------------------------------------------------------------------------*/
.left 	{ float: left; }
.right 	{ float: right;}

.clearleft 	{ clear: left; }
.clearright 	{ clear: right; }
.clearboth 	{ clear: both; }


/* TYPOGRAPHY */
/* -------------------------------------------------------------------------------------------*/
h1	{font-size: 170%; font-weight:normal; margin: 0px 0px 10px 0px; }
h2	{padding: 0px 0px 0px 0px; font-size: 90%; font-weight: normal; }
h3 	{font-size: 150%; font-weight:normal; margin: 20px 0px 0px 0px; color: #7CC9C7; text-align: left;}
h4	{ font-size: 170%; font-weight:normal; }
p	{ line-height: 1.5em; padding: 10px 0px 0px 0px; font-size: 90%; }


/* HEADER includes the two top navigation lists (left and right) */
/* -------------------------------------------------------------------------------------------*/
#header {
	width: 924px;
	margin: 0 auto;
	padding: 0px;
	background: url(assets/bgrpt_header.jpg) no-repeat top center;
}

#header .left, #header .right {
	margin: 10px 0px;
}

#header ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 90%;
}
#header ul li {
	display: inline;
}

#header a:link, #header a:visited { text-decoration: none; }
#header a:hover, #header a:active { text-decoration: underline; }


/* WRAPPER is 924px wide - contains everything except the footer */
/* -------------------------------------------------------------------------------------------*/
#wrapper {
	width: 924px;
	margin: 0 auto;
	padding: 0px;
	background: url(assets/bgrpt_pageedgegradients.jpg) no-repeat bottom center;
}


/* NAVIGATION SITS WITHIN WRAPPER AND IS 920PX WIDE */
/* -------------------------------------------------------------------------------------------*/
#navigation {
	width: 920px;
	height: 32px;
	margin: 0 auto;
	padding: 0px;
	background: url(assets/bgrpt_primarynav.jpg) no-repeat;
}

#nav {
	width: 920px;
	height: 32px;
	background: url(assets/bgrpt_primarynav.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#nav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	position: absolute;
	text-indent: -3000px;
}

#nav a {
	display: block;
	height:32px;
	text-decoration: none;
}

/* POSITION OF THE NAVIGATION BUTTONS
---------------------------------------------------------------------------------------------------------------*/
#navwedding 		{left:12px; top:0; width:88px; height:32px;}
#navbaby 			{left:172px; top:0; width:60px; height:32px;}
#navcorrespondence 	{left:304px; top:0; width:145px; height:32px;}
#navparty			{left:521px; top:0; width:63px; height:32px;}
#navsocial 		{left:656px; top:0; width:65px; height:32px;}
#navtestimonials 	{left:794px; top:0; width:118px; height:32px;}

#navwedding a, #navbaby a, #navcorrespondence a, #navparty a, #navsocial a, #navtestimonials {height:32px;}

/* HOVER AND ACTIVE STATES OF THE NAVIGATION BUTTONS
---------------------------------------------------------------------------------------------------------------*/
#navwedding a:hover, #navwedding .active 			{background:url(assets/bgrpt_primarynav.jpg) -12px -32px no-repeat; width:88px; height:32px;}
#navbaby a:hover, #navbaby .active 				{background:url(assets/bgrpt_primarynav.jpg) -172px -32px no-repeat; width:60px; height:32px;}
#navcorrespondence a:hover, #navcorrespondence .active {background:url(assets/bgrpt_primarynav.jpg) -304px -32px no-repeat; width:145px; height:32px;}
#navparty a:hover, #navparty .active 				{background:url(assets/bgrpt_primarynav.jpg) -521px -32px no-repeat; width:63px; height:32px;}
#navsocial a:hover, #navsocial .active 				{background:url(assets/bgrpt_primarynav.jpg) -656px -32px no-repeat; width:65px; height:32px;}
#navtestimonials a:hover, #navtestimonials .active 	{background:url(assets/bgrpt_primarynav.jpg) -794px -32px no-repeat; width:118px; height:32px;}


/* CONTENT AREA
---------------------------------------------------------------------------------------------------------------*/
#content {width: 880px; margin: 0 auto; padding: 20px 0px; }

#content .left {width: 466px;}
#content .right {width: 414px;}

.infoboxes {
	border: 1px dashed #A58D7F;
	padding: 5px 5px 5px 10px;
	margin: 0px 0px 5px 0px;
}

.infoboxes a:link, .infoboxes a:visited { text-decoration: none; }
.infoboxes a:hover, .infoboxes a:active { text-decoration: underline; }

.wedding {
	padding: 0px 0px 0px 56px;
	background: url(assets/tophat.jpg) no-repeat center left;
}

.pram {
	background: url(assets/pram.jpg) no-repeat center left;
	padding: 0px 0px 0px 56px;
}

.typewriter {
	background: url(assets/typewriter.jpg) no-repeat center left;
	padding: 0px 0px 0px 56px;
}

.partyhat {
	background: url(assets/partyhat.jpg) no-repeat center left;
	padding: 0px 0px 0px 56px;
}

.teapot {
	background: url(assets/teapot.jpg) no-repeat center left;
	padding: 0px 0px 0px 56px;
}

/* TESTIMONIALS and CONTACT */
/* ------------------------------------------------------------------------------------------ */
#contentfullwidth { width: 880px; margin: 0 auto; padding: 20px 0px; }

blockquote{
	color: #6F5A54;
}

cite{
	color: #6F5A54;
	font-weight: bold;
	padding-top: 5px;
	display:block;
}

cite em{
	color: #999999;
	font-weight: bold;
	display:block;
}


/* FOOTER CONTENT
---------------------------------------------------------------------------------------------------------------*/
#footer 			{ background: url(assets/bgrpt_footerbluebig.jpg) repeat-x #CEEBEA; padding: 40px 0px 200px 0px; margin: 0px; text-align: center; }
#footer .right 	{ text-align: right; }
#footer .blue 		{ color: #7CC9C7; text-decoration: none; }

#footer ul a:link, #footer ul a:visited { color: #6F5A54; text-decoration: none; }
#footer ul a:hover, #footer ul a:active { color: #6F5A54; text-decoration: underline; }
#footer ul 						{ list-style-type: none; margin: 0; padding: 0px 0px 5px 0px; font-size: 90%; }
#footer ul li 						{ display: inline; }

#contentlist {
	margin: 10px;
	padding: 10px;
	font-size: 90%;
}

.contentlistsub {
	margin: 0px 5px 5px 5px;
	padding: 0px 5px 5px 5px;
}