/* **************Site design by Little Bird Web Services ************** */
/*  copyright 2009  */

/* ************ Main Page Styles ********* */

* {
	margin: 0;
	padding: 0;
	}
	
a img {
	border: none;
	}

body {
	background: #c9ccaf;
	color: #3f2300;
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	text-align: center;
	}

p {
	font-size: 0.75em;
	line-height: 1.25em;
	}

a:link, a:visited {
	color: #3f2300;
	text-decoration: underline;
	}
	
a:hover {
	color: #778d32;
	text-decoration: underline;
	}

div#wrapper {
	position: relative;
	width: 969px;
	margin: 5px auto;
	text-align: left;
	background: #f9f9f1 url(../templateImages/wrapper-shadow.jpg) top right repeat-y;
	}
	
.w3c {
	position:absolute;
	top: -4000px;
	left: -4000px;
	}

h1, h2, h3, h4 {
	font-size: 1em;
	}
	
.floatRight {
	float: right;
	}

.floatLeft {
	float: left;
	}

.clear {
	clear: both;
	font-size: 1%;
	}

/* ******* Header styles ******* */

div.header {
	background: url(../templateImages/header-970.jpg) top left no-repeat;
	height: 203px;
	}

#body_error div.header {
	background: url(../templateImages/header-970_missing.gif) -1px 0 no-repeat;
	height: 203px;
	}

/* ********* Navigation Styles ******** */

div.navigation {
	background: url(../templateImages/navBtmBg.gif) bottom left repeat-x;
	height: 75px;
	margin-right:12px;
	}

ul#menu {
	position: relative;
	width: 923px;
	height: 28px;
	background: url(../templateImages/navMenu.gif);
	padding: 0;
	margin: 9px 0 9px 30px;
	}

ul#menu li {
	float: left;
	list-style: none;
	}

#menu li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 28px;
	background: url(../templateImages/navMenu.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	}
	
#menu li.homeNav a {
	left: 0;
	width: 88px;
	background-position: 0 0;
	}
	
#menu li.aboutNav a {
	left: 88px;
	width: 140px;
	background-position: -88px 0;
	}
	
#menu li.serviceNav a {
	left: 228px;
	width: 200px;
	background-position: -228px 0;
	}
	
#menu li.marketingNav a {
	left: 428px;
	width: 200px;
	background-position: -428px 0;
	}

#menu li.portfolioNav a {
	left: 628px;
	width: 157px;
	background-position: -628px 0;
	}
	
#menu li.contactNav a {
	left: 785px;
	width: 138px;
	background-position: -785px 0;
	}

/******** Hover styles **** */	

#menu li.homeNav a:hover {
	left: 0;
	width: 88px;
	background-position: 0 -28px;
	}
	
#menu li.aboutNav a:hover {
	left: 88px;
	width: 140px;
	background-position: -88px -28px;
	}
	
#menu li.serviceNav a:hover {
	left: 228px;
	width: 200px;
	background-position: -228px -28px;
	}
	
#menu li.marketingNav a:hover {
	left: 428px;
	width: 200px;
	background-position: -428px -28px;
	}

#menu li.portfolioNav a:hover {
	left: 628px;
	width: 157px;
	background-position: -628px -28px;
	}
	
#menu li.contactNav a:hover {
	left: 785px;
	width: 138px;
	background-position: -785px -28px;
	}		

/* **** Active nav (you are here styles) **** */
#body_home li.homeNav a {
	background-position: 0 -56px;
	}

#body_about li.aboutNav a {
	background-position: -88px -56px;
	}

#body_service li.serviceNav a {
	background-position: -228px -56px;
	}

#body_marketing li.marketingNav a {
	background-position: -428px -56px;
	}

#body_portfolio li.portfolioNav a {
	background-position: -628px -56px;
	}

#body_contact li.contactNav a {
	background-position: -785px -56px;
	}

/* ******** Main Content Area Styles ******** */

#body_home div.mainContent, #body_contact div.mainContent {
	border-bottom: #e3e6c7 1px solid;
	background: url(../templateImages/smallBird.jpg) 56% 100% no-repeat;
	margin-right: 12px;
	}

div.mainContent {
	border-bottom: #e3e6c7 1px solid;
	margin-right: 12px;
	}

/* ********* Main Column Styles ***** */

div.mainColumn {
	width: 530px;
	float: left;
	padding-bottom: 75px;
	}

#body_about div.mainColumn {
	padding-bottom: 0;
	}

div.mainColumn p {
	padding: 0 0 10px 30px;
	}

