/* basic elements */
body
{ 
margin: 0 !important;
padding: 0 !important;
width: auto !important;
height: auto !important;
overflow: auto;
text-align: center;
font-family: Tahoma, Verdana, Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
background: transparent url(images/page/fade.jpg) repeat-y top left; 
/* hack that protects IE5/Win from incorrect value */
voice-family: "\"}\"";
voice-family:inherit;
}

a
{
text-decoration: none;
}

a:link, a:visited
{
color:#9999CC;
text-decoration: none;
}

a:hover, a:active
{
color: #2661AA;
text-decoration: none;
border-bottom: 1px dotted #FF9999;
}


/* bespoke invitations identity */
#page_id
{ 
position: absolute;
width: 318px;
height: 140px;
top: 0px;
left: 0px;
background: transparent url(images/page/page_id.gif) no-repeat top left; 
margin: 0px;
z-index: 0;
/* hack that protects IE5/Win from incorrect value */
voice-family: "\"}\"";
voice-family:inherit;
}

/* flexible page container */
#wrapper
{ 
position: relative;
margin:0 auto;
width: 800px;
text-align:center;
/* hack that protects IE5/Win from incorrect value */
voice-family: "\"}\"";
voice-family:inherit;
}

#intro
{
position: absolute;
background: transparent; 
top: 60px;
left: 10px;
right: 10px;
}

#page
{
position: absolute;
width: 780px;
border: 1px solid #DDDDDD; 
background: #FFFFFF url(images/page/right_end.gif) no-repeat bottom right; 
top: 60px;
left: 10px;
right: 10px;
text-align: left;
}

#page #navbar a:visited
{ 
text-decoration: none;
border: none;
}

/* gallery and links */
#gallery
{
text-decoration: none;
}

#gallery img
{
margin: 10px 5px 0px 0px;
}

#gallery a, a:link, a:visited, a:hover, a:active
{
text-decoration: none;
border-bottom: 0px;
}
	
		
/* call to action */
#call2action
{
position: absolute;
min-width: 412px;
top: 15px;
left: 300px;
height: 30px;
z-index:1;
/* hack that protects IE5/Win from incorrect value */
voice-family: "\"}\"";
voice-family:inherit;
}

#call2action img
{
border: 0px;
margin-left: 10px;
}

#call2action a:visited
{ 
text-decoration: none;
border: none;
}

/* main-nav, primary links */
#navbar
{
position: relative;
padding: 10px 0px 10px 20px;
text-align: left;
/* hack that protects IE5/Win from incorrect value */
voice-family: "\"}\"";
voice-family:inherit;
}

#navbar img
{
border: 0px;
margin-right: 15px;
text-decoration: none;
}

#navbar a:link, a:visited, a:hover, a:active
{ 
text-decoration: none;
border: 0px;
}

/* subnav, secondary links */
#sublinks
{
text-decoration: none;
color: #8888BA;
}

#sublinks p
{
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
margin: 4px 20px 4px 20px;
}

#sublinks b
{
font-family: Tahoma, Verdana, Helvetica, Arial, Verdana, sans-serif;
font-size: 13px;
font-weight: normal;
text-decoration: none;
}

#sublinks a
{
margin: 0px 10px 0px 10px;
text-decoration: none;
}

#sublinks a:link, a:visited
{
color:#9999CC;
text-decoration: none;
}

#sublinks a:hover, a:active
{
color: #2661AA;
text-decoration: none;
border-bottom: 1px dotted #FF9999;
}

/* useful */
#copyright
{
position: relative;
font-family: Tahoma, Verdana, Helvetica, Arial, Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #8888BA;
text-align: right;
margin: 40px 160px 40px 0px;
clear: both;
}

#contact_left
{ 
float: left;
margin: 10px 40px 10px 10px;
}

#contact_right
{ 
float: right;
margin: 10px 40px 10px 10px;
}

/* content formatting */
#content 
{
line-height: 19px;
}

#content h1
{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 18px;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 4px; 
color: #9999CC;
margin: 20px 10px -5px 20px;
}

#content h2
{
font-family: Georgia, Times, , "Times New Roman", Century ,serif;
font-size: 16px;
font-weight: normal;
text-decoration: none;
color: #19559E;
margin: 10px 10px -5px 20px;
}

#content h3
{
font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
font-size: 16px;
font-weight: normal;
text-decoration: none;
letter-spacing: 1px; 
line-height: 19px;
color: #CA6288;
margin: 20px 10px 20px 20px;
}


#content p
{
font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #000000;
margin: 10px 20px 10px 20px;
}

#content b
{
font-weight: normal;
color: #19559E;
}

#content ul
{
line-height: 19px;
margin-left: -5px;
margin-right: 80px;
}

#content li
{
font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
}

#content a:link, a:visited
{ 
color: #555555;
text-decoration:none;
border-bottom: 1px dotted #DDDDDD;
}

#content a:hover, a:active
{ 
color: #2661AA;
text-decoration:none;
border-bottom: 1px dotted #FF9999;
}

#content img
{
padding: 1px 2px 2px 1px;
}

/* table pricing */
#content table
{
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
margin: 20px 10px 20px 20px;
}

#content th
{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
text-align: left;
background-color: #EDEDED;
color: #19559E;
border-bottom: 1px solid #DDDDDD;
padding: 2px 5px 2px 5px;
}

#content th b
{
font-weight: bold;
color: #333333;
}

#content td
{
font-family: Tahoma, Verdana, Helvetica, Arial, Verdana, sans-serif;
font-size: 13px;
font-weight: normal;
text-decoration: none;
text-align: right;
padding: 2px 5px 2px 5px;
}

#content td.header
{
font-family: Tahoma, Verdana, Helvetica, Arial, Verdana, sans-serif;
font-size: 13px;
font-weight: normal;
text-decoration: none;
color: #333333;
text-align: left;
padding: 2px 5px 2px 5px;
}

#content td.break
{
border-bottom: 1px dashed #DDDDDD;
}

/* gallery view formatting */

#content #gallery
{
height:140px;
padding: 10px 0px 10px 0px;
}

#content #hook
{
width: 280px;
height: 160px;
margin: 10px 20px 10px 20px;
border-width: 1px;
border-style: solid;
border-color: #CFCFCF;
background-color: #FFCCCC;
float: left;
}

#content #display
{
width: 300px;
height: 200px;
margin: 10px 20px 10px 20px;
border: 0px;
background-color: #FFCCCC;
float: left;
}

/* boxed-element formatting */
#content #line
{
border-bottom: 1px dashed #CFCFCF;
margin: 5px 0px 5px 0px;
clear: both;
}

#content #number
{
position: relative;
width: 40px;
height: 60px;
margin: 10px 20px 10px 20px;
padding: 1px;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 43px;
font-weight: bold;
color: #FFFFFF;
background-color: #C9C9E2;
float: left;
}

/* feedback formatting */
#feedback
{
margin: 5px 15px 30px 15px;
float: left;
}