@charset "utf-8";
/* CSS Document */

.clear {
	clear: both;
}

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

h1 {
	position: absolute;
	bottom: 20px;
	left: 27%;
	font-size: 10px;
	color: #999;
}

p {
	padding-bottom: 22px;
}

body#homepage {
	background: url(../images/backg-home.gif) repeat-x left top;
}

body {
	background: url(../images/backg-subs.gif) repeat-x left top;
}

a {
	color: #316499;
	text-decoration: underline;
	-webkit-transition: .25s linear;
}

a:hover {
	color: #fda803;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* ------------------------------------------ masthead and navigation -------------------------------------- */

#masthead {
	width: 960px;
	height: 144px;
	position: relative;
}

#logo {
	width: 231px;
	height: 103px;
	background: url(../images/logo.gif) no-repeat left bottom;
	text-indent: -9999px;
	padding-top: 12px;
}

#logo:hover {
	background: url(../images/logo-hover.gif) no-repeat left bottom;
}

#logo a {
	width: 231px;
	height: 103px;
	display: block;
}

#nav {
	list-style: none;
	position: absolute;
	top: 0;
	right: 20px;
}

#nav li {
	float: left;
	padding: 0 12px;
}

#nav li a {
	height: 32px;
}

/* set button images and hover states AND page indicators!  3 hippos with 1 stone! */
#homeButton a {
	width: 50px;
	background:url(../images/home_b.gif) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#homeButton a:hover,
#homepage #homeButton a {
	background:url(../images/home_b.gif) no-repeat left bottom;
}

#samplesButton a {
	width: 65px;
	background:url(../images/samples_b.gif) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#samplesButton a:hover,
#samplespage #samplesButton a {
	background:url(../images/samples_b.gif) no-repeat left bottom;
}

#servicesButton a {
	width: 66px;
	background:url(../images/services_b.gif) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#servicesButton a:hover,
#servicespage #servicesButton a {
	background:url(../images/services_b.gif) no-repeat left bottom;
}

#aboutButton a {
	width: 51px;
	background:url(../images/about_b.gif) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#aboutButton a:hover,
#aboutpage #aboutButton a {
	background:url(../images/about_b.gif) no-repeat left bottom;
}

#blogButton a {
	width: 41px;
	background:url(../images/blog_b.gif) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#blogButton a:hover,
#blogpage #blogButton a {
	background:url(../images/blog_b.gif) no-repeat left bottom;
}

#resourcesButton a {
	width: 82px;
	background:url(../images/resources_b.gif) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#resourcesButton a:hover,
#resourcesPage #resourcesButton a {
	background:url(../images/resources_b.gif) no-repeat left bottom;
}

#contactButton a {
	width: 63px;
	background:url(../images/contact_b.gif) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#contactButton a:hover,
#contactpage #contactButton a {
	background:url(../images/contact_b.gif) no-repeat left bottom;
}

/* ------------------------------------------ /end masthead and navigation -------------------------------------- */






/* ------------------------------------------ branding -------------------------------------- */

#branding {
	width: 960px;
	height: 69px;
	border: 1px solid #434142;
}

#homepage #branding {
	height: 350px;
	border-style: none;
}

#samplespage #branding {
	background: url(../images/branding-samples.jpg) no-repeat left top;
}

#servicespage #branding {
	background: url(../images/branding-services.jpg) no-repeat left top;
}

#aboutpage #branding {
	background: url(../images/branding-about.jpg) no-repeat left top;
}

#blogpage #branding, #bloggerpage #branding {
	background: url(../images/branding-blog.jpg) no-repeat left top;
}

#resourcespage #branding {
	background: url(../images/branding-resources.jpg) no-repeat left top;
}

#contactpage #branding {
	background: url(../images/branding-contact.jpg) no-repeat left top;
}

#quotepage #branding {
	background: url(../images/branding-quote.jpg) no-repeat left top;	
}

#testimonialspage #branding {
	background: url(../images/branding-testimonials.jpg) no-repeat left top;	
}

#privacypage #branding,
#sitemappage #branding {
	background: url(../images/branding-privacy.jpg) no-repeat left top;	
}



/* ------------------------------------------ /end branding -------------------------------------- */





/* ------------------------------------------ content -------------------------------------- */

#content {
	width: 960px;
	margin-top: 25px;
}

#content h2 {
	padding: 8px 0 0 16px;
	color: #434141;
	font-family: "TradeGothic CondEighteen", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: lowercase;
}

#mainContent h3 {
	font-weight: bold;
	font-size: 16px;
	padding: 0 22px 6px 18px;
}

/* homepage */
#getQuote {
	float: left;
	width: 360px;
	padding-left: 120px;
}

#quotepage #getQuote {
	padding-left: 0;
}

#getQuoteBox {
	background-color: #fda803;
	width: 320px;
	margin: 0 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/pie/PIE.htc);
}

#blogTeaser, #aboutTeaser {
	float: left;
	width: 240px;
}

