body {
 margin: 0 auto;
 text-align:center;
 font-family: Lucida Grande, Verdana, Sans-serif;
 background:#fff url(../images/bg.gif) repeat-y center;
 background-attachment:fixed;
 font-size: 62.5%;
 color: #4F5155;
}

/*General Settings
----------------------------------------------------------------*/
* {	margin:0;
	padding:0;
	}
	
img {border:none; }

.clear { clear:both;}

/*Typo and Color
----------------------------------------------------------------*/
p { font-size: 1.2em; }

h2 { 
	font-size:1.6em;
	font-weight: bold;
	color:#2695CF;
}

h3 {
	font-size:1.2em;
	color:#2695CF;
}

a {
	color: #F8933E;
	background-color: transparent;
	font-weight: bold;
	text-decoration:none;
}

a:hover {
	color: #F07238;
}

.logo {
	float: left;
	background: url(../images/logo.gif) no-repeat top left;
	padding-top: 125px;
	width: 441px;
	overflow: hidden;
	height:0px !important;
	height /**/:125px;/* for IE5/Win Only*/
}
	
.top-lead {
	font-size: 1.2em;
}

.top-title {
	background: url(../images/top_lead.gif) no-repeat top left;
	padding-top: 72px;
	width:376px;
	overflow: hidden;
	height:0px !important;
	height /**/:72px;/* for IE5/Win Only*/
}
	
#step1 {
	background: url(../images/top_step1.gif) no-repeat top left;
	padding-top: 49px;
	width:168px;
	overflow: hidden;
	height:0px !important;
	height /**/:49px;/* for IE5/Win Only*/
	}

#step2 {
	background: url(../images/top_step2.gif) no-repeat top left;
	padding-top: 87px;
	width:234px;
	overflow: hidden;
	height:0px !important;
	height /**/:87px;/* for IE5/Win Only*/
	}
	
#step3 {
	background: url(../images/top_step3.gif) no-repeat top left;
	padding-top: 46px;
	width:217px;
	overflow: hidden;
	height:0px !important;
	height /**/:46px;/* for IE5/Win Only*/
}	

.btn-start {
	clear: both;
	padding-left: 30px;
}

.btn-start a {
	display:block;
	padding-top: 47px;
	width:197px;
	background: url(../images/btn_start.gif) no-repeat center top;
	overflow:hidden;
	height:0px !important;
	height /**/:47px;/* for IE5 Win*/
}
	
.btn-start a:hover{
	background-position: 0 -47px;
}

	
.btn-gallery a {
	display:block;
	padding-top: 36px;
	width:188px;
	background: url(../images/btn_gallery.jpg) no-repeat center top;
	overflow:hidden;
	height:0px !important;
	height /**/:36px;/* for IE5 Win*/

}
.btn-gallery a:hover{
	background-position: 0 -36px;
	}


/*Layout
----------------------------------------------------------------*/

	
#wrap {
	width:846px;
	margin: auto;
	background: #fff url(../images/header_bg.gif) repeat-x top left;
}
	
#header {
	height:125px;
	padding: 0 20px 0 40px;
}

#content-wrap {	
	background-color: #fff;
	text-align: left;
	padding:10px 20px 30px 50px;
}

.box-a {
	width:430px;
	float:left;
	margin-bottom: 15px;
}
	
.box-b {
	width:330px;
	float:right;
	text-align:center;
}

.box-c {
	width:500px;
	padding-left:250px;	
}

#footer {
	clear: both;
	width: 746px; /* for IE6 */
	padding: 5px 50px 5px 50px;
	background-color: #96F0FF;
	text-align: left;
}

#menu {
	margin-top: 67px;
	_margin-top: 65px;
	height: 25px;
	float: right;
	list-style: none;
	width:340px;
}

#menu li {
	border: 1px solid #C9E4F3;
	background: url(../images/menu_bg.jpg) repeat-x top left ;
	padding: 5px 10px 5px 10px;
	margin-left: 5px;
	float:right;	
}

#menu #selected {
	background: #fff;
	border-bottom: 1px solid #fff;
}

.line {
	margin: 10px 0 15px 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}

/*Top
----------------------------------------------------------------*/
.box-steps {
	width:715px;
	clear:both;
	background:#E7E7E7 url(../images/top_steps_bg_top.gif) no-repeat top left;
	padding: 15px 15px 0 15px;
}
	
.box-steps ul {
	height:206px;
	list-style: none;
}

.box-steps ul li {
	display:block;
	width:237px;
	float:left;
}

