/*basic layout*/
body
{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	font-family:Verdana;
	background: #FFFFFF url(images/fading_background_21.png) repeat-x;
}
h2
{
	color:Gray;
}

#header
{
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
	height: 135px;
}
#left
{
	position: absolute;
	left: 5px;
	top: 155px;
	width: 200px;
	margin-top:2px;
	margin-left: 8px;
}
#right
{
	position: absolute;
	right: 5px;
	top: 155px;
	width: 250px;
	margin-top:2px;
	margin-right: 6px;
}
#center
{
	margin-top:2px;
	margin-left: 220px;
	margin-right: 270px;
	top: 155px;
}


#footer
{
	font-size:10px;
	color: Gray;
	min-width:780px;
}

hr #footer
{
	color: Gray;
	width: 90%;
}

/*Section Headers*/
.section-header
{
	/*border-bottom: solid 1px;*/
	margin-top:0px;
	text-indent:5px;
	color: White;
}

/*******************************/
/**horizontal list**/
ul#icons
{
	margin: 0;
	padding: 0;
}
ul#icons li
{
	margin: 2px;
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
}
ul#icons span.ui-icon
{
	float: left;
	margin: 0 4px;
}

/***************************/
/**clear float stuff**/
.clear-block:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear-block
{
	display: inline-block;
}

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

/* latest blog */
.blog-image-container
{
	margin-left: auto;
	margin-right: auto;
	max-width:625px;
	margin-bottom: 10px;
	background-color: #B3D0E8;
	text-align:center;
}

.blog-image-container ul
{
	text-align:center;
	padding:.9em;
	list-style-type:none;
}

.blog-image-container ul li
{
	display:inline;
}

.blog-image-container ul li img
{
	padding: .5em;
	background-color: #D2E4F2;
}

/*end latest blog*/

.blog-previous-posts
{
	margin-left: 0px;
}
.blog-previous-posts ul
{
	margin:0;
	padding:0;
	margin-top: 1px;
}

.blog-previous-posts ul li
{
	display:table;
	padding: .2em;
	width: 98%;
}

.blog-previous-posts ul li a
{
	text-decoration:none;

}
.blog-previous-posts h3{ margin-bottom:0px;}

.section-header-previous-post
{
	margin-bottom:0;
}

/*Basic form style*/
div.container {
	border: 1px solid #000000;
	overflow: hidden;
	width: 95%;
	padding-left:20px;
	padding-bottom:20px;
	padding-top: 10px;
}

div.left {
	width: 20%;
	float: left;
}

div.right {
	width: 80%;
	float: right;
}

div.container p
{
	margin:5px;
}

.form-input-length-small 
{
	width:150px;
}

.form-input-length-medium 
{
	width:300px;
}

.form-input-length-large 
{
	width:94%;
}

/*textarea.Body
{
	width: 95%;
}*/

.form-input-button
{
	background:#D2E4F2;
	font-size:medium;
	border-style: solid;
	border-left-width: medium;
	border-color: #B3D0E8;
	font-weight:bold;
}

.form-container-child
{
	border: thin solid #C0C0C0;
}

/*create image list*/
.create-image-container
{
	margin-left: auto;
	margin-right: auto;
	max-width:625px;
	margin-top: 20px;
	margin-bottom: 10px;
	background-color: #B3D0E8;
}

.create-image-container ul
{
	text-align:center;
	padding:.9em;
	list-style-type:none;
}

.create-image-container ul li
{
	display:inline;
}

.create-image-container ul li img
{
	padding: .5em;
	background-color: #D2E4F2;
	margin: .5em;
}
ul.services
{
	text-align:left;
	padding-left:.9em;
	padding-right:.9em;
	padding-top:0px;
	padding-bottom: 0px;
	list-style-type:none;
	margin-top:0px;
}

ul.services li
{
	padding-bottom:8px;
}

ul.sponsers
{
	text-align:center;
	padding:.9em;
	list-style-type:none;
}

.pricing-table
{
	margin-left:auto; 
	margin-right:auto;
	min-width:500px;

}
.Pricing-table td
{
	text-align:center;
}

div.clearer {clear: left; line-height: 0; height: 0;}
div.item
{
	float: left;
	border: 1px dashed #C0C0C0;
	padding: 5px;
	width: 98%;
}
div.item img {float: left; margin: 5px;}

div.item h6 {margin:0px; }


#gallery-images { float: left; width: 480px; min-height: 12em; } * html #gallery-images { height: 12em; } /* IE6 */
.gallery-images.custom-state-active { background: #eee; }
.gallery-images li { float: left; padding: 0.4em; margin: 0 0.4em 0.4em 0; text-align: center; }
.gallery-images li h5 { margin: 0 0 0.4em; }
.gallery-images li a { float: right; }
.gallery-images li img { width: 100%;  }

#table-basic
{
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
}

.table-basic td
{
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
}

.table-basic-td-left
{
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	vertical-align: top;
	width: 115px;
	font-weight: bold;
}

.main-post-container {
	overflow: hidden;
	width: 640px;
}

.left-column { width: 300px; float: left; margin-left: 10px;}
.right-column { min-width: 325px; float: right;}

.rss-feed img
{
	 padding-right:6px;
}

.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("images/feed-icon-14x14.png") no-repeat 0 50%;
}

/*photo gallery*/
#gallery { 
	width: 480px; 
	margin: 45px auto; 
	background:#ccc; 
	padding: 5px; 
}
#gallery a { 
	position: relative; 
	display: block; 
	float: left; 
	/*width: 100px; 
	height: 75px; */
	margin: 10px; 
	z-index: 1;
}
#gallery img { 
	/*width: 100px; height: 75px; */
	border: 1px solid; 
	border-color: #999 #ddd #ddd #999;
}
#gallery a:hover {
	position: relative;
	z-index: 50; 
	top: -55px; left: -75px; 
}
#gallery a:hover img { 
	width: 250px; height: 188px; 
	padding: 1px; 
	background: #ccc; 
	border: 2px solid; border-color: #eee #bbb #bbb #eee;
}

.main-logo{ 
	position:absolute;  
	left:15px; 
	top:10px;
}

.login-join-today{ 
	position:absolute;  
	right:20px; 
	top:10px;
	color:White;
}

.login-join-today a
{
	color:White;
	font-weight:bold;
}

.login-join-today a:hover
{
	color:Orange;
	font-weight:bold;
}
	
ul#image-list {margin: 0; padding: 0;}
ul#image-list li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#image-list span.ui-icon {float: left; margin: 0 4px;}

.div-table {
	display:  table;
	width:100%;
	border-spacing:0px;/*cellspacing:poor IE support for  this*/
	border-collapse:separate;
}
.div-cell {
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
    margin-bottom: 1px;
	padding-top:0px;
	padding-bottom:0px;
}
.div-row  {
	display:  table-row;
	width:auto;
	}
	
p
{
	font-size:12px;
	margin:10px;
}

.form-basic-container
{
	width:100%;
	margin:5px 5px 5px 5px 5px;
	font-size: 12px;
}