#blogTeaser h3,
#blogTeaser p,
#aboutTeaser p,
#mainContent p,
#sidebar p {
	padding: 0 22px 22px 18px;
	text-align: justify;
}

#aboutTeaser h3 {
	padding: 0 22px 12px 18px;
	text-align: justify;
	font-weight: bold;
}

#blogTeaser h3,
#blogTeaser .blogDate {
	padding-bottom: 0;
	font-weight: bold;
}

/* contact form on homepage */
#contactForm fieldset {
	float: left;
}

#contactDetails {
	width: 45%;
	border-right: 1px solid #e69b0a;
	padding: 4px 6px 0 10px;
	margin-bottom: 10px;
}

#contactDetailsExpanded {
	width: 90%;
	padding: 4px 6px 0 10px;
	margin-bottom: 10px;	
}

#contactDetails input,
#contactDetailsExpanded input {
	width: 130px;
	display: block;
	margin: 0 0 15px 0;
	color: #9f9d9d;
}

#contactDetailsExpanded input {
	width: 250px;
}

#contactDetails label b,
#spotRun p,
#contactDetailsExpanded label b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#spotRun {
	width: 40%;
	padding: 4px 6px 10px 10px;
}

#spotRun span,
.quoteQuestion b {
	display: block;
	padding: 0 0 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.quoteQuestion {
	width: 90%;
	padding: 4px 6px 10px 0px;
}

.quoteQuestion p {
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#messageBox {
	margin: 4px 6px 10px 10px;

}

#submitButton {
	margin: 25px 0;
}

#submitButton2 {
	width: 130px;
	margin-top: 14px;
	margin-left: 20px;
}

/* subpages */
#mainContent {
	width: 360px;
	float: left;
	margin-left: 240px;
}

#blogpage #mainContent,
#quotepage #mainContent {
	width: 600px;
}

#sidebar {
	width: 240px;
	float: left;
}

blockquote {
	font-style: italic;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px dotted #aeadad;
}

blockquote p strong {
	display: block;
}

cite {
	text-align: right;
	font-style: normal;
	font-weight: bold;
}

cite span {
	display: block;
	padding-right: 22px;
	font-size: 12px;
}

/* samples */
#samplesCategoryList,
.addressList {
	list-style: none;
	padding: 0 22px 22px 18px;
}

#samplesCategoryList li {
	padding-bottom: 20px;
}

.samplesEntry {
	display: block;
	clear: both;
	margin: 0 0 40px 15px;
	position: relative;
	width: 345px;
}

.sampleTitle {
	font-size: 16px;
	font-weight: bold;
}

.sampleIcon {
	float: left;
	position: absolute;
	top: 3px;
	left: -90px;
	opacity: 1;
	-webkit-transform: rotate(0deg) scale(1);
	-webkit-transition: .25s linear;
}

.sampleIcon:hover {
	-webkit-transform: rotate(370deg) scale(1.05);
}




/* ------------------------------------------ footer -------------------------------------- */

#footer {
	clear: both;
	width: 960px;
	height: 84px;
	padding: 55px 0 30px 0;
}

#footer p {
	padding: 25px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
}

#footerNavBox {
	width: 440px;
	height: 50px;
	text-align: center;
	float: right;
	margin-right: 20px;
	background-color: #fda803;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/pie/PIE.htc);

}

#footerNav {
	list-style-type: none;
	padding-top: 12px;
}

#footerNav li {
	display: inline;
	padding: 0 10px;
}

#footerNav a {
	color: #774f01;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: lowercase;
	text-decoration: none;
}

#footerNav a:hover {
	color: #4c4b4a;
	text-decoration: underline;
}
/* ------------------------------------------ Sitemap Page -------------------------------------- */
ul#sitemap {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style-type: none;
}
ul#sitemap ul {
	margin: 0px 0px 0px 40px;
	padding: 0px;
	list-style-type: none;
}
/* ------------------------------------------ Blogger Only -------------------------------------- */
#navbar-iframe {
display: none;
}
#bloggerpage #content h2 {
	padding: 8px 0 0 0px;
}
#bloggerpage #content p {
	padding: 8px 0 12px 0px;
}
#bloggerpage #sidebar ul {
	padding: 0px 0px 20px 50px;
}
#bloggerpage h3 {
	font-size: 16px;
	font-weight: bold;
}
#bloggerpage #mainContent div {
	padding: 0px;
	text-align: justify;
}
#bloggerpage #mainContent {
	text-align: justify;
	padding: 0px 25px 0px 8px;
}
p#postedBy {
	font-weight: bold;
}
/* ------------------------------------------ /Blogger Only -------------------------------------- */



/*---------------------------------------------- sIfr -----------------------------------*/

/*================================== sIFR al rescante! http://www.mikeindustries.com/sifr/ */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced { 
	visibility: visible !important; 
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash h2 { 
	visibility: hidden 
}