body, html {
	padding: 0; 
	margin: 0;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 0.9em;               
	color: #6d5200;
}
form {margin:20px 0 0 0; padding: 0;}
	
label,input,textarea {
	display: block;
	width: 250px;
	float: left;
	margin-bottom: 10px;
}

label {
	text-align: right;
	width: 175px;
	padding-right: 20px;
}
br {
	clear: left;
}
#wrapper { 
	margin: 0 auto;
	text-align: center;
	width: 930px;
}

#header {
	margin: 0 auto;
}

#leftcolumn { 
	width: 200px;
	margin: 0;
	padding: 0;
	float: left;
	border:0px solid #e1e1e1;
}

a:link {
	color:#2689EE;	
	}
a:visited {
	color:#2689EE;	
	}
a:hover {
	color:#59818B;
	text-decoration:none;	
	}
a:active {
	color:#59818B;
	text-decoration:none;	
	}	
	
/* left navigation  */
#sidelinks {
	margin-top: 25px;
	padding: 15px 0 0 10px;
	border-right: 1px dotted #dcdcdc;
}

#sidelinks ul {
    position: relative;
    left: -40px;
	list-style-type: none;
	width: 190px;
	border:0px solid #e1e1e1;	
}

#sidelinks li {
    text-align: right;
	margin: 0 0 0 0;	
	padding: 5px 15px 5px 5px;
	background: url(../images/rarrow.gif) no-repeat 8px 8px;
	border-top: 1px dotted #dcdcdc;
}

#sidelinks a {
	color: #6d5200;
	text-decoration: none;
}

#sidelinks a:hover {
	border-bottom: 1px dotted #666666;
}

#a-list {
	margin:15px 0 0 0;
	padding:20px;
	border:1px solid #e1e1e1;
	
}

/* content  */

#content {
	text-align: left;
	width: 675px;
	margin: 10px 10px 30px 10px;
	padding: 10px 0 0 20px;
	float: left;
	border:0px solid #333;
}

#content h1 {
	margin:20px 0 5px 0;
	text-transform:lowercase;
	color:#59818B;
}

.one_request {
	padding:45px 0 0 80px;
	background: url('../images/1_request.jpg') top left no-repeat;	
}
.two_proofs {
	padding:45px 0 0 80px;
	background: url('../images/2_proofs.jpg') top left no-repeat;		
}
.three_review {
	padding:45px 0 0 80px;	
	background: url('../images/3_review.jpg') top left no-repeat;		
}

hr {
	color:#59818B;	
}

#content img {
	padding: 10px; 
} 
.port_img {
	margin:5px;
	padding:5px;
	border:1px solid #e1e1e1;
}

#footer {
	clear: both; 
	width: 892px;
	margin: 10px;
	padding: 5px;
	border-top: 1px solid #666;
}

#footer #checkout {
	float: right;
	margin: 10px 30px 30px 0;
}

#footer #copyright {
	clear: both;
	margin: 0 auto 15px;
}

#footer a {
	color: #2689EE;
	text-decoration: none;
}

#footer a:hover {
	color: #00a55d;
}

#footer hr {
	width: 100%;
	color: black; 	
}

.social_icon {
	position:relative;
	top:7px;
	margin-left: 3px;
}

.clear { clear: both; background: none; }

/* photo gallery  */

.photo {width:635px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

/* begin gallery styling */ 
#jgal { list-style: none; width: 200px; } 
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; } 
#jgal li img { position: absolute; top: 20px; left: 220px; display: none; } 
#jgal li.active img { display: block; } 
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */ 
#gallery { list-style: none; display: block; } 
#gallery li { float: left; margin: 0 10px 10px 0}

.blue {color: #27baf1;}