body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
* {
margin:0;
padding:0;
}
a:link, a:active, a:hover{
color:#336699;
}
a:link,a:active {
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
a:visited{
color:#6699CC;
}
td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
/************************************************/
/*********** MAIN CONTAINER DIVs*****************/
/************************************************/
#main {
width: 753px;
border: 1px solid #CCCCCC;
margin: 10px auto 10px auto;
padding:0;
text-align:center;
position:static;
}
#main table {
}

/************************************************/
/***** TOP NAVIGATION CONTAINER DIVs*************/
/************************************************/
#navtop {
text-align:right;
color:#336699;
margin:0;
padding:2px 10px 0 0;
}
#navtop img{
border: none;
margin:0;
padding:0;
vertical-align:middle;
}
/************************************************/
/***** NAVIGATION CONTAINER DIVs*****************/
/************************************************/
#nav {
text-align: left;
color:#336699;
line-height:2em;
	background: url(graphics/bckg_green.jpg) repeat-x;
	padding:0 0 0 5px;
}
#nav p {
	margin:0;
	padding:0;
	}
#nav ul {
	margin:0 0 0 25px;
	padding:0;
	list-style: url(graphics/bullet.gif) none outside;
	line-height:1.5em;
}
#nav a {
	margin:0;
	padding:0;
	}
.main {
font-weight:bold;

}
a.main:link{
color:#336699;
text-decoration:none;
}
a.main:hover {
text-decoration:underline;
}
a.main:visited{
color:#336699;
text-decoration:none;
}
.sub {
}
a.sub:link{
	color:#336699;
	font-weight:normal;
	text-decoration:none;
	font-size: 11px;
}
a.sub:hover{
	color:#336699;
	text-decoration:underline;
	font-size: 11px;
}
a.sub:visited{
	color:#336699;
	text-decoration:underline;
	font-size: 11px;
}
/************************************************/
/******** CONTENT CONTAINER DIVs*****************/
/************************************************/
#content {
	text-align: left;
	line-height:1.5em;
	background: url(graphics/bkg_blue.jpg) repeat-x;
}
#content h1, h2, h3 {
padding:10px 0 10px 5px;
}

#content h1 {
font-size: 1.4em;
font-family:Georgia, "Times New Roman", Times, serif;
color:#336699;
}
#content h2 {
font-size:1.4em;
font-family:Georgia, "Times New Roman", Times, serif;
color:#336699;
}
#content h3 {
font-size:1.2em;
}
#content p {
padding:0 0 5px 5px;
line-height:1.5em;
}
#content ul {
margin:5px 0 0 25px;
}
#content li {
line-height:1.5em;}
#content ol {
margin:5px 0 0 25px;
}
.price {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
line-height:2em;}
/************ JAVASCRIPT MENU *******************/
#containerul, #containerul ul{
  text-align:left;
  margin:0; /* Removes browser default margins applied to the lists. */
  padding:0; /* Removes browser default padding applied to the lists. */
}

#containerul li{
  margin:10px 0 0 10px; /* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0; /* Removes browser default padding applied to the list items. */
  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:12px;
  height:1em;
  margin:3px;
  background-position:0 50%;
  background-repeat:no-repeat;
}
/************ PACKAGES  *************************/
#packages div{
border: 1px solid #6699cc;
	padding: 2px 5px 0 5px;
	margin:5px 0 0 10px;
	/*position:absolute;*/
}
#packages ul {
}
#packages h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.6em;
margin:0;
padding:0;
}
.pakall {  /* Packages - All things that are included */
	background: url(graphics/img_backgdpackage_start.gif) repeat-x;
	background-color:#FFFFFF;
	width:250px;
	height:360px;
	position:relative;
	top: 0;
	left:0;
	/*top: 320px;
	left:250px;*/
	float:left;
}
.pakall h1 {
color:#336699;
}
.pakbasic { /* Basic Packages */
	background: url(graphics/img_backgdpackage_basic.gif) repeat-x;
	background-color:#FFFFFF;
	padding:0;
	width:250px;
	position:relative;
	top: 0;
	left: 0;
	float: left;
		height:360px;
}
.pakbasic h1 {
color:#336699;
}
.pakdeluxe {  /* Deluxe Packages */
background: url(graphics/img_backgdpackage_deluxe.gif) repeat-x;
background-color:#FFFFFF;
width:250px;
position:relative;
float:left;
	top: 0;
	left: 0;
	height:470px;
	}