.box-steps-bottom {
	clear:both;
	background: url(../images/top_steps_bg_bottom.gif) no-repeat bottom left;
	height:15px;
}

/*\*//*/
	div.box-steps li:after{
	overflow: hidden;
	}
/*HoryHack*/

/* Footer details
----------------------------------------------------------------*/

#footer p { text-align: right; }
#footer p.tiny { font-size: 10px; }
#viral-links { display: inline; }
#digg { margin-right: 12px; }
#delicious { margin-right: 12px; }
#reddit { margin-right: 12px; }
#copyright{ float: right; }




code {
 display: block;
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}

.error {
	color: #991111;
	font-style: italic;
}


/* Registration form fields
----------------------------------------------------------------*/

form p {
	clear: both;
	margin: 20px 0 10px 0;
	color:#2695CF;
}

label {
	font-size:1.2em;
	color:#2695CF;
	float: left;
	text-align: right;
	padding-right: 10px;
	width: 240px;
}

#payment-options label {
	font-size:1.2em;
	color:#2695CF;
	float: left;
	text-align: left;
	padding-right: 25px;
	width: auto;
}

input {
	float: left;
	width: 200px;
}

input.radio {
	margin: 0 6px 0 0; 
	width: auto;
}

.gap-bottom {
	padding-bottom: 10px;
}

.alert {
	margin: 0 0 0 25px;
	float:right;
	padding: 4px;
	width: 275px;
 	border: 1px solid #D0D0D0;
 	color: #002166;
	background: #f8f8f8;
}

.alert-upload {
	margin: 0 0 0 25px;
	float:right;
	padding: 4px;
	width: 200px;
 	border: 1px solid #D0D0D0;
 	color: #002166;
	background: #f8f8f8;
}

form .error {
	margin: 0 0 0 250px;
	clear: both;
	color: #991111;
	font-style: italic;
	width: 200px;
}

input.checkbox {
	margin: 0px 6px 0 0;
	width: auto;
}

#gallery-checkbox {
	margin: 0px 0 10px 250px;
}

#notify-checkbox {
	margin: 0 0 10px 250px;
}

input.submit {
	margin: 10px 0 10px 250px;
	width: auto;
}

textarea {
	float: left;
	width: 200px;
	height: 100px;
}

/*
input:focus, textarea:focus {
	background-color: #96F0FF;
}
*/

/* Checkout Styling
----------------------------------------------------------------*/


#co-confirm {
	text-align: center;
}

#co-confirm p {
	width: 275px;
	margin: 10px auto;
	color:#2695CF;
	text-align: left;
}

#co-confirm img {
	margin: 15px 0 35px;
	max-width: 250px;
}

#co-confirm .request {
	font-family: Monaco, Verdana, Sans-serif;
	font-size: 12px;
	background-color: #f9f9f9;
	border: 1px solid #D0D0D0;
	color: #002166;
	width: 260px;
	text-align: left;
	margin: 14px auto 25px auto;
	padding: 6px 5px;	
}

#co-confirm form {
	margin: 25px auto;
	width: 117px;
}

#co-confirm form input {
	width: auto;
}

/* Screenshot Styling (Instructions Page)
----------------------------------------------------------------*/

.instructions li {
	clear: both;
	list-style: none;
	width: 750px;
	margin: 25px 0 0 0;
}

.instructions li img {
	float: left;
	width: 200px;
}

.instructions li .caption {
	float: right;
	width: 492px;
	background-color: #f9f9f9;
	border: 1px solid #D0D0D0;
	color: #002166;
	padding: 6px 4px;
	/*margin: 0 142px 0 0;*/
}

/* Gallery Styling
----------------------------------------------------------------*/

.entry {
	background: url(../images/gallery_people_bg.gif) no-repeat top left;
	width: 228px;
	height:180px;
	text-align: center;
	padding-top:23px;
	margin-right: 25px;
	float:left;
}

.entry .person {
	display: inline;
	margin-left: 7px;
}

.entry .mii {
	display: inline;
	margin-right: 6px;
}

/*\*//*/
	div.entry:after{
	overflow: hidden;
	}
/*HoryHack*/

/*FAQ
-------------------------------------------------*/
.box-c p {
	padding-bottom:30px;
}

/*TOS
-------------------------------------------------*/
#tos-wrap p {
	text-align: left;
	width: 600px;
}

#tos-wrap .section {
	font-weight: bold;
	margin: 10px 0 25px 100px;
}

#tos-wrap .content {
	margin: 5px 0 20px 125px;
}

#tos-wrap .sub-content {
	margin: 5px 0 10px 150px;
}

.adsense {
	clear: both;
	text-align: center;
}