/* MOSNEY.NET Stylesheet */
/* Author: Jonathan Mosney, jonathan[at]mosney.net */

* { margin: 0; padding: 0; }
img { border: none; }
br { clear: both; }
.clear { clear: both; }

body {
	margin: 0 auto;
	background-color: #9BC8E5;
	text-align: center;
	background: #9BC8E5 url("../i/body_bg_new.jpg") 0 0 repeat-x;
	color: #000000;
	font: normal 14px/20px arial,helvetica,sans-serif;
}

#wrapper {
	position: relative;
    margin: 0 auto;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 20px;
    text-align: center;
    width: 880px;
}

#header {
	position: relative;
    margin: 0 auto;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
    width: 910px;
}

#feature_home { position: relative; top: -7px; }
#feature { margin-top: 10px; }

#main_header { margin-top: 10px; height: 31px; background: transparent url('../i/main_header_bg.jpg') 0 0 repeat-y; }

#main {
	background: transparent url('../i/main_bg.jpg') 0 0 repeat-y;}

#content {
	padding: 0 28px;
	text-align: left; 
}

.left {
	float: left;
	width: 278px;
	text-align: left;
}

.left-center {
	float: left;
	width: 540px;
	text-align: left;
	margin: 0 22px 22px 0;
}

.center {
	float: left;
	width: 278px;
	margin-left: 4px;
	text-align: left;
}

.right {
	float: right;
	width: 262px;
	text-align: left;
}

.center-right {
	float: right;
	width: 543px;
	text-align: left;
	margin: 0 3px 20px 0;
}

