/* @group General Styles */

@font-face {
	font-family: 'Myriad Pro Light Condensed';
	src: url('css/MyriadPro-LightCond.otf');
}

@font-face {
	font-family: 'Myriad Pro Regular';
	src: url('css/MyriadPro-Regular.eot');
	src: local('Myriad Pro Regular'), local('MyriadPro-Regular'), url('css/MyriadPro-Regular.woff') format('woff'), url('css/MyriadPro-Regular.ttf') format('truetype'), url('css/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
}


h1 {line-height: 1.2em; font-size:2em;color:#651b1e;text-align:center;font-family: Myriad Pro Regular, Futura, Tahoma, sans-serif;}
h2 {font-size:1.6em;color:#651b1e;text-align:center;font-family: Myriad Pro Regular, Futura, Tahoma, sans-serif;}
h3 {font-size:1.4em;color:#651b1e;font-family: Myriad Pro Regular, Futura, Tahoma, sans-serif;}
h4 {font-size:1.2em; line-height: 1em; color:#651b1e;font-family: Myriad Pro Regular, Futura, Tahoma, sans-serif;}
h5 {font-size:1.0em;color:#651b1e;font-family: Myriad Pro Regular, Futura, Tahoma, sans-serif;}
h6 {font-size:0.9em;color:#651b1e;font-family: Myriad Pro Regular, Futura, Tahoma, sans-serif;}

p {padding-right: 15px; padding-left: 15px; font-size: 14px;}

hr {
  border: 0;
  color: #d4c9c9;
  background-color: #d4c9c9;
  height: 1px;
}

#mainer tr {
	border-bottom: none;
}

body {
	background: white;
	font:16px/1.5 'Helvetica Neue',Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
}

b, strong {
	font-weight: bold;
}

.image-left {
	float: left;
}

.image-right {
	float: right;
}

A:link  { 
	color: #9b2b2f; 
	text-decoration: none 
}

A:active  { 
	color: #d38a61; 
	text-decoration: none 
}

A:visited  { 
	color: #a43d41; 
	text-decoration: none 
}

A:hover {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	color:#d38a61;
}

.portbtn {padding:3px; background-color: #fff; border: #dedede 1px solid; }
.portbtn:hover {background-color: #9b2b2f;}

.portbtn img {padding-bottom: 0px; margin-bottom: 0px;}

a.noB {border:none !important; height: 0px !important;}

.port {margin-left: 12px; float: left; width: 287px; margin-bottom: 25px;}
p.portP {margin: 0px; padding: 0px; text-align: center;}

.pr5 {padding-right: 5px;}
.mr5 {margin-right: 5px;}
	
/* @end */


/* @Greg Layout */


#todo {
	width: 868px;
	margin: 0 auto;
}

#topper {
	width: 868px;
	height: 190px;
	background: transparent url('images/top_banner.jpg') top left no-repeat;
	clear: both;
	position: relative;
}

#starter-badge {
	width: 114px;
	height: 114px;
	position: absolute;
	left: 807px;
	background: url(images/starter-badge.png) no-repeat;
}

#menubar_left {
	width: 14px;
	height: 40px;
	float: left;
	background: transparent url('images/menu_button_left.jpg');
}

#menubar_right {
	width: 14px;
	height: 40px;
	float: right;
	background: transparent url('images/menu_button_right.jpg');
}

#menubar {
	width: 840px;
	height: 40px;
	float: left;
	background: transparent url('images/menu_button.jpg');
}

#menubar a {
	color: inherit;
	border: 0;
}

#menubar ul {
	list-style-type: none;
}

#menubar ul li {
	font-weight: bold;
	font-size: 13px;
	font-family: Myriad Pro Regular, Lucida Grande, Arial, Verdana, sans-serif;
	float: left;
	width: 120px;
	height: 29px;
	background:transparent url('images/menu_button.jpg') top left no-repeat;
	text-align: center;
	padding-top: 11px;
	color: #630a0f;
}

#menubar ul li:hover {
	color: white;
	background-position: 0px -40px;
}

#menubar_right_end {
	width: 10px;
	height: 85px;
	float: right;
	background-color: #22211c;
}

#menubar .selected {
	background-position: 0px -80px;
	color: white;	
}

#menubar .selected:hover {
	background-position: 0px -80px;
	color: white;	
}
	
