/* ------------------------------------------------------------

	Title: 		Abra Marketing
	Author: 	neal@abramarketing.com

------------------------------------------------------------ */

body {
	font: small "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	background:  #868E9D url(../images/bg_body.jpg);
	color: #555;
	}

body, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, input, form, fieldset, label {padding: 0;margin: 0}

p {margin: 0 0 1.5em 0;line-height: 1.5em}

ul, li, dl, dt, dd {list-style: none}

a {text-decoration: none}
a:link, a:visited {color: #125DA1}
a:hover {color: #002F5E;}
img {border: none;}
.clear {clear: both; height: 1px; margin: 0; padding: 0;}
/* ------------------------------------------------------------

	Header Levels

------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6, dt {
	font-family: "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
	}
	
/* ------------------------------------------------------------

	Page Structure

------------------------------------------------------------ */
#containerOuter {
	width: 960px;
	margin: 0 auto;
	}
	
/* ------------------------------------------------------------

	Banner

------------------------------------------------------------ */
#bannerOuter {
	width: 100%;
	background: #D7DEE5 url(../images/bg_banner_new.jpg) top center no-repeat;
	margin: 0;
	padding: 0;
	height: 126px;
	}

#banner {  
margin: 0 auto;
padding: 0;
   position: relative;
	width: 960px;
}
	

#banner h1 a{
  text-indent: -9999px;
	width:  300px;
	height: 125px;
	display: block;
	position: absolute;
	left: 200px;

}
	
.topTagline {
   font-size: 17px;
	color: #852D37;
	left: 650px;
	top: 60px;
	position: absolute;
}
	
/* ------------------------------------------------------------

	Content Container

------------------------------------------------------------ */
#containerOuter {
	width: 100%;
	}
	
#container {
	width: 960px;
	background: #FFF;
	margin: 0 auto;
	}
	
#content {
	width: 960px;
	margin: 0 auto;
	}
	
/* ------------------------------------------------------------

	Secondary Pages

------------------------------------------------------------ */
	
#secondaryContent {
	padding: 40px;
	overflow: hidden;
	_height: 1%;
	}
	
#secondaryContent p {
	font-size: 95%;
	}
	
#secondaryContent h4 {
	border-bottom: 2px solid #C4CFD8;
	padding: 4px;
	margin: 15px 0 10px 0;
	font-weight: normal;
	font-size: 150%;
	color: #852D37;
	}
	
#secondaryContent .intro {
	border-bottom: 2px solid #C4CFD8;
	font-size: 120%;
	padding: 0 10px 10px 10px;
	margin-bottom: 40px;
	}

/* ------------------------------------------------------------

	Nav

------------------------------------------------------------ 
#nav {
	width: 774px;
	margin: 0 auto;
	text-indent: -9999px;
	height: 46px;
	background: url(../images/bg_nav.jpg) top center no-repeat;
	}
	
#nav li {
	float: left;
	}
	*/
/* ------------------------------------------------------------

	Home Callout

------------------------------------------------------------ */
#homeCallout {
margin:  0;
padding: 0 0 25px 0
	}
	
	#homeCalloutInner {
	width: 400px;
	padding: 0;
	margin: 40px 0 0 40px;
	color: #686767;
	float: left;
	}
	#homeCalloutInner p {
	line-height: 35px;	
	font-size: 16px;
	text-align: justify;
	}

#homeCalloutInner h2 {
	font-size: 23px;
	color: #852D37;
	margin-bottom: 8px;
	font-weight: normal;
padding: 10px 0 15px 0;
	line-height: 30px;
	}
	
#homeCalloutInner .tagline {
	position: absolute;
	left: 212px;
	top: 480px;
	font-size: 90%;
	font-style: italic;
	width: 277px;
	}
	
#homeCalloutInner .tagline a {
	text-decoration: none;
	}
	
