/*
---------------------------------------
Title: Polka Dot Moon
Author: Reachel Bagley, FiG Creative

Created: 05.31.09
Modified:
-------------------------------------*/

body {
	background-color: #E5D9E8;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
	vertical-align: middle;
	margin-left: 205px;
	margin-top: 120px;	
}

a {
   color: #1088D4;
}

a:visited {
   color: #CCCCCC;
}


.heading {
	color: #CCCCCC;
	font-weight: bold;
}

H2 {
	color: #E5D9E8; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-stretch:expanded;
	font-weight: lighter;
	font-style:normal;
	text-transform: uppercase; 
	text-align: left; 
	letter-spacing: 0.2em; 
	height:29px; 
	background-image:url(../images/ornament-60px.png); 
	background-repeat: no-repeat; 
	background-position: 0 106%;
	margin-bottom:2px; 
	}

H3  { color: white; font-size: 1em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: normal; font-weight: lighter; font-stretch: expanded; background-image: url("../images/ornament-60px.png"); background-repeat: no-repeat; background-position: 50% 106%; text-align: center; text-transform: uppercase; letter-spacing: 0.5em; margin-bottom: 12px; height: 29px }
	
H3 a{
	color: #CCCCCC;
	text-decoration:none;
}

	H3 a:hover { 
		text-decoration:underline;
}

/* =Column Controls
-------------------------------------*/
	#main {
		clear: both;
		margin: -25px 0px 0px 0px;
		padding: 0;
		width: 917px;
		height: 665px;
		background-image:url(../images/page_background.png);
		background-repeat: no-repeat;
		font-size: 10px;
	}
	
	#main2 {
		clear: both;
		margin: -35px 0px 0px 0px;
		padding: 0;
		width: 917px;
		height: 944px;
		background-image:url(../images/page_background-2.png);
		background-repeat: no-repeat;
		font-size: 10px;
	}
	
	#main2 #top{
		clear: both;
		margin: 0;
		padding: 0;
		background-image: url(file:///C|/Users/Reachel/Documents/My%20Webs/ironblosam.net/ironblosam.net/images/background_white_top.gif);
		background-repeat: repeat-y;
	}
		
	#main2 #bottom{
		width: 700px;
		height: 23px;
		vertical-align: top;
		clear: both;
		margin: 0;
		padding: 0;
		background-image: url(file:///C|/Users/Reachel/Documents/My%20Webs/ironblosam.net/ironblosam.net/images/background_white_bottom.gif);
		background-repeat: no-repeat;
	}
	
	#content-column {
		clear: both;
		float: left;
		text-align:justify;
		position: absolute;
		vertical-align:top;
		width: 337px;
		height: 488px;
		left: 280px;
		top: 388px;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:18px;
		font-weight:lighter;
		color: #87737D;
	}
	
	#content-column-full {
		clear: both;
		float: left;
		text-align:justify;
		position: absolute;
		vertical-align:top;
		width: 600px;
		height: 488px;
		left: 280px;
		top: 450px;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:18px;
		font-weight:lighter;
		color: #87737D;
	}

	#horizontal-row {
		clear: both;
		float: left;
		text-align:justify;
		position: absolute;
		vertical-align: top;
		width: 750px;
		height: 485px;
		left: 280px;
		top: 395px;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:12px;
		font-weight:lighter;
		color: #87737D;
		line-height:16px;
		
	}

	#vertical-row {
		clear: both;
		float: left;
		text-align:justify;
		position: absolute;
		vertical-align:top;
		width: 750px;
		height: 488px;
		left: 280px;
		top: 388px;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:10px;
		font-weight:lighter;
		color: #87737D;
		line-height:14px;
		
	}
	
	#comment-column {
		clear: both;
		float: left;
		text-align:justify;
		position: absolute;
		vertical-align:top;
		width: 391px;
		height: 200px;
		top: 714px;
		left: 638px;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:11px;
		font-style:italic;
		color: #87737D;
	}
	
	.commentCredit { 
		text-transform: uppercase;
		font-size: 9px;  
		font-weight: normal; 
		text-align: center; 
		line-height: 2em; 
		margin-top: 12px;
		margin-left: 100px;
		margin-right: 100px;
		font-style:normal;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #E5D9E8;
	}

	#map{
		clear: both;
		float:right;
		position: absolute;
		top: 401px;
		left: 632px;
		vertical-align:bottom;
		width: 395px;file:///Users/andrewbagley/Sites/Polka%20Dot%20Moon/css/style.css
		height: 250px;
		}
	
/* =Navigation Tabs
-------------------------------------*/