#mainer_cushion {
	height: 11px;
	background-color: white;
	clear: both;
}

#mainer_top {
	clear: both;
	width: 868px;
	height: 14px;
	background:transparent url('images/mainer_top.jpg') top left no-repeat;

}

#mainer {
	display: table;
	font-family: Myriad Pro Regular, Georgia, "Times New Roman", Times, serif;
	clear: both;
	width: 868px;
	color: #000;
	font-size: 16px;
	background-color: #221e1b;
	min-height: 250px;
	padding: 0px 0px 0px 0px;
	background:transparent url('images/mainer_middle.jpg') top left repeat-y;
}

#mainer_bottom {
	clear: both;
	width: 868px;
	height: 14px;
	background:transparent url('images/mainer_bottom.jpg') top left no-repeat;

}

#side_menu {
	float: left;
	font-size: 12px;
	padding: 10px 15px 10px 15px;
	display: table-cell;
	width: 199px;
	vertical-align: top;
}

#side_menu ul li {
	font-size: 13px;
	line-height: 24px;
	margin-left: 15px;
}

#side_menu ul li li {
	font-size: 13px;
	line-height: 24px;
	margin-left: 20px;
}

#mainer_content {
	border-left-color: #d4c9c9;
	border-left-width: 1px;
	border-left-style: solid;
	float: right;
	display: table-cell;
	vertical-align: top;
	min-height: 400px;
	width: 617px;
	padding: 0px 10px 5px 10px;
}

#mainer_content .row {
	float: left;
	clear: right;
	border-bottom: 1px solid #d4c9c9;
	width: 100%;
	margin-top: 10px;
	padding-bottom: 10px;

}

#mainer_content .row.bottom {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 0;
}

.mainer_h1{
	font-size: 14px
	color: white;
}

#bottomer_container {
	width: 868px;
}

#bottomer-left {
	padding-left: 20px;
	padding-top: 20px;
	float: left;
	width: 550px;
	height: 48px;
	color: gray;
	margin-bottom: 15px;
}

#bottomer-right {
	float: right;
	padding-top: 10px;
	padding-right: 5px;
	width: 210px;
	height: 120px;
	color: gray;
	font-size: 12px;
	line-height: 13px;
}

.next_step {
	margin: 7px auto;
	height: 40px;
	width: 187px;
	background:transparent url('images/next-step.png') top left no-repeat;
	
}

.next_step:hover {
	background-position: bottom left;
	
}

.submit-more {
	margin: 0 auto;
	height: 40px;
	width: 287px;
	background:transparent url('images/submit-more.png') top left no-repeat;
}

.submit-more:hover {
	background-position: bottom left;
	
}

.submit-starter {
	margin: 0 auto;
	height: 40px;
	width: 287px;
	background:transparent url('images/submit-starter.png') top left no-repeat;
}

.submit-starter:hover {
	background-position: bottom left;
	
}

.submit-content {
	margin: 0 auto;
	height: 40px;
	width: 287px;
	background:transparent url('images/Submit-Content.png') top left no-repeat;
}

.submit-content:hover {
	background-position: bottom left;
	
}

.submit-form {
	margin: 0 auto;
	height: 40px;
	width: 287px;
	background:transparent url('images/submit-form.png') top left no-repeat;
}

.submit-form:hover {
	background-position: bottom left;
	
}

#featured { 
	width: 598px; 
	height: 250px; 
	background: #531215 url('images/loading.gif') no-repeat center center; 
	overflow: hidden; 
}

/* @end */


/* @group Banners */
	
	.other_services {
		clear: both;
		width: 443px;
		height: 60px;
		line-height:1.5em;
		padding: 51px 25px 17px 131px; 
		text-align: center;
	}
	
.other_services#GP{background: url('images/GP.png');}
.other_services#GP:hover{background-position: 0px -128px;}

.other_services#GPr{background: url('images/GPr.png') no-repeat;}
.other_services#GPr h2 {font-size:1.6em;color:#274977;text-align:center;font-family: Myriad Pro Regular, Futura, Tahoma, sans-serif;}
.other_services#GPr:hover{background-position: 0px -128px;}
	
	
/* @end */

/* Portfolio */


.port-container {
	float: left;
	width: 181px;
	height: 85px;
	margin-bottom: 8px;
}