.pakdeluxe h1 {
color:#336699;
}
.pakpremium { /* Premium Packages */
background: url(graphics/img_backgdpackage_premium.gif) repeat-x;;
background-color:#FFFFFF;	width:250px;
	padding:0;
	width:250px;
	position:relative;
	top: 0;
	left: 0;
	float: left;
	height:470px;}
.pakpremium h1 {
color:#336699;
}

/********* TEMPLATE THUMBNAILS *****************/
#template {
text-align:center;
margin: 25px 0 0 0;
border-top: 1px solid #cccccc;
}
#template img{
border: 1px solid #000000;
padding: 5px;
text-align:center;
background-color:#FFFFFF;
}
#template h1 {
font-size:1.2em;
}
#template p {
background-color:#ffffff;
padding: 10px;
margin: 10px;
border:1px solid #CCCCCC;
}
#template a {
color: #000000;
text-decoration:underline;
}
#template a:hover {
color: #000000;
text-decoration:none;
}
#template .order {
padding-right:20px;
}
/********* COMPARE PACKAGES *****************/
#compare {
margin: 0;
padding: 3px;
border: 1px solid #cccccc;
	background: url(graphics/img_backgdcompare.gif) repeat-x;
}
#compare td {
text-align:center;
}
#compare .value {
font-weight:300;
text-align:left;
}
.title {
background-color:#336699;
color:#FFFFFF;
font-size:1em;
font-weight:bold;
text-align:center;
}

/************************************************/
/********* ORDER PAGES **************************/
/************************************************/
/************ COMPLETE ORDER PAGE ***************/
#ordercontact { 
background: url(graphics/img_backgdpackage_premium.gif) repeat-x;;
background-color:#FFFFFF;	
	padding:0;}
#orderbilling {
background: url(graphics/img_backgdpackage_deluxe.gif) repeat-x;
background-color:#FFFFFF;	
	padding:0;}
#orderadditional {
background: url(graphics/img_backgdpackage_basic.gif) repeat-x;
background-color:#FFFFFF;	
	padding:0;}
#orderwebcontent {
background: url(graphics/img_backgdpackage_basic.gif) repeat-x;
background-color:#FFFFFF;	
	padding:0;}
/************ PACKAGES  *************************/
#packages div{
border: 1px solid #6699cc;
	padding: 2px 5px 2px 5px;
	margin:5px 0 5px 10px;
	/*position:absolute;*/
}

#packages h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.6em;
margin:0;
padding:0;
}

.pakbasic1 { /* Basic Packages */
	background: url(graphics/img_backgdpackage_basic.gif) repeat-x;
	background-color:#FFFFFF;
	padding:0;
	width:250px;
	position:relative;
	top: 0;
	left: 0;
	float: left;
		height:150px;
}
.pakbasic1 h1 {
color:#336699;
}
.pakdeluxe1 {  /* Deluxe Packages */
background: url(graphics/img_backgdpackage_deluxe.gif) repeat-x;
background-color:#FFFFFF;
width:250px;
position:relative;
float:left;
	top: 0;
	left: 0;
	height:150px;
	}
.pakdeluxe1 h1 {
color:#336699;
}
.pakpremium1 { /* Premium Packages */
background: url(graphics/img_backgdpackage_premium.gif) repeat-x;;
background-color:#FFFFFF;	width:250px;
	padding:0;
	width:250px;
	position:relative;
	top: 0;
	left: 0;
	float: left;
	height:150px;}
.pakpremium1 h1 {
color:#336699;
}
/************************************************/
/********* FOOTER CONTAINER DIVs*****************/
/************************************************/
#footer {
text-align: center;
font-size:11px;
}