#homeCalloutInner .servicesHeading {
	border-bottom: 2px solid #C4CFD8;
	margin: 0 0 10px 0;
	padding: 10px 0 6px 0;
	color: #852D37;
	text-align: center;
	font-size: 150%;
	font-weight: normal;
	}
	
.homeAwards {
	margin: 0;
	padding: 35px 0 10px 30px;
	border-top: 2px solid #C4CFD8;
	}
	
/*------ SERVICES LIST -------*/	
	
.servicesList {
margin: 0 0 10px 20px;
padding: 10px 0 17px 0;
	}
	
.servicesList li {
margin: 2px 0;
padding: 0 0 5px 68px;
line-height: 60px;
font-size: 17px;
	}
	
.homeBranding {
background: url(../images/home_serv_branding.jpg) left no-repeat;
}

.homeAdvertising {
background: url(../images/home_serv_advertising.jpg) left no-repeat;
}

.homeMarketing {
background: url(../images/home_serv_marketing.jpg) left no-repeat;
}


.homeWebDevelopment {
background: url(../images/home_serv_web.jpg) left no-repeat;
}


.homeWebProgramming {
background: url(../images/home_serv_programming.jpg) left no-repeat;
}

	

.homeOnlineMarketing {
background: url(../images/home_serv_online.jpg) left no-repeat;
}

		
	
	
/*------ HOME RIGHT -------*/	
	
#homeCalloutRight {
	width: 488px;
	padding: 0;
	margin: 20px 0 0 0;
	color: #686767;
	float: right;
	text-align: justify;
	font-style: normal;
	border-left: 1px dashed #852D37;
	}
#homeCalloutRightInner {
	padding: 10px 30px 0 30px;
	margin: 0;
	}
	
#homeCalloutRight .sideHeading {
	font-size: 17px;
	color: #852D37;
	margin: 0;
	padding: 25px 0 15px 0;
	font-weight: normal;
	}
#homeCalloutRight li {
	margin: 0;
	padding: 20px 0;
	line-height: 1.5em;
	}
	
#homeCalloutRight h2 {
	font-size: 14px;
	color: #852D37;
	margin-bottom: 8px;
	font-weight: normal;
	position: relative;
	}
#homeCalloutRight li img {
	float: right;
	margin: 5px 0px 15px 15px;
	padding: 0;
	}
#homeCalloutRight li a {
	text-decoration: none;
	font-style: italic;
	}
#homeCalloutRight li {
	margin: 0;
	padding: 20px 0;
	line-height: 1.5em;
	}
	
	
.homeCalloutRightItem {
	margin: 0;
	padding: 15px 0 20px 0;
	}
.homeCalloutRightItem p {
	line-height: 24px;
	font-size: 13px;
	margin: 0;
	padding: 0;
	}
	
.homeCalloutRightItem h2 {
	font-size: 14px;
	color: #852D37;
	margin: 0;
	font-weight: normal;
	padding: 10px 0 8px 0;
	}
.homeCalloutRightItem img {
	float: right;
	margin: 5px 0px 15px 15px;
	padding: 0;
	}
.homeCalloutRightItem a {
	text-decoration: none;
	font-style: italic;
	}
	
.homeCalloutRightItem h6 {
	font-size: 13px;
	margin: 0;
	padding: 4px 0 4px 0;
	font-weight: normal;
	line-height: 19px;
	}
	
/* ------------------------------------------------------------

	Home Columns

------------------------------------------------------------ */
#homeColumns {
	background: #EAEFF4;
	overflow: hidden;
	_height: 1%;
	padding: 20px 0px 30px 25px;
	color: #686767;
	border-top: 1px solid #C4CFD8;
	border-bottom: 1px solid #C4CFD8;
	}
	
#homeColumns .callout {
	font-size:120%;
	margin-right: 20px; 
	padding: 10px 10px;
	text-align: center;
	}
	
#homeColumns a img {
	background: #FFF;
	border: 4px solid #C4CFD8;
	padding: 2px;
	float: left;
	margin-right: 5px;
	}
	