.port-container:hover {
	border-bottom-width: 0px;
}

.port-text {
	width: 181px;
	height: 8px;
	color: #555555;
	text-align: center;
	font-size: 12px;
}

.port-text a {color: #555555;}
.port-text a:hover {color: #d0002e;}

.portfolio {
	width: 181px;
	height: 66px;
	background-position: top left;
	background-repeat: no-repeat;
}

.portfolio:hover {
	background-position: top right;
	color: #d0002e;
}

.portfolio#socalrecruits {background-image: url(images/socal-recruits.jpg);}
.portfolio#mvhsvideoyearbook {background-image: url(images/mvhs-video-yearbook.jpg);}
.portfolio#nelson {background-image: url(images/nelson.jpg);}
.portfolio#tvmc {background-image: url(images/tvmc.jpg);}
.portfolio#debbiharper {background-image: url(images/debbiharper.jpg);}
.portfolio#advantage {background-image: url(images/advantage-flooring.jpg);}
.portfolio#csg {background-image: url(images/csg.jpg);}
.portfolio#mike-stubbins {background-image: url(images/mike-stubbins.jpg);}
.portfolio#mobile-screen {background-image: url(images/mobile-screen.jpg);}
.portfolio#propane {background-image: url(images/propane.jpg);}
.portfolio#us-publishing-jobs {background-image: url(images/us-publishing-jobs.jpg);}
.portfolio#spaven {background-image: url(images/spaven.jpg);}
.portfolio#spaven2 {background-image: url(images/spaven2.jpg);}

.portfolio#aainspection {background-image: url(images/aainspection.jpg);}
.portfolio#infiniti {background-image: url(images/infiniti.jpg);}
.portfolio#infinity {background-image: url(images/infinity.jpg);}
.portfolio#ips {background-image: url(images/ips.jpg);}
.portfolio#liarloan {background-image: url(images/liarloan.jpg);}
.portfolio#mvhschoircds {background-image: url(images/mvhschoircds.jpg);}

.portfolio#starter4 {background-image: url(images/starter4.jpg);}
.portfolio#starter5 {background-image: url(images/starter5.jpg);}
.portfolio#starter7 {background-image: url(images/starter7.jpg);}

.portfolio-backup {
	float: left;
	width: 181px;
	height: 23px;
	margin-left: 12px;
	background-position: top left;
	background-repeat: no-repeat;
	color: #555555;
	padding-top: 62px;
	text-align: center;
	font-size: 12px;
	background-color: red;
}

.portfolio-mini {
	float: left;
	width: 39px;
	height: 37px;
	background-position: top left;
	background-repeat: no-repeat;
}

.portfolio-mini:hover {
	background-position: top right;
}

.portfolio-mini#socalrecruits {background-image: url(images/socal-recruits-mini.jpg);}
.portfolio-mini#mvhsvideoyearbook {background-image: url(images/mvhs-video-yearbook-mini.jpg);}
.portfolio-mini#nelson {background-image: url(images/nelson-mini.jpg);}
.portfolio-mini#tvmc {background-image: url(images/tvmc-mini.jpg);}
.portfolio-mini#debbiharper {background-image: url(images/debbiharper-mini.jpg);}
.portfolio-mini#advantage {background-image: url(images/advantage-flooring-mini.jpg);}
.portfolio-mini#csg {background-image: url(images/csg-mini.jpg);}
.portfolio-mini#mike-stubbins {background-image: url(images/mike-stubbins-mini.jpg);}
.portfolio-mini#mobile-screen {background-image: url(images/mobile-screen-mini.jpg);}
.portfolio-mini#propane {background-image: url(images/propane-mini.jpg);}
.portfolio-mini#us-publishing-jobs {background-image: url(images/us-publishing-jobs-mini.jpg);}


.design-mini {
	clear: both;
	width: 502px;
	margin: 0 auto;
	height: 59px;
}

.design-swatch {
	float: left;
	margin-right: 4px;
	height: 59px;
	width: 59px;
	border: #d4c9c9 1px solid;
}


#social_icon {
	width: 190px;
	height: 44px;
	float: left;
	background-position: top left no-repeat;
	text-indent: -9000px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#social_icon:hover {
	background-position: bottom left;
}

.fb#social_icon {background-image: url(images/facebook.png);}
.tw#social_icon {background-image: url(images/twitter.png);}