/* CSS Document */
/* PaulEusticeDesign.com main style sheet */
/* Created March 2010 by gotripod.com */


/* Main body definition */
html, body { margin: 0px; padding: 0px; background: #333333 url(../images/head_fade.jpg) repeat-x center top; font-family: "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif; height: 100%; min-height: 100%;}

/* Image defaults */
img{ display: block; }
a img{ border: none; }

/* Default links */
a {color: #ccc; text-decoration: none; }
a:hover{ text-decoration: none; color: #ffffff; border:1px solid #FF6600; border-right:none; border-left:none; }


/* Default headings */
h2, h3, h4 {font-family: Verdana, Geneva, sans-serif; }
h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 16px; color: #93c077; }
h1 { font: 22px/22px Verdana, Geneva, sans-serif, Times, serif; color: #FFFFFF;   }

/* Defautl Paragraph */
p {	font: 12px/14px Verdana, Arial, Helvetica, sans-serif; color:#666; text-align:justify; margin:10px 10px 10px 10px; }

/* DIV used for clearing float alignments */
.clear_floats{clear:both;}

/* Define cursor shape for abbr and acronyms */
abbr, acronym {cursor:help;}

/* the central big black div 100% high */
#black_wrapper { width:1320px; height: auto; min-height: 100%; margin: 0px auto 0px auto; background:#19191a url(../images/green_leaves.gif) no-repeat left top;  }

/* the logo */
#logo { height: 93px; width: 970px; margin: 0px auto 10px auto; padding-bottom:10px; background:url(../images/logo.gif)  no-repeat right top; border-bottom: 1px #ffffff solid; }
#logo h1 { position:absolute; top: 55px; background: url(../images/pedhelv.png) left bottom no-repeat; height: 42px; width: 265px; line-height: 30px; }

/* inner div below the logo area, this holds everything else */
#inner_sanctum { height: auto; width:970px; margin: 0px auto 0px auto; background:../images/bg.jpg;  min-height: 600px;  }

/* The cool rotator area */
#slides {width: 650px; height: 510px;}
#slides h1 { background: #6e7174; width:634px; padding: 5px; margin: 0px; font: 12px/14px Verdana, Geneva, sans-serif; color: #ffffff; }
#cu3er-container {width:644px; outline:0;}

#staticimage-container {width:644px; outline:0;}

/* The menu bit */
#menu { float: right; width: 300px; }
ul#sliding-navigation {	list-style: none; font-size: .85em; padding: 0; }
ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a { display: block; width: 264px; padding: 5px 18px; margin: 0; margin-bottom: 5px; }
ul#sliding-navigation li.sliding-element h3 {color: #ffffff; background:#576058 url(tab_bg.jpg) repeat-y;  font-size: .85em; padding: 0;}
ul#sliding-navigation li.sliding-element a {color: #8dbb1c;	background:#576058 url(tab_bg.jpg) repeat-y; border: 1px solid #1a1a1a;text-decoration: none;}
ul#sliding-navigation li.sliding-element a:hover { color: #ffffff; }


/* page title bit above text below rotator */
#welcome { text-indent: -9999px; background: url(../images/welcome.gif) left top no-repeat; height: 44px; width: 164px; }

/* The main text area div's to get the nice dual columns */
.paragraphs {
	float: left;
	font: 14px/14px Verdana, Geneva, sans-serif;
	color: #ffffff;
	width: 340px;
	margin-top: 10px;
}
.paragraphs1 {
	float: left;
	font: 14px/14px Verdana, Geneva, sans-serif;
	color: #ffffff;
	width: 340px;
	margin-top: 6px;
}
.paragraphs p { float: left; font: 13px/20px Trebruchet, Verdana, Geneva, sans-serif; color: #ffffff;  text-align:left; margin: 0px 10px 10px 0px; padding: 0 10px 0 0;}

.paragraphs1 p { float: left; font: 13px/20px Trebruchet, Verdana, Geneva, sans-serif; color: #ffffff;  text-align:left; margin: 0px 10px 10px 0px; padding: 0 10px 0 0;}

/* The quote block text */
#quote { float:right; background: url(../images/quote.gif) right bottom no-repeat; height: 164px; width: 273px; margin: 20px 0px 0px 0px;}

/* The footer area */
#footer { width: 100%; margin: 0px auto 0px auto; padding-bottom:30px; padding-top: 10px; background:#19191a; }
#foot_left {float: left; font: 12px/14px Verdana, Geneva, sans-serif; color: #ffffff;}
#foot_right {float: right; font: 12px/14px Verdana, Geneva, sans-serif; color: #ffffff;}

/* Our Services stuff */
#OurServices { text-indent: -9999px; height: 44px; width: 206px; background: url(../images/our_services.gif) no-repeat left top;  }
/* The main text area div's to get the nice dual columns */
.service_paragraphs { float: left; font: 14px/14px Verdana, Geneva, sans-serif; color: #ffffff; width: 310px; margin-top: 10px; margin-right: 10px;}
.service_paragraphs p { float: left; font: 14px/20px Verdana, Geneva, sans-serif; color: #ffffff; text-align:left; margin: 0px 0px 20px 0px;}
.service_paragraphs h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 16px; color: #93c077; font-weight:bold; margin-bottom: 0px;}

/* Associates Stuff */
#associates  { text-indent: -9999px; height: 44px; width: 206px; background: url(../images/associates.gif) no-repeat left top;  }

/* Contact Stuff */
#contact  { text-indent: -9999px; height: 44px; width: 206px; background: url(../images/contact.gif) no-repeat left top;  }

/* Contact Stuff */
#clients { text-indent: -9999px; height: 44px; width: 279px; background: url(../images/clients.gif) no-repeat left top; margin-top: 20px; }

/* web Stuff */
#web { text-indent: -9999px; height: 44px; width: 279px; background: url(../images/web.gif) no-repeat left top; margin-top: 20px; }

/* Portfolio Stuff*/
#aston{ text-indent: -9999px; height: 44px; width: 362px; background: url(../images/aston.gif) no-repeat left top; margin-top: 20px; }
#your-move{ text-indent: -9999px; height: 44px; width: 362px; background: url(../images/your-move.gif) no-repeat left top; margin-top: 20px; }
#audit-commission{ text-indent: -9999px; height: 44px; width: 362px; background: url(../images/audit-commission.gif) no-repeat left top; margin-top: 20px; color: #8CAE7A;}
#bjgf{ text-indent: -9999px; height: 44px; width: 520px; background: url(../images/bjgf.gif) no-repeat left top; margin-top: 20px; color: #8CAE7A; }
#ea{ text-indent: -9999px; height: 44px; width: 362px; background: url(../images/ea.gif) no-repeat left top; margin-top: 20px; color: #8CAE7A;}
#earworms{ text-indent: -9999px; height: 44px; width: 362px; background: url(../images/earworms.gif) no-repeat left top; margin-top: 20px; color: #8CAE7A;}
#eef{ text-indent: -9999px; height: 44px; width: 362px; background: url(../images/eef.gif) no-repeat left top; margin-top: 20px; color: #8CAE7A; }
#rmpo{ text-indent: -9999px; height: 44px; width: 362px; background: url(../images/rmpo.gif) no-repeat left top; margin-top: 20px; color: #8CAE7A; }
#southend{ text-indent: -9999px; height: 44px; width: 520px; background: url(../images/southend.gif) no-repeat left top; margin-top: 20px; color: #8CAE7A; }
#truro{ text-indent: -9999px; height: 44px; width: 362px; background: url(../images/truro.gif) no-repeat left top; margin-top: 20px; color: #8CAE7A; }

#qaa{ text-indent: -9999px; height: 44px; width: 362px; background: url(../images/qaa.gif) no-repeat left top; margin-top: 20px; color: #8CAE7A; }