#homeColumns a:hover img {
	background: #FFF;
	border: 4px solid #557DA6;
	padding: 2px;
	float: left;
	margin-right: 5px;
	}
	
#leftCol, #middleCol, #rightCol {
	width: 235px;
	font-size: 90%;
	float: left;
	padding-left: 5px;
	}
	
#leftCol, #middleCol {
	margin: 0 106px 0 0;
	}
	
#leftCol ul p, #middleCol ul p, #rightCol ul p {
	padding: 1px 0 0 0;
	margin: 0;
	line-height: 1.3em;
	}
	
#leftCol ul, #middleCol ul, #rightCol ul {
	/*background: url(../images/home_columns_split.jpg) top right no-repeat;*/ 
	padding: 5px 5px 0 0; 
	}
	
#rightCol .noBack {
	background: none;
	}
	
#leftCol li, #middleCol li, #rightCol li {
	padding: 0 0 15px 0;
	overflow: hidden;
	_height: 1%;
	}
	
h3 {
	border-bottom: 2px solid #C4CFD8;
	margin: 0 30px 16px 0;
	padding: 0 0 6px 0;
	color: #0D70B1;
	text-align: center;
	font-size: 150%;
	font-weight: normal;
	}
	
/* ------------------------------------------------------------

	 Footer

------------------------------------------------------------ */
#footer {
	background: #FFF;
	overflow: hidden;
	_height: 1%;
	padding: 20px 20px 20px 20px;
	text-align: center;
	font-size: 90%;
	color: #686767;
	}
/* ------------------------------------------------------------

	 Contact

------------------------------------------------------------ */
#secondaryContent th, #secondaryContent td {
	font-size: 100%;
	color: #686767;
	}
	
#secondaryContent th {
	white-space:nowrap;
	font-weight: normal;
	text-align: left;
	padding: 6px;
	border-bottom: none;
	border-left: none;
	background: none;
	}

#secondaryContent table {
	border-right: none;
	border-top: none;
	margin: 10px 0;
	line-height: 1.5em;
	}

#secondaryContent td {
	border-bottom: none;
	border-left: none;
	padding: 6px;
	vertical-align: top;
	}
	
#secondaryContent td, #secondaryContent th {
	}
	
#rightColContact {
	float: right;
	width: 212px;
	font-size: 95%;
	text-align: center;
	}
	
#rightColContact p {
	padding: 10px 0 10px 0;
	line-height: 1em;
	font-style: italic;
	}
	
#rightColContact img {
	margin: 12px 0;
	}
	
	
/* ------------------------------------------------------------

	 Portfolio

------------------------------------------------------------ */
.portThumbs {
	margin: 20px 0 0 55px;
	clear: left;
	overflow: hidden;
	_height: 1%;
	}

.portThumbs dd {
	float: left;
	margin: 0 10px 10px 0;
	background: #EAEFF4; 
	}
	
.portThumbs a img {
	background: #FFF;
	border: 4px solid #C4CFD8;
	padding: 2px;
	width: 75px;
	}
	
.portThumbs a:hover img {
	background: #FFF;
	border: 4px solid #557DA6;
	padding: 2px;
	}
	
/* ------------------------------------------------------------

	 Awards

------------------------------------------------------------ */
.awards dt {
	font-size: 120%;
	color: #557DA6;
	padding: 0 0 0 8px;
	}
	
.awards dd {
	padding: 0 8px;
	margin: 0 0 20px 0;
	}

.awards h5 {
	font-size: 122%;
	border-bottom: 1px solid #D1D1D1;
	padding-bottom: 4px;
	margin-bottom: 4px;
	}
	
/* ------------------------------------------------------------

	Secondary Page List Styles

------------------------------------------------------------ */
#secondaryContent ul {
	margin: 0 0 0 20px;
	}
	
#secondaryContent li {
	padding: 5px 0;
	list-style: disc;
	}
	