div.mainColumn h3 {
	padding: 20px 0 5px 30px;
	font-size: 0.85em;
	}

div.mainColumn img {
	padding: 0 0 10px 30px;
	}

div.callOut {
	background: #e3e6c7 url(../templateImages/homeCallOut_top.gif) top left no-repeat;
	margin-left:30px;
	margin-top: 20px;
	width: 499px;
	}

div.callOutBtm {
	background:url(../templateImages/homeCallOut_btm.gif) bottom left no-repeat;
	height: 49px;
	font-size: 1%;
	margin-left:30px;
	}

div.callOut div {
	float: left;
	width: 248px;
	margin: 25px 0 0 0;
	border-right: #f9f9f1 1px solid;
	}

div.callOut div h3 {
	padding: 0 20px 10px 20px;
	font-size: 1.2em;
	}

div.callOut div p {
	padding: 0 20px 10px 20px;
	font-size: 0.7em;
	}

a.link {
	color: #3f2300;
	font-weight: bold;
	background: url(../templateImages/ro_brw_grn_arrow.gif) 0 3px no-repeat;
	padding: 0 0 0 22px;
	text-decoration: none;
	}

a.link:hover {
	text-decoration: underline;
	color:#778d32;
	background: url(../templateImages/ro_grn-grn_arrow.gif) 0 3px no-repeat;
	}

blockquote {
	background: url(../templateImages/blockquoteStart.gif) top left no-repeat;
	margin-left: 30px;
	margin-bottom: 30px;
	}

div.mainColumn blockquote p {
	padding-left: 10px;
	background: url(../templateImages/blookquoteFinish.gif) 73% 52% no-repeat;
	}

div.mainColumn blockquote.nits p {
	padding-left: 10px;
	background: url(../templateImages/blookquoteFinish.gif) 88% 52% no-repeat;
	}

cite {
	font-weight: bold;
	}

/* ***** Portfolio page styles ******* */

#body_portfolio div.mainColumn {
	width: 600px;
	float: left;
	padding-bottom: 5px;
	}

#body_portfolio div.mainColumn p {
	padding-right: 50px;
	}

#body_portfolio div.mainColumn ul {
	margin: 0 0 0 50px;
	font-size: 0.75em;
	}

#body_portfolio div.mainColumn ul li {
	padding: 3px 0;
	}

div.pfContent {
	padding-bottom: 10px;
	}

div.pfContent img {
	float: right;
	border: #666666 1px solid;
	padding: 0;
	margin: 0 15px 5px 5px;
	}

#body_portfolio	 div.portfolioColumn {
	width: 332px;
	float: right;
	}

div.portfolioColumn p {
	padding: 0 55px 25px 25px;
	}

#body_portfolio	 div.portfolioColumn div.clients {
	width: 302px;
	background: #e3e6c7 url(../templateImages/col2CallOut_top.gif) top left no-repeat;
	margin-bottom: 40px;
	}

#body_portfolio	 div.portfolioColumn div.clients p {
	padding: 15px 25px 10px 25px;
	}

#body_portfolio	 div.portfolioColumn div.clients p.subHead {
	font-size: 0.9em;
	font-weight: bold;
	}

#body_portfolio	 div.portfolioColumn div.clients ul {
	background: url(../templateImages/col2CallOut_btm_flat.gif) bottom left no-repeat;
	padding: 0 20px 30px 50px;
	}

#body_portfolio	 div.portfolioColumn div.clients ul li, #body_portfolio	 div.portfolioColumn div.latestProject ul li {
	line-height: 1.7em;
	font-size: 0.8em;
	}

div.portfolioColumn a.link {
	color: #3f2300;
	font-weight: bold;
	background: url(../templateImages/ro_brw_arrow.gif) 0 3px no-repeat;
	padding: 0 0 0 22px;
	text-decoration: none;
	}

div.portfolioColumn a.link:hover {
	text-decoration: underline;
	color:#778d32;
	background: url(../templateImages/ro_grn_arrow.gif) 0 3px no-repeat;
	}


#body_portfolio	 div.portfolioColumn div.latestProject {
	width: 302px;
	background: #e3e6c7 url(../templateImages/col2CallOut_btm.gif) bottom left no-repeat;
	padding: 0 0 130px 0;
	}

#body_portfolio	 div.portfolioColumn div.latestProject p.projectHead {
	background: url(../templateImages/col2CallOut_top.gif) top left no-repeat;
	font-weight: bold;
	font-size: 0.9em;
	padding: 25px 20px 10px 25px;
	}

