/*------------------------------------------------------------------ 
# Trams - Pro Photo Style Sheet
#  
# 2009 OctoberFive Design
# Version:    1.0 
# Last change:   01/12/2009
# -------------------------------------------------------------------*/ 

/*------ Title/Navi Margin Adjust ------*/
#title_navi_wrap.adjust {
	margin-bottom:15px;
}
/*------ Pro Photo Wrap ------*/
#pp_main_content_wrap {
	width:900px;
	height:auto;
	margin:0 0 20px 0;
	float:left;
}
#pp_main_content {
	width:898px;
	height:auto;
	float:left;
	border-left:1px solid #000;
	border-right:1px solid #000;
	padding:0 0 20px 0;
}
#pp_bordertop {
	width:900px;
	height:5px;
	background:url(../assets/structural/maincontent_topborder.gif);
}
#pp_borderbottom {
	width:900px;
	height:5px;
	background:url(../assets/structural/maincontent_bottomborder.gif);
	clear:both;
}
/*----- Pro Photo Navigation -----*/
#pp_navi {
	width:900px;
	height:50px;
	float:left;
	font-size:1.3em;
	margin:0 0 10px 0;
}
#pp_navi li {
	height:auto;
	width:auto;
	float:left;
	margin-right:30px;
	color:#B8D300;
}
#pp_navi li a {
	color:#000;
	display:block;
	width:auto;
	height:auto;
	padding:15px 0 15px 50px;
}
#pp_navi li a:hover {
	color:#B8D300;
}
/*--Workflow Button --*/
.workflow {
	background:url(../assets/pro_photo/icons/overview_off.gif) left no-repeat;
}
.workflow:hover {
	background:url(../assets/pro_photo/icons/overview.gif) left no-repeat;
}
.workflow_off {
	background:url(../assets/pro_photo/icons/overview.gif) left no-repeat;
	color:#000;
	display:block;
	text-align:right;
	padding:15px 0 15px 50px;
}
/*--Shoot Button--*/
.shoot {
	background:url(../assets/pro_photo/icons/shoot_off.gif) left no-repeat;
}
.shoot:hover {
	background:url(../assets/pro_photo/icons/shoot.gif) left no-repeat;
}
.shoot_off {
	background:url(../assets/pro_photo/icons/shoot.gif) left no-repeat;
	color:#000;
	display:block;
	text-align:right;
	padding:15px 0 15px 50px;
}
/*--Manage Button--*/
.manage {
	background:url(../assets/pro_photo/icons/manage_off.gif) left no-repeat;
}
.manage:hover {
	background:url(../assets/pro_photo/icons/manage.gif) left no-repeat;
}
.manage_off {
	background:url(../assets/pro_photo/icons/manage.gif) left no-repeat;
	color:#000;
	display:block;
	text-align:right;
	padding:15px 0 15px 50px;
}
/*--Manipulate Button--*/
.manipulate {
	background:url(../assets/pro_photo/icons/manipulate_off.gif) left no-repeat;
}
.manipulate:hover {
	background:url(../assets/pro_photo/icons/manipulate.gif) left no-repeat;
}
.manipulate_off {
	background:url(../assets/pro_photo/icons/manipulate.gif) left no-repeat;
	color:#000;
	display:block;
	text-align:right;
	padding:15px 0 15px 50px;
}
/*--Output Button--*/
.output {
	background:url(../assets/pro_photo/icons/output_off.gif) left no-repeat;
}
.output:hover {
	background:url(../assets/pro_photo/icons/output.gif) left no-repeat;
}
.output_off {
	background:url(../assets/pro_photo/icons/output.gif) left no-repeat;
	color:#000;
	display:block;
	text-align:right;
	padding:15px 0 15px 50px;
}
/*--Backup Button--*/
.backup {
	background:url(../assets/pro_photo/icons/backup_off.gif) left no-repeat;
}
.backup:hover {
	background:url(../assets/pro_photo/icons/backup.gif) left no-repeat;
}
.backup_off {
	background:url(../assets/pro_photo/icons/backup.gif) left no-repeat;
	color:#000;
	display:block;
	text-align:right;
	padding:15px 0 15px 50px;
}
/*----- Pro Photo Content - Columns -----*/
#pp_leftcol {
	width:425px;
	height:auto;
	float:left;
}
#pp_rightcol {
	width:425px;
	height:auto;
	float:right;
}
/*--- Left Column Content ---*/
/*-- Text only --*/
.pp_leftcol_txt {
	width:395px;
	height:auto;
	margin:0 0 0 30px;
	float:left;
}
/*-- Text and hero Image --*/
.pp_leftcol_txt_heroimg {
	width:425px;
	float:left;
	margin:0 0 20px 0;
}
.pp_leftcol_txt_heroimg img {
	float:left;
	margin:0px 15px 0 0;
}
.pp_leftcol_txt_heroimg p {
	margin-left:30px;
}
/*-- Image styles for ranging left or right --*/
.pp_img_left {
	float:left;
	margin:0 20px 0 0;
}
.pp_img_right {
	float:right;
	margin:0 0 0 20px;
}
/*--- Right Column Content ---*/
.pp_rightcol_row {
	width:395px;
	height:auto;
	float:right;
	margin:0 30px 20px 0;
}
.pp_rightcol_row img {
	float:left;
	margin:0 15px 0 0;
}
.pp_rightcol_row img.right {
	float:right;
	margin:0 0 0 15px;
}
/*------- Featured Suppliers/Products -------*/
#pp_feat_wrap {
	width:388px;
	height:auto;
	border:2px solid #000;
	float:left;
}
#feat_title {
	display:block;
	width:auto;
	height:20px;
	background:#000;
	color:#FFF;
	font-size:1.3em;
	padding:5px 0 5px 10px;
}
#feat_cont_wrap {
	width:378px;
	padding:10px 0 10px 10px;
	float:left;
}
.feat_logo {
	width:70px;
	height:70px;
	float:left;
	margin:0 10px 10px 10px;
	background:#F00;
}
.feat_left {
	margin-left:25px;
}
.feat_row {
	padding:0px 10px;
}
.feat_row img {
	float:left;
	margin:0 10px 0 0;
}
.feat_row p {
	padding:0 0 10px 0;
}