#nav {file:///Users/andrewbagley/Sites/Polka%20Dot%20Moon/css/style.css
	vertical-align: bottom;
	display: block;
	position: absolute;
	top: 205px;
	left: 204px;
	margin: 0px;
	font-size: 12px;
	background-color: #443646;
	width: 783px;
	height: 30px;
	margin-left: 5em;
	}
	
	#nav ul {
		list-style: none;
		float: left;
		display: block;
		margin: 0;
		padding: 0;
	}
	
	#nav li{
		text-align: center;
		float: left;
	   }
	
	#nav a {
		color: #FFFFFF;
		text-decoration: none;
		display: block;
	}
			
	#nav .center{
		padding-top: .75em;
		font-weight: bold;
		vertical-align:middle;
		text-align:center;
		text-transform: uppercase;
		line-height: 1em;
   }
   
	/* =Off State*/
	#nav #invitationstab a{
		background-image: url(../images/menu/tab_invitations_off.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 153px;
		height: 47px;
		color: #666666;
		text-decoration: none;
		display: block;
	}
	
	#nav #accoutrementstab a{
		background-image: url(../images/menu/tab_accoutrements_off.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 216px;
		height: 47px;
		color: #666666;
		text-decoration: none;
		display: block;
	}
	
	#nav #stationerytab a{
		background-image: url(../images/menu/tab_stationery_off.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 162px;
		height: 47px;
		color: #666666;
		text-decoration: none;
		display: block;
	}

	#nav #shoptab a{
		background-image: url(../images/menu/tab_shop_off.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 86px;
		height: 47px;
		color: #666666;
		text-decoration: none;
		display: block;
	} 
	
	#nav #portfoliotab a{
		background-image: url(../images/menu/tab_portfolio_off.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 166px;
		height: 47px;
		color: #666666;
		text-decoration: none;
		display: block;
	} 
	
	#nav #contacttab-home a{
		background-image: url(../images/menu/tab_contact_off.png);
		background-repeat:no-repeat;
		background-position: bottom right;
		width: 170px;
		height: 52px;
		position:absolute;
		left: 615px;
		top: 476px;
	} 
	
	#nav #contacttab a{
		background-image: url(../images/menu/tab_contact_off.png);
		background-repeat:no-repeat;
		background-position: bottom right;
		width: 170px;
		height: 52px;
		position:absolute;
		left: 615px;
		top: 736px;
	} 
	