#body_portfolio	 div.portfolioColumn div.latestProject img {
	border: #f9f9f1 1px solid;	
	margin-left: 25px;
	}
	
#body_portfolio	 div.portfolioColumn div.latestProject p {
	padding: 0px 25px 20px 25px;
	line-height: 1.5em;
	}

#body_portfolio	 div.portfolioColumn div.latestProject ul {
	padding: 0 50px 20px 50px;
	}

/* ***** Styles for web services page and e-marketing (Equal text columns) ****** */

#body_service div.mainColumn, #body_marketing div.mainColumn {
	width: 455px;
	padding-bottom: 15px;
	}

#body_service div.mainColumn ul, #body_marketing div.mainColumn ul {
	margin: 0 0 0 50px;
	font-size: 0.75em;
	}

#body_service div.mainColumn ul li, #body_marketing div.mainColumn ul li {
	padding: 3px 0;
	}

#body_service div.secondaryColumn, #body_marketing div.secondaryColumn {
	float: right;
	width: 455px;
	background: none;
	}

#body_service div.secondaryColumn p, #body_marketing div.secondaryColumn p {
	position: static;
	font-size: 0.75em;
	padding: 0 30px 10px 0;
	}
	
#body_service div.secondaryColumn h3, #body_marketing div.secondaryColumn h3 {
	padding: 20px 30px 5px 0;
	font-size: 0.85em;
	}

/* ***** full page width call out box ***** */

div.doubleColumnCallOut {
	clear: both;
	background: #e3e6c7 url(../templateImages/fullWidthCallOut_top.gif) top left no-repeat;
	width: 902px;
	margin-left: 30px;
	}
	
div.doubleColumnCallOutBtm {
	background: url(../templateImages/fullWidthCallOut_btm.gif) bottom left no-repeat;
	height: 118px;
	margin-left: 30px;
	}

div.doubleColumnCallOut h3 {
	font-size: 0.9em;
	padding: 0 20px;
	}

div.doubleColumnCallOut p {
	padding: 0 20px 5px 20px;
	}

div.doubleColumnCallOut div {
	float: left;
	width: 299px;
	border-left: #f9f9f1 1px solid;
	}

div.doubleColumnCallOut div img {
	padding: 0 20px 5px 25px;
	}

/* ******** Secondary (Right Hand) Column Styles  ******* */

#body_home div.secondaryColumn,  #body_about div.secondaryColumn, #body_privacy div.secondaryColumn, #body_acknow div.secondaryColumn, #body_testimonial div.secondaryColumn  {
	width: 365px;
	float: right;
	background: url(../templateImages/bg_birdBoard.jpg) 0px 0px no-repeat;
	margin-right: 17px;
	display: inline;
	height: 577px;
	position: relative;
	}

div.secondaryColumn h4 {
	font-size: 0.85em;
	position: absolute;
	top: 20px;
	left:50px;
	}

#body_contact div.secondaryColumn p {
	position: absolute;
	top: -4000px;
	left: -4000px;
	}

div.secondaryColumn p {
	position: absolute;
	top: 35px;
	left:50px
	}

div.secondaryColumn img {
	position: absolute;
	top: 118px;
	left:75px;
	}

div.secondaryCol-404 {
	width: 365px;
	height:385px;
	float: right;
	background: url(../templateImages/404_bird.gif) top left no-repeat;
	}

#body_contact div.secondaryColumn {
	background: url(../templateImages/contactDetails.gif) top left no-repeat;
	height: 520px;
	float: right;
	width: 365px;
	}

/* ******** H2 headline styles / for text replacement ***** */

h2.text_HomeHead {
	padding: 0 0 10px 30px;
	position: relative;
	width: 373px;
	height: 49px;
	}

h2.text_HomeHead span {
	background: url(../images/text_home_head.gif) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	}

h2.text_AboutHead {
	padding: 0 0 10px 30px;
	position: relative;
	width: 387px;
	height: 20px;
	}

h2.text_AboutHead span {
	background: url(../images/text_about_head.gif) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	}

h2.text_ServiceHead {
	padding: 0 0 10px 30px;
	position: relative;
	width: 334px;
	height: 27px;
	}

h2.text_ServiceHead span {
	background: url(../images/text_services_head.gif) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	}

h2.text_ServiceCallOut {
	padding: 15px 0 5px 20px;
	position: relative;
	width: 337px;
	height: 26px;
	}

h2.text_ServiceCallOut span {
	background: url(../images/text_services_dev.gif) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	}

h2.text_MarketingEmailCallOut {
	padding: 15px 0 5px 20px;
	position: relative;
	width: 293px;
	height: 26px;
	}

