/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/

* {
margin:0;
padding:0;
}


body
{	
	background-color: #D3D3C7;
	color: #585858;
	font: normal 13px Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align: left;
	line-height:18px;
	background-image:url(../images/page_background.jpg);
	background-repeat:repeat-y;
}

#page-container {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 934px;
	/*border: 1px solid #585858;*/
	background-image:url(../images/backbroundGradient.jpg);
	background-repeat:repeat-y;
	background-position:right top;
	margin-top:20px;
	}
	
	
	
/** fix ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/
	
h1 {
	font-size:18px;
	color:#7D7D7D;
	font-weight:normal;
	padding-bottom:12px;
	padding-top:4px;
}	

h4 {
	font-size:16px;
	color:#7D7D7D;
	font-weight:normal;
	padding-bottom:8px;
	padding-top:4px;
}	

	
/* =top Navigation
---------------------------------------------------------------------------------------------------- */	
#top-nav {
	float:right;
	width:893px;
	font-size: 12px;
	color: 	#7D7D7D;
	height:28px;
	background-color:#FFFFFF;
	}
	
	
#top-nav a,
#top-nav a:link,
#top-nav a:visited {
	color: 	#7D7D7D;
	display: block;
	font-size: 12px;
	font-style:normal;
	text-decoration:	none;
	padding:7px 0px 7px 0px;
	float:left;
	padding-right:20px;
	
}

#top-nav a:hover,
#top-nav a.top-nav-on,
#top-nav a.top-nav-on:link ,
#top-nav a.top-nav-on:visited  {
	color: 	#ED4486;
}

/*flash-container
---------------------------------------------------------------------------------------------------- */
#flash-container {
	width: 934px;
	height: 300px;
	background-color:#FFFFFF;
}


/*main-content-container
---------------------------------------------------------------------------------------------------- */
#main-content-container {
	width: 803px;
	padding: 20px 0px 0px 111px;	
}

/*main-content
---------------------------------------------------------------------------------------------------- */
#main-content {
	width: 554px;
	float:left;	
}

#main-content p {
	padding-bottom:10px;
}

/*nav-right
---------------------------------------------------------------------------------------------------- */
#nav-right {
	width: 183px;
	float:right;
	font-size:18px;	
}

#nav-cards, 
#nav-originalArt, 
#nav-signedPosters {
	width:183px;
	height:59px;
	margin-bottom: 5px;
}

#nav-cards a,
#nav-cards a:link,
#nav-cards a:visited {
	padding:20px 0px 22px 65px;
	display:block;	
	background-image:url(../images/nav_cards.jpg);
	background-repeat:no-repeat;
	color:#7D7D7D;
}

#nav-cards a:hover,
#nav-cards a.side-nav-on,
#nav-cards a.side-nav-on:link ,
#nav-cards a.side-nav-on:visited {
	color: 	#ED4486;
	background-image:url(../images/nav_cards_over.jpg);
	background-repeat:no-repeat;
}

#nav-signedPosters a,
#nav-signedPosters a:link,
#nav-signedPosters a:visited {
	padding:20px 0px 22px 65px;
	display:block;	
	background-image:url(../images/nav_signedPosters.jpg);
	background-repeat:no-repeat;
	color:#7D7D7D;
}

#nav-signedPosters a:hover,
#nav-signedPosters a.side-nav-on,
#nav-signedPosters a.side-nav-on:link ,
#nav-signedPosters a.side-nav-on:visited {
	color: 	#ED4486;
	background-image:url(../images/nav_signedPosters_over.jpg);
	background-repeat:no-repeat;
}

#nav-originalArt a,
#nav-originalArt a:link,
#nav-originalArt a:visited {
	padding:20px 0px 22px 65px;
	display:block;	
	background-image:url(../images/nav_originalArt.jpg);
	background-repeat:no-repeat;
	color:#7D7D7D;
}

#nav-originalArt a:hover,
#nav-originalArt a.side-nav-on,
#nav-originalArt a.side-nav-on:link ,
#nav-originalArt a.side-nav-on:visited {
	color: 	#ED4486;
	background-image:url(../images/nav_originalArt_over.jpg);
	background-repeat:no-repeat;
}






/*footer
---------------------------------------------------------------------------------------------------- */
#footer {
	font-size:10px;
	width: 803px;
	padding: 10px 0px 5px 111px;
	color:#7D7D7D;
}

#footer-left {
	width: 554px;
	float:left;	
}
#footer-right {
	width: 183px;
	float:right;	
}
	
#footer a,
#footer a:link,
#footer a:visited {
	color: 	#7D7D7D;
}

#footer a:hover  {
	color: 	#ED4486;
}

/*links
---------------------------------------------------------------------------------------------------- */

a,
a:link,
a:visited{
	color:#000000;
	text-decoration:none;
}
	
a:hover {
	color:#ED4486;
}	


/* =Text/Image Treatments and Alignments
---------------------------------------------------------------------------------------------------- */
	
strong, b  { font-weight: bold; }
em, i { font-style: italic; }
.bold{ font-weight: bold;}
.italic{ font-style: italic; }
.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.textalign-left {text-align:left;	}
.textalign-right {text-align:right;	}
.textalign-center {	text-align:center;	}
.float-left {float:left;	}
.float-right {float:right;	}


/* =Spacing and Clearing Styles
---------------------------------------------------------------------------------------------------- */		
	
.singleLineBreak {
	margin-top:	1px;
	}
	
.doubleLineSpace {
	margin-bottom:	11px;
	}
	
.marginZero {
	margin:0;
	}
			
.spacer,
.clear {
	clear: both;
	margin:0; 
	padding:0;
}

.padding {
	padding: 5px;
	}
	
.persons-name{
	font-style:oblique;
	padding-bottom:22px;
}

#inspiring-thoughts p {
	padding-bottom:3px;
}

.cards-divider {
	width:100%;
	height:1px;
	background-color:#C1B49A;
	margin-bottom:10px;
}

.card-pricing {
	float:right;
	width:200px;
	padding-top:25px;
}

.card-pricing a,
.card-pricing a:link,
.card-pricing a:visited, 
a.link-pink, 
a.link-pink:link, 
a.link-pink:visited {
	color:#ED4486;
	text-decoration:none;
}
	
.card-pricing a:hover, 
a.link-pink:hover {
	color:#7D7D7D;
}

/* =DEBUGGING - remove when site to go live
---------------------------------------------------------------------------------------------------- 
a[href="#"] {
color: #FF0000;
font-weight: bold;
text-decoration: underline;
}*/