* { margin: 0; padding: 0; }

body 
{
	margin: 20px 0px;
	padding: 0px;
	text-align: center;
	background: url(../images/bodytile.gif) repeat;
}

#page
{
	background: #FFFFFF;
	width: 780px;
	margin: 0px auto;
	text-align:left;
	border: solid 1px #666666;
	font-family: Arial,Helvetica,Verdana,Sans-serif; 
	font-size: 11px;
	color: #999999; 
}

/*----------[ Default Site-Wide Element Styles Below ]----------*/

h1 { font-size: 20px; color: #4AA5B5; }
h2 
{ 
	font-size: 16px;
	margin:0px;
	color: #F5B5C7;  
}

h3 { font-size: 14px; font-weight:normal; color: #4AA5B5; }
h4 { font-size: 18px; color: #4AA5B5; }
h5 { font-size: 16px; color: #FA9BBE; }

b { color:#000000; }

p { font-size: 10px; color: #999999; width:90%; line-height:14px; }

ul.vertical { margin:0; padding:0; }
ul.vertical li { list-style-type: none; }

ul.horizontal { margin:0; padding-right: 10px; display:block; }
ul.horizontal li { list-style-type: none; float:left; padding:0 8px 0 0; }

/*----------[ Default Site-Wide Element Styles Above ]----------*/

/*----------[ Styles for the Header Area Below ]----------*/
#Header
{
	background: #FAD7E0;
	margin:0;
	width: 780px;
	height: 150px;
	text-align:left;
	color: #FFFFFF;
	overflow: hidden;
}
#masthead 
{
	float: left; 
	background: url(../images/masthead.gif) no-repeat;
	width: 600px;
	height: 150px;
	text-indent: -9999px;
}

body#home #NavigationBar li#home { background: url(../images/hover_tile.gif) repeat-x; height:29px; }
body#order #NavigationBar li#order { background: url(../images/hover_tile.gif) repeat-x; height:29px; }
body#about #NavigationBar li#about { background: url(../images/hover_tile.gif) repeat-x; height:29px; }
body#photo #NavigationBar li#photo { background: url(../images/hover_tile.gif) repeat-x; height:29px; }

body#home #NavigationBar li#home a { color: #FA9BBE; }
body#order #NavigationBar li#order a { color: #FA9BBE; }
body#about #NavigationBar li#about a { color: #FA9BBE; }
body#photo #NavigationBar li#photo a { color: #FA9BBE; }

#NavigationBar
{
	background: url(../images/bg-navigationbar.gif) repeat;
	height: 29px;
	overflow: hidden;
	line-height: 2.5em;
}
#NavigationBar a { color: #4AA5B5; font-weight: bold; text-decoration: none; }
#NavigationBar a:hover { color: #FA9BBE; text-decoration: underline; }
#NavigationBar ul
{
	margin:0;
	padding:0;	
}
#NavigationBar li
{
	float: left;
	list-style-type: none;	
	padding: 0 10px 0 10px;
}
#NavigationBar li.noborder
{
	border: 0;
}

/*----------[ Styles for the Header Area Above ]----------*/

/*----------[ Styles for the Footer Area Below ]----------*/

#Footer
{
	border-top: solid 1px #cccccc;
	text-align: center;
	padding: 10px;
	color: #666666;
	background: #FAD7E0;
	clear:both;
}

/*----------[ Styles for the Footer Area Above ]----------*/

/*----------[ Generic Site-Wide ID and Class Styles Below ]----------*/
.clear { clear:both; }
/* 
This CSS-2 hack adds a block element 'period' after the element and then hides it so that the float can be cleared.
Add this to any container that encloses on or more floating elements so that it does not protrude over the container edges.
*/
.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display: block; }
/* End hide from IE-mac */

#ContentWrapper
{
	margin: 0 auto;
	background: url(../images/content_bg.gif) repeat-x;
	width: 100%;
	height:1450px;
	text-align:left;
}
/*----------[ Page Column Layouts Styles Below ]----------*/
/*----------[ Single Column Layout ]----------*/

#SingleColumn
{
	padding: 2em;
	margin:0;
}
/*----------[ Two Column Layout ]----------*/

#TwoColLeft
{
	float:left;
	width: 500px;
	margin:0;
	padding: 2em;
	border-right: solid 1px #EAEAEA;
}
#TwoColRight
{
	margin-left: 550px;
	padding: 2em;
}


/*----------[ Page Column Layouts Styles Above ]----------*/

.imgshadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.imgshadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 
  
.TitleRight { border-bottom:solid 1px #EAEAEA; margin-bottom:15px; } 
.birthContainer { float:left; width:99%; color:#333333; }
.birthContainer p { padding-left:20px; }

/*----------[ Order Page Styles Below ]----------*/
body#order p { font-size: 11px; color: #333333; width:90%; line-height:16px; }
body#order fieldset a { color: #000000; }

fieldset { border:1px solid #FA9BBE; padding: 2em; color:#000000; }
legend { font-weight:bold; color:#FA9BBE; font-size: 14px; }
label { float:left; width: 180px; font-weight: bold; }
fieldset div { padding: 5px 0 5px 0; display:block; }

/*----------[ About Page Styles Below ]----------*/
body#about p { font-size: 10px; color: #333333; width:90%; line-height:14px; }
div.storkbg
{ 
	background: url(../images/Stork_head.png) no-repeat !important;
  	background: url(../images/Stork_head.gif) no-repeat;
	height: 600px;
}

/*----------[ Photo Gallery Page Styles Below ]----------*/

.photoWrapper { float:left; }
.photoWrapper div { clear:both; display:block; text-align:center; }