/* ------------------------------------------------------------

	 Misc

------------------------------------------------------------ */	
.rightPhotoBorder {
	background: #FFF;
	border: 4px solid #C4CFD8;
	padding: 0;
	margin: 0;
	}
	
.photoMargin {
	margin: 10px;
	}
	
.rightPhotoCaption {   
   padding: 0; 
   margin: 0 0 0 20px;
   float: right;
   width: 210px;
	background-color: #C4CFD8;
	}
		
.rightPhotoCaption h6 {   
   padding: 0 5px 5px 0; 
   margin: 0;
   font-size: 12px;
   color: #000;
   line-height: 14px;
   font-weight: normal;
   text-align: right;
	}	
	
.rightPhotoNoBorder {
	background: #FFF;
	padding: 0;
	margin: 0;
	float: right;
	}

/* ------------------------------------------------------------

	 Form Fields

------------------------------------------------------------ */
label, input, select, textarea {
	border: 1px solid #BABABA;
	padding: 2px;
	}


/* ------------------------------------------------------------

	scriptaculous

------------------------------------------------------------ */
.drop {
	width: 775px;
	}
	

/* ------------------------------------------------------------

	Abra Content

------------------------------------------------------------ */	
		
.rightAbraContent {
	width: 300px;
	padding: 0;
	margin: 0;
	color: #686767;
	float: right;
	text-align: justify;
	font-style: normal;
	border-left: 1px dashed #852D37;
	}		
.rightAbraContentInner {
	padding: 0 0 0 25px;
	margin: 0;
	}
.leftAbraContent {
	width: 550px;
	padding: 0;
	margin: 0;
	color: #686767;
	float: left;
	text-align: justify;
	font-style: normal;
	}		
.leftAbraContentInner {
	padding: 0;
	margin: 0;
	}
.abraSideImg {
	border: 2px solid #C4CFD8;
	padding: 0;
	margin: 0 0 15px 0;
	}
		
.rightAbraContentCallout {
	padding: 0;
	margin: 0;
	color: #852D37;
	text-align: left;
	font-style: normal;
	border: 1px dashed #852D37;
	background-color: #ecedef;
	}		
.rightAbraContentCalloutInner {
	padding: 8px;
	margin: 0;
	}		
.rightAbraContentCalloutInner p {
	padding: 0;
	margin: 0;
	}	
.rightAbraContentCalloutInner a {
	color: #000;
	}	
	
.newSubHeading {
	font-size: 16px;
	margin: 0;
	padding: 4px 0 4px 0;
	line-height: 19px;
	}
	
	
#secondaryContent .noDiscList {
	font-size: 13px;
	margin: 0 0 0 5px;
	padding: 0;
	}
	
#secondaryContent .noDiscList li {
	font-size: 13px;
	margin: 0;
	padding: 6px 0 6px 0;
	line-height: 19px;
	list-style-type: none;
	}

	
	/* --------------- Abra Photo Gallery ----------- */
.abraPhotoGalleryWrapper {   
   padding: 0; 
   margin: 0 0 15px 0;
	border-bottom: 1px solid #e0dfdf;
	}
	
.abraPhotoGallery {   
   margin: 0 0 15px 0; 
   padding: 0;
	}

	
.abraPhotoGallery ul {   
   padding: 0; 
   margin: 0;
   display: block;
	}
	
		
#secondaryContent .abraPhotoGallery li {   
   padding: 0; 
   margin: 0;
   float: left;
   width: 170px;
   list-style: none;
	}
		
.abraPhotoGallery .newsStrip {   
   padding: 0; 
   margin: 0;
   float: left;
   width: 160px;
	}	
.abraPhotoGallery img {   
	padding: 3px;
	border: 1px solid #e0dfdf;
   margin: 0;
	}
	
#secondaryContent .abraPhotoGalleryWrapper h2 {   
   font-size: 16px;
   margin: 10px 0 20px 0;
   padding: 0 0 8px 0;
   font-weight: normal;
	border-bottom: 1px solid #e0dfdf;
	}