img.outline { border: 1px solid #7F8381; margin-bottom: 2px;}
#recent_success { border: 1px solid #7F8381; border-width: 0 0 1px 0; padding-bottom: 0; margin-bottom: 10px;}
#direct_header { border: 1px solid #7F8381; border-width: 0 0 1px 0; padding-bottom: 0; margin: 0 16px 10px 0;}

.center-right img#screen {border: 1px solid #000000; }

/* FORM */

div.form_row, div.form_row_message {
	clear: both;
	width: 542px;
	height: 35px;
	margin-bottom: 10px;
	background: transparent url('../i/form_bg.jpg') 0 0 no-repeat;
}

div.form_row_message {
	height: 139px;
	background: transparent url('../i/form_bg_message.jpg') 0 0 no-repeat;
}

span.form_label {
	float: left;
	margin: 9px 8px 8px 8px;
	text-align: left;
	font: bold 16px/16px arial,helvetica,sans-serif;
	display: inline;
}

span.form_field {
	float: left;
	margin: 8px 8px 8px 0;
	width: 380px;
	text-align: left;
	display: inline;
} 

.text_field, .message_field {
	background-color: transparent;
	font: normal 16px/16px arial,helvetica,sans-serif;
	border: none;
}

.message_field {
	height: 120px;
	width: 420px;
}

.submit_button, input.btn {
	background: #E1EACE url('../i/form_bg_submit.jpg') 0 0 no-repeat;
	color:#000000;
	border: none;
	width: 87px; height: 35px;
	padding: 8px;
	font: bold 14px/14px arial,helvetica,sans-serif;
}

/* SLIDING PORTFOLIO NAV STYLES */

.SlidingPanelsContentGroup { text-align: left; }
.SlidingPanelsContentGroup img { border: 1px solid #000000; margin-top: 20px; }
.SlidingPanelsContentGroup img.portfolio_here { border: 2px solid #383848; }
.SlidingPanelsContentGroup a:hover img { border: 1px solid #383848; }

#prev { float: left; }
#next { float: right; margin-right: 23px;}

/* REGULAR PORTFOLIO NAV STYLES */

#portfolio_index li { width: 254px; height: 82px; list-style: none; margin: 0 0 16px 0; border: 1px solid #000000;}
#portfolio_index li a { height: 82px; width: 254px; display: block;}

#portfolio_index li#cma, #portfolio_index li#cma a, #portfolio_index li#cma a:visited {  background: url('../i/cma_wide_screen.jpg') 0 0 no-repeat; }
#portfolio_index li#cma.portnav_here, #portfolio_index li#cma a:hover, #portfolio_index li#cma a:active { background-position: 0 -82px; }

#portfolio_index li#jl925, #portfolio_index li#jl925 a, #portfolio_index li#jl925 a:visited {  background: url('../i/jl925_wide_screen.jpg') 0 0 no-repeat; }
#portfolio_index li#jl925.portnav_here, #portfolio_index li#jl925 a:hover, #portfolio_index li#jl925 a:active { background-position: 0 -82px; }

#portfolio_index li#tony, #portfolio_index li#tony a, #portfolio_index li#tony a:visited {  background: url('../i/tony_wide_screen.jpg') 0 0 no-repeat; }
#portfolio_index li#tony.portnav_here, #portfolio_index li#tony a:hover, #portfolio_index li#tony a:active { background-position: 0 -82px; }

#portfolio_index li#allard, #portfolio_index li#allard a, #portfolio_index li#allard a:visited {  background: url('../i/allard_wide_screen.jpg') 0 0 no-repeat; }
#portfolio_index li#allard.portnav_here, #portfolio_index li#allard a:hover, #portfolio_index li#allard a:active { background-position: 0 -82px; }

#portfolio_index li#svrebath, #portfolio_index li#svrebath a, #portfolio_index li#svrebath a:visited {  background: url('../i/svrebath_wide_screen.jpg') 0 0 no-repeat; }
#portfolio_index li#svrebath.portnav_here, #portfolio_index li#svrebath a:hover, #portfolio_index li#svrebath a:active { background-position: 0 -82px; }

#portfolio_index li#wg, #portfolio_index li#wg a, #portfolio_index li#wg a:visited {  background: url('../i/wg_wide_screen.jpg') 0 0 no-repeat; }
#portfolio_index li#wg.portnav_here, #portfolio_index li#wg a:hover, #portfolio_index li#wg a:active { background-position: 0 -82px; }

#portfolio_index li#boblee, #portfolio_index li#boblee a, #portfolio_index li#boblee a:visited {  background: url('../i/boblee_wide_screen.jpg') 0 0 no-repeat; }
#portfolio_index li#boblee.portnav_here, #portfolio_index li#boblee a:hover, #portfolio_index li#boblee a:active { background-position: 0 -82px; }

#portfolio_index li#jjm, #portfolio_index li#jjm a, #portfolio_index li#jjm a:visited {  background: url('../i/jjm_wide_screen.jpg') 0 0 no-repeat; }
#portfolio_index li#jjm.portnav_here, #portfolio_index li#jjm a:hover, #portfolio_index li#jjm a:active { background-position: 0 -82px; }

#portfolio_index li#mcplumbing, #portfolio_index li#mcplumbing a, #portfolio_index li#mcplumbing a:visited {  background: url('../i/mcplumbing_wide_screen.jpg') 0 0 no-repeat; }
#portfolio_index li#mcplumbing.portnav_here, #portfolio_index li#mcplumbing a:hover, #portfolio_index li#mcplumbing a:active { background-position: 0 -82px; }

#portfolio_index li#threedll, #portfolio_index li#threedll a, #portfolio_index li#threedll a:visited {  background: url('../i/threedll_wide_screen.jpg') 0 0 no-repeat; }
#portfolio_index li#threedll.portnav_here, #portfolio_index li#threedll a:hover, #portfolio_index li#threedll a:active { background-position: 0 -82px; }


/* TYPOGRAPHY */

.bold {font-weight: bold; }

p  { text-align: left; margin-bottom: 16px; }
p.large { font: normal 18px/20px arial,helvetica,sans-serif; }
p.right-align { text-align: right; }

.right li { list-style: disc none inside; }

#small_center p {
	width: 354px;
	font: normal 14px/20px arial,helvetica,sans-serif;
}

#small_wide_center p {
	margin-left: 10px;
	font: normal 14px/20px arial,helvetica,sans-serif;
}

#small_wide_center p.faq, #small_center p.faq {
	margin-left: 0;
	margin-bottom: -10px;
	font: bold 12px/12px arial,helvetica,sans-serif;
	color: #000000;
}

h3, #right_col h3 {
	text-align: left; 
	margin-left: 0;
	margin-bottom: -10px;
	font: bold 12px/12px arial,helvetica,sans-serif;
	color: #000000;
}

#small_right p {
	margin: 0 0 5px 0; padding: 0;
}

#footer p, #home_footer p {
	font: normal 10px/10px arial,helvetica,sans-serif;
	padding-top: 32px;
}

#home #main_footer { height: 70px; width: 880px; background: url("/i/main_bg_bottom.png") 0 0 no-repeat; text-align: left; vertical-align: bottom; }

p#contact { margin: -5px 0 0 10px; }

p#table_note { font: normal 11px/10px arial,helvetica,sans-serif; }

#small_center .product_url {
	font: normal 11px/10px arial,helvetica,sans-serif;
	margin: -10px 0 18px 0;
	color: #475379;
	text-decoration: underline;
}

/* LINKS */

a:link, a:visited {
	color: #7F8381;
	text-decoration: underline;
}

a:hover {
	color: #383848;
}
a#homelink {
	position: absolute;
	top: 40px; left: 40px;
	width: 1px; height: 1px;
	padding: 16px 130px;
	background: url("../i/transparent.gif");
}