/*	#nav #weddingtab a{
		background-image: url(../images/menu/tab_wedding_off.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 221px;
		height: 47px;
		color: #666666;
		text-decoration: none;
		display: block;
	}
		
	#nav #birthtab a{
		background-image: url(../images/menu/tab_birth_off.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 133px;
		height: 47px;
		color: #666666;
		text-decoration: none;
		display: block;
	}
	
	#nav #socialtab a{
		background-image: url(../images/menu/tab_social_off.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 159px;
		height: 47px;
		color: #666666;
		text-decoration: none;
		display: block;
	}
	
	
		#nav #blogtab a{
		background-image: url(../images/menu/tab_buzz_off.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 113px;
		height: 47px;
		color: #666666;
		text-decoration: none;
		display: block;
	}*/ 

	/* =Rollover State*/
	#nav #invitationstab a:hover{
		background-image: url(../images/menu/tab_invitations_on.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 153px;
		height: 47px;
		color: #666666;
		text-decoration: none;
		display: block;
	}
	
	#nav #accoutrementstab a:hover{
		background-image: url(../images/menu/tab_accoutrements_on.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 216px;
		height: 47px;
		color: #666666;
		text-decoration: none;
		display: block;
	}
	
	#nav #stationerytab a:hover{
		background-image: url(../images/menu/tab_stationery_on.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 162px;
		height: 47px;
		color: #666666;
		text-decoration: none;
		display: block;
	}
	
	#nav #shoptab a:hover{
		background-image: url(../images/menu/tab_shop_on.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 86px;
		height: 47px;
		color: #666666;
		text-decoration: none;
		display: block;
	} 

	#nav #portfoliotab a:hover{
		background-image: url(../images/menu/tab_portfolio_on.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 166px;
		height: 47px;
		color: #666666;
		text-decoration: none;
		display: block;
	} 
	
	#nav #contacttab-home a:hover{	
		background-image: url(../images/menu/tab_contact_on.png);
		background-repeat:no-repeat;
		background-position: right bottom;
		width: 170px;
		height: 52px;
		position:absolute;
		left: 615px;
		top: 476px;
  	} 
	
	#nav #contacttab a:hover{	
		background-image: url(../images/menu/tab_contact_on.png);
		background-repeat:no-repeat;
		background-position: right bottom;
		width: 170px;
		height: 52px;
		position:absolute;
		left: 615px;
		bottom: 736px;
  	} 
	
	
	/*#nav #weddingtab a:hover{
		background-image: url(../images/menu/tab_wedding_on.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 221px;
		height: 47px;
		color: #666666;
		text-decoration: none;
		display: block;
	}
	
	#nav #birthtab a:hover{
		background-image: url(../images/menu/tab_birth_on.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 133px;
		height: 47px;
		color: #666666;
		text-decoration: none;
		display: block;
	}
	
	#nav #socialtab a:hover{
		background-image: url(../images/menu/tab_social_on.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 159px;
		height: 47px;
		color: #666666;
		text-decoration: none;
		display: block;
	} 

	
	#nav #blogtab a:hover{
		background-image: url(../images/menu/tab_buzz_on.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 113px;
		height: 47px;
		display: block;*/
	} 
	
	   
	/* =Selected Tab*/
	body#wedding #invitationstab a {
		background-image: url(../images/menu/tab_invitations_on.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 153px;
		height: 47px;
		display: block;
	}
	
	body#birth #invitationstab a {
		background-image: url(../images/menu/tab_birth_on.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 153px;
		height: 47px;
		display: block;
	}
	
	body#social #invitaitonstab a {
		background-image: url(../images/menu/tab_social_on.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 153px;
		height: 47px;
		display: block;
	} 
		
	body#shop #shoptab a{
		background-image: url(../images/menu/tab_shop_on.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 97px;
		height: 47px;
		display: block;
	} 
	
	body#accoutrements #accoutrementstab a{
		background-image: url(../images/menu/tab_accoutrements_on.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 216px;
		height: 47px;
		display: block;
	} 
	
	body#stationery #stationerytab a{
		background-image: url(../images/menu/tab_stationery_on.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 162px;
		height: 47px;
		display: block;
	} 
	
	
	body#contact #contacttab-home a{ 
		background-image: url(../images/menu/tab_contact_on.png);
		background-repeat:no-repeat;
		background-position: right bottom;
		width: 170px;
		height: 52px;
		position:absolute;
		left: 615px;
		top: 462px;
  	} 
	
	body#contact #contacttab a{ 
		background-image: url(../images/menu/tab_contact_on.png);
		background-repeat:no-repeat;
		background-position: right bottom;
		width: 170px;
		height: 52px;
		position:absolute;
		left: 615px;
		top: 736px;
  	}
  	
   

   /* =content BG
-------------------------------------*/
	
	#brandlogo{
		clear: both;
		float:right;
		position: absolute;
		top: -10px;
		left: 530px;
		vertical-align:bottom;
		background-image: url(../images/polka-dot-moon-logo.png);
		background-repeat:no-repeat;
		width: 261px;
		height: 228px;
  	}
	
	#menu {
		margin: 0px;
		padding: 0px;
		width: 800px;
	}
	
	#menu ul {
		list-style: none;
		float: left;
		display: block;
		margin: 0;
		padding: 0;
	}
	
	#menu li{
		text-align: center;
		float: left;
	   }
	
	#menu a {
		color: #FFFFFF;
		text-decoration: none;
		display: block;
	}
	
	
	#menu #invitations a{
		clear: both;
		float:right;
		position: absolute;
		vertical-align:bottom;
		background-image: url(../images/button-invitations-off.png);
		background-repeat:no-repeat;
		width: 268px;
		height: 295px;
		left: 525px;
		top: 299px;
  	}
	
	#menu #accoutrements a{
		clear: both;
		float:right;
		position: absolute;
		vertical-align:bottom;
		background-image: url(../images/button-accoutrements-off.png);
		background-repeat:no-repeat;
		width: 229px;
		height: 241px;
		left: 280px;
		top: 345px;	
  	}	
	
	#menu #stationery a{
		clear: both;
		float:right;
		position: absolute;
		vertical-align:bottom;
		background-image: url(../images/button-stationery-off.png);
		background-repeat:no-repeat;
		width: 190px;
		height: 225px;
		left: 836px;
		top: 345px;
  	}
	
	#menu #invitations a:hover{
		clear: both;
		float:right;
		position: absolute;
		vertical-align:bottom;
		background-image: url(../images/button-invitations-on.png);
		background-repeat:no-repeat;
		width: 268px;
		height: 295px;
		left: 525px;
		top: 299px;
  	}
	
	#menu #accoutrements a:hover{
		clear: both;
		float:right;
		position: absolute;
		vertical-align:bottom;
		background-image: url(../images/button-accoutrements-on.png);
		background-repeat:no-repeat;
		width: 229px;
		height: 241px;
		left: 280px;
		top: 345px;
  	}	
	
	#menu #stationery a:hover{
		clear: both;
		float:right;
		position: absolute;
		vertical-align:bottom;
		background-image: url(../images/button-stationery-on.png);
		background-repeat:no-repeat;
		width: 190px;
		height: 225px;
		left: 836px;
		top: 345px;
  	}
	
	#header-wedding{
		float:center;
		position: absolute;
		top: 280px;
		left: 280px;
		vertical-align:top;
		background-image: url(../images/headers/header-wedding.png);
		background-repeat:no-repeat;
		width: 750px;
		height: 115px;
	}
	
	#header-birth{
		float:center;
		position: absolute;
		top: 280px;
		left: 280px;
		vertical-align:top;
		background-image: url(../images/headers/header-birth.png);
		background-repeat:no-repeat;
		width: 750px;
		height: 115px;
	}
	
	#header-social{
		float:center;
		position: absolute;
		top: 280px;
		left: 280px;
		vertical-align:top;
		background-image: url(../images/headers/header-social.png);
		background-repeat:no-repeat;
		width: 750px;
		height: 115px;
	}
	
	#header-invitations{
		float:center;
		position: absolute;
		top: 280px;
		left: 270px;
		vertical-align:top;
		background-image: url(../images/headers/header-invitations.png);
		background-repeat:no-repeat;
		width: 750px;
		height: 115px;
	}
  	
	
	#header-stationery{
		float:center;
		position: absolute;
		top: 280px;
		left: 280px;
		vertical-align:top;
		background-image: url(../images/headers/header-stationery.png);
		background-repeat:no-repeat;
		width: 750px;
		height: 115px;
	}
	
	#header-accoutrements{
		float:center;
		position: absolute;
		top: 280px;
		left: 280px;
		vertical-align:top;
		background-image: url(../images/headers/header-accoutrements.png);
		background-repeat:no-repeat;
		width: 750px;
		height: 115px;
	}

	#header-contact{
		float:center;
		position: absolute;
		top: 280px;
		left: 280px;
		vertical-align:top;
		background-image: url(../images/headers/header-contact.png);
		background-repeat:no-repeat;
		width: 750px;
		height: 115px;
	}
	  	
	#portfolio-wedding a{
		clear: both;
		float:right;
		position: absolute;
		top: 400px;
		left: 635px;
		vertical-align:bottom;
		background-image: url(../images/sample-wedding.png);
		background-repeat:no-repeat;
		width: 395px;
		height: 312px;
  	}
	
	#portfolio-wedding a:hover{
		clear: both;
		float:right;
		position: absolute;
		top: 400px;
		left: 635px;
		vertical-align:bottom;
		background-image: url(../images/sample-wedding-hover.png);
		background-repeat:no-repeat;
		width: 395px;
		height: 312px;
  	}

	
	#portfolio-birth a{
		clear: both;
		float:right;
		position: absolute;
		top: 400px;
		left: 635px;
		vertical-align:bottom;
		background-image: url(../images/sample-birth.png);
		background-repeat:no-repeat;
		width: 395px;
		height: 316px;
		}
	
	#portfolio-birth a:hover{
		clear: both;
		float:right;
		position: absolute;
		top: 400px;
		left: 635px;
		vertical-align:bottom;
		background-image: url(../images/sample-birth-hover.png);
		background-repeat:no-repeat;
		width: 395px;
		height: 316px;
  	}
	
	#portfolio-social a{
		clear: both;
		float:right;
		position: absolute;
		top: 400px;
		left: 635px;
		vertical-align:bottom;
		background-image: url(../images/sample-social.png);
		background-repeat:no-repeat;
		width: 395px;
		height: 316px;
		}
	
	#portfolio-social a:hover{
		clear: both;
		float:right;
		position: absolute;
		top: 400px;
		left: 635px;
		vertical-align:bottom;
		background-image: url(../images/sample-social-hover.png);
		background-repeat:no-repeat;
		width: 395px;
		height: 316px;
  	}
	
	#portfolio-accoutrements a{
		clear: both;
		float:right;
		position: absolute;
		top: 400px;
		left: 635px;
		vertical-align:bottom;
		background-image: url(../images/sample-accoutrements.png);
		background-repeat:no-repeat;
		width: 395px;
		height: 316px;
	}
	
	#portfolio-accoutrements a:hover{
		clear: both;
		float:right;
		position: absolute;
		top: 400px;
		left: 635px;
		vertical-align:bottom;
		background-image: url(../images/sample-accoutrements-hover.png);
		background-repeat:no-repeat;
		width: 395px;
		height: 316px;
  	}
	
 /* =Footer 
-------------------------------------*/

#footer-home {
	background-color: #443646;
	float: center;
	width: 600px;
	height: 32px;
	padding: 10px;
	position: absolute;
	left:265px;
	top:690px;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
	}
	
#footer {
	background-color: #443646;
	float: center;
	width: 600px;
	height: 32px;
	padding: 10px;
	position: absolute;
	left:264px;
	top:950px;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
	}