h2.text_MarketingEmailCallOut span {
	background: url(../images/text_marketing_email.gif) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	}

h2.text_MarketingHead {
	padding: 0 0 10px 30px;
	position: relative;
	width: 339px;
	height: 26px;
	}

h2.text_MarketingHead span {
	background: url(../images/text_emarketing_head.gif) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	}

h2.text_PortfolioHead {
	padding: 0 0 10px 30px;
	position: relative;
	width: 451px;
	height: 49px;
	}

h2.text_PortfolioHead span {
	background: url(../images/text_portfolio_head.gif) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	}

h2.text_PrivacyHead {
	padding: 0 0 10px 30px;
	position: relative;
	width: 342px;
	height: 26px;
	}

h2.text_PrivacyHead span {
	background: url(../images/text_privacy_head.gif) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	}

h2.text_ContactHead {
	padding: 0 0 10px 30px;
	position: relative;
	width: 335px;
	height: 46px;
	}

h2.text_ContactHead span {
	background: url(../images/text_contact_head.gif) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	}

h2.text_AcknowHead {
	padding: 0 0 10px 30px;
	position: relative;
	width: 365px;
	height: 25px;
	}

h2.text_AcknowHead span {
	background: url(../images/text_acknow_head.gif) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	}

h2.text_TestimonialHead {
	padding: 0 0 10px 30px;
	position: relative;
	width: 426px;
	height: 27px;
	}

h2.text_TestimonialHead span {
	background: url(../images/text_testimonial_head.gif) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	}

h2.text_404Head {
	padding: 0 0 10px 30px;
	position: relative;
	width: 383px;
	height: 27px;
	}

h2.text_404Head span {
	background: url(../images/text_404_head.gif) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	}

h4.text_clients {
	padding: 0 0 20px 25px;
	position: relative;
	width: 247px;
	height: 21px;
	}

h4.text_clients span {
	background: url(../images/text_clients.gif) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	}

h4.text_project {
	padding: 0 0 10px 25px;
	position: relative;
	width: 179px;
	height: 26px;
	}

h4.text_project span {
	background: url(../images/text_latestproject.gif) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	}


/* ****** Contact Form Styles ******* */

#body_contact div.mainColumn h3 {
	padding-left: 38px;
	}

#body_contact form {
	background: #f9f9f1 url(../templateImages/formTop.gif) top left no-repeat; 
	width: 423px;
	margin: 0 38px 0 38px;
	}

fieldset {
	border: none;
	background: url(../templateImages/formBtm.gif) bottom left no-repeat;
	padding: 30px 20px 10px 15px;
	}

input.txt {
	border: #c9ccaf 1px solid;
	width: 200px;
	font-size: 1.2em;
	height: 1.4em;
	}

input.btn {
	float: right;
	padding: 0 46px 10px 0;
	}

textarea {
	border: #c9ccaf 1px solid;
	width: 200px;
	font-size: 1.2em;
	height: 100px;
	}

form p {
	clear: left;
	margin:0;
	padding:0;
	padding-top: 10px;
	}

form p label {
	float: left;
	width: 30%;
	}


/* ****** Footer Styles ****** */

div.footer {
	clear: both;
	background: url(../templateImages/footer-970.jpg) bottom left no-repeat;
	height: 61px;
	}

div.footer p {
	padding: 15px 30px;
	font-size: 0.7em;
	}

/********* AUTHORS LANDING PAGE STYLES  ******** */

h2.text_authorHead {
	padding: 0 0 10px 30px;
	position: relative;
	width: 400px;
	height: 49px;
	}

h2.text_authorHead span {
	background: url(../images/text_author_head.gif) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	}

#body_authorLanding div.secondaryColumn  {
	width: 365px;
	float: right;
	background: url(../templateImages/bg_birdBoard.jpg) 0px 0px no-repeat;
	margin-right: 17px;
	margin-top: 35px;
	display: inline;
	height: 700px;
	position: relative;
	}

#body_authorLanding div.callOut ul {
	padding: 0 20px 10px 35px;
	font-size: 0.8em;
}

#body_authorLanding div.callOut p { 
	font-size: 0.8em;
}

#body_authorLanding div.callOut li {
	padding-bottom: 5px;
}

#body_authorLanding p {
	line-height: 1.3;
}

#body_authorLanding div.mainContent {
	border-bottom: #e3e6c7 1px solid;
	background: url(../templateImages/smallBird.jpg) 56% 100% no-repeat;
	margin-right: 12px;
	}