@charset "UTF-8";
html {height:100%;}
body {
	position:relative;
	height:100%;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-size: 100%;/*16px;*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
	background-color: #000000;
	background-image: url(images/00240_green_1440x900.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	
}
* prepares the background image to full capacity of the viewing area */
#bg {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:0}
#bg img {
width: 100%;
min-height: 100%;
height: auto;
display: block;
}
.oneColFixCtrHdr #container {
	z-index:1;
	width: 918px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	padding: 0 0 0 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	position: relative;
	background-image: url(images/panelHeader.png);
	height: 138px;
	width: 918px;
	margin: 42px 0 20px 0;
	text-align: right;
}
.oneColFixCtrHdr #header div.MenuBarWrapper {
	position: absolute;
	/*top: 10px;
	left: 370px;*/
	right: 0px;
	padding: 0;
	margin-top: 10px;
	margin-right: 10px;
	/*border: solid 1px #ff0000;*/
	text-align: right;
}

.oneColFixCtrHdr #container #mainContent {
	position: relative;
	width: 918px;
	height: 418px;
	background-image: url(images/panelMain.png);
	background-repeat: no-repeat;
	color: #dddddd;
	padding: 25px 25px 0px 25px;
	font-size: 100%;
}
/*
.oneColFixCtrHdr #container #mainContent a,
.oneColFixCtrHdr #container #mainContent a:visited {
	color: #f7941d;
}
.oneColFixCtrHdr #container #mainContent a:hover,
.oneColFixCtrHdr #container #mainContent a:active {
	color: #ffad38;
}
*/
a, a:visited {
	color: #f7941d;
}
a:hover, a:active {
	color: #ffad38;
}

.oneColFixCtrHdr #container #mainContent p {
	line-height: 23px;
	width: 530px;
}
#mainContent p.dateWritten {
	font-style:italic;
	font-size: 90%;
}
.oneColFixCtrHdr #container #SecondaryContent #col1 p,
.oneColFixCtrHdr #container #SecondaryContent #col2 p {
	line-height: 23px;
}
.oneColFixCtrHdr #container #SecondaryContent p.rightside {
	position: relative;
	left: 290px;
	float:left;
	line-height: 23px;
	width: 580px;
}
.oneColFixCtrHdr #container #mainContent #HomeHeaderWrapper {
	width: 537px;
	height: 76px;
	background-image: url(images/FireSnake_Designs_Homepage_ContentHeader.png);
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #container #mainContent #ServicesHeaderWrapper {
	width: 168px;
	height: 27px;
	background-image: url(images/FireSnake_WebDesign_Our_Services.png);
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #container #mainContent #ShowcaseHeaderWrapper {
	width: 187px;
	height: 27px;
	background-image: url(images/FireSnake_Web_Design_Our_Showcase.png);
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #container #mainContent #AboutUsHeaderWrapper {
	width: 120px;
	height: 27px;
	background-image: url(images/FireSnake_Web_Designs_About_Us.png);
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #container #mainContent #TestimonialsHeaderWrapper {
	width: 162px;
	height: 27px;
	background-image: url(images/FireSnake_Website_Designs_Testimonials.png);
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #container #mainContent #ContactUsHeaderWrapper {
	width: 141px;
	height: 27px;
	background-image: url(images/FireSnake_Website_Designs_Contact_Us.png);
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #container #mainContent #WhyWebsiteHeaderWrapper {
	width: 347px;
	height: 36px;
	background-image: url(images/Why_Do_I_Need_A_Website.png);
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #container #mainContent #ArticlesWebsiteDesignHeaderWrapper {
	width: 521px;
	height: 27px;
	background-image: url(images/Articles_On_Websites_For_Small_Business.png);
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #container #mainContent #frog1 {
	position: absolute;
	
	left: 642px;
	top: 8px;
	width: 198px;
	height: 400px;
	background-image: url(images/frog1.png);
}

.oneColFixCtrHdr #container #mainContent #frog2 {
	position: absolute;
	left: 603px;
	top: 107px;
	width: 305px;
	height: 301px;
	background-image: url(images/frog2.png);
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #container #mainContent #frog3 {
	position: absolute;
	left: 541px;
	top: 183px;
	width: 367px;
	height: 226px;
	background-image: url(images/frog3.png);
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #container #mainContent #frog4 {
	position: absolute;
	left: 516px;
	top: 171px;
	width: 389px;
	height: 237px;
	background-image: url(images/frog4.png);
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #container #mainContent #frog5 {
	position: absolute;
	left: 568px;
	top: 158px;
	width: 310px;
	height: 250px;
	background-image: url(images/frog5.png);
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #container #mainContent #frog6 {
	position: absolute;
	left: 632px;
	top: 8px;
	width: 209px;
	height: 400px;
	background-image: url(images/frog6.png);
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #container #mainContent #frog7 {
	position: absolute;
	left: 476px;
	top: 183px;
	width: 433px;
	height: 225px;
	background-image: url(images/frog7.png);
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #container #mainContent #frog8 {
	position: absolute;
	left: 490px;
	top: 183px;
	width: 376px;
	height: 224px;
	background-image: url(images/frog8.png);
	background-repeat: no-repeat;
}
/*
.oneColFixCtrHdr #container #mainContent ul {
	list-style-type: none;
	padding: 0;
	margin-left: 1em;
}

.oneColFixCtrHdr #container #mainContent li
{
	background-image: url(images/li_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1.0em;
}
*/
.oneColFixCtrHdr #container #mainContent #HomeHeaderWrapper h1,
.oneColFixCtrHdr #container #mainContent #ServicesHeaderWrapper h1,
.oneColFixCtrHdr #container #mainContent #ShowcaseHeaderWrapper h1,
.oneColFixCtrHdr #container #mainContent #AboutUsHeaderWrapper h1,
.oneColFixCtrHdr #container #mainContent #TestimonialsHeaderWrapper h1,
.oneColFixCtrHdr #container #mainContent #ContactUsHeaderWrapper h1,
.oneColFixCtrHdr #container #mainContent #WhyWebsiteHeaderWrapper h1,
.oneColFixCtrHdr #container #mainContent #ArticlesWebsiteDesignHeaderWrapper h1 {
	display:none;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	display: none;
}
.oneColFixCtrHdr #footer {
	position:relative;
	margin: -10px 0 60px 0 ;
	padding: 0 0;
	width: 918px;
	height: 69px;
	background-image: url(images/panelFooter.png);
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #footer div.MenuBarWrapper {
	position:absolute;
	margin-top: 5px;
	margin-left: 10px;
	/*text-align:right;*/
	/*padding: 5px 0 0 10px;*/
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.oneColFixCtrHdr #footer #backToTop {
	position: absolute;
	font-size: 90%;
	text-align:right;
	margin: 22px 20px 0px 0px;
	right: 5px;
}
.oneColFixCtrHdr #container #footer #copyRight {
	position: absolute;
	width: 500px;
	height: 20px;
	top: 70px;
	font-size: 90%;
	color: #333333;
	font-weight: 700;
	left: 25px;
}
.oneColFixCtrHdr #container #header #logo {
	position: absolute;
	left: 27px;
	top: 54px;
	width: 292px;
	height: 43px;
	background-image: url(images/FireSnake_Designs_Website_Design_Logo.png);
}
.oneColFixCtrHdr #footer #backToTop a, .oneColFixCtrHdr #footer #backToTop a.visited
{
	color: #dfdfdf;
	text-decoration: none;
}
.oneColFixCtrHdr #footer #backToTop a:hover, .oneColFixCtrHdr #footer #backToTop a:active
{
	color: #f7941d;
	text-decoration: none;
}
div.MenuBar
{
	/*font-family: "Arial Narrow", Helvetica,  Arial, sans-serif;
	font-size: 14px;*/
	font-size: 90%;
	text-align: right;
}

div.MenuBar ul
{
	padding-left: 0;
	margin-left: 0;
	color: #dfdfdf;
	float: left;
	
}

div.MenuBar ul li { display: inline; }

div.MenuBar ul li a
{
	padding: 0.2em 1em;
	color: #dfdfdf;
	text-decoration: none;
	float: left;
	border-right: 1px solid #dfdfdf;
}
div.MenuBar ul li a.last
{
	padding: 0.2em 1em;
	color: #dfdfdf;
	text-decoration: none;
	float: left;
	border-right: 0px solid #dfdfdf;
}

div.MenuBar ul li a:hover, div.MenuBar ul li a.last:hover
{
	color: #f7941d;
}
.oneColFixCtrHdr #container #mainContent h1 {
	margin: 0px 0px -10px 0px;
	font-size: 180%;
	font-weight: normal;
	color: #f7941d;
}
.oneColFixCtrHdr #container #mainContent h3 {
	margin-bottom: -10px;
	font-size: 160%;
	font-weight: normal;
	color: #f7941d;
}
.oneColFixCtrHdr #container #mainContent h4 {
	margin-bottom: -10px;
	font-size: 140%;
	font-weight: normal;
	color: #f7941d;
}
.oneColFixCtrHdr #container #SecondaryContentHeader {
	background-image: url(images/panelGenericTop.png);
	background-repeat: no-repeat;
	height: 18px;
	width: 918px;
	margin-bottom: 0px;
	margin-top: -10px;
}
.oneColFixCtrHdr #container #SecondaryContent {
	background-image: url(images/panelGenericMiddle.png);
	background-repeat: repeat-y;
	margin: 0px;
	width: 918px;
	padding: 5px 25px 15px 25px;
	line-height: 23px;
}
.oneColFixCtrHdr #container #SecondaryContentFooter {
	background-image: url(images/panelGenericBottom.png);
	background-repeat: no-repeat;
	margin: 0px 0px 20px 0px;
	height: 20px;
	width: 918px;
}
.oneColFixCtrHdr #container #SecondaryContent h1 {
	font-size: 150%;
	color: #f7941d;
	margin: 5px 0 0 0;
	font-weight: normal;
}
.oneColFixCtrHdr #container #SecondaryContent h2 {
	font-size: 115%;
	color: #f7941d;
	margin-top: 0px;
	font-weight: normal;
	margin-bottom: -14px;
}
.oneColFixCtrHdr #container #SecondaryContent #col1 {
	float: left;
	width: 580px;
	margin: 0;
	padding: 0 20px 0 0;
	border-right: 1px solid gray;
}
.oneColFixCtrHdr #container #SecondaryContent #col2 {
	margin-left: 620px;
	width: 250px;
	font-size: 85%;
}
.alternate
{
	background-image: url(images/paragraph_alternate_bg.png);
}

#showcase {
	width: 870px;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#showcase li {
	background-color: #333333;
	margin: 24px 0 20px 0;	
	text-align: left;
	/*height: 270px;*/
	height: 420px;
	width: 870px;
	position: relative;
}

#showcase li dl{
	float: left;
	display: inline;
	width: 270px;
	padding: 0;
	margin: 20px 0 0 10px;
	overflow: auto;
	text-align: left;
	font-size: .8em;
	line-height: 1.6em;
	position: relative;
}

#showcase li h2{
	padding: 10px 10px 10px 10px;
}

#showcase li dt{
	float: left;
	width: 60px;
	margin: 0;
	clear: both;
	font-weight: normal;
	text-align: left;	
	text-transform: uppercase;
}
#showcase  li dd {
	float: left;
	width: 180px;
	margin: 0;
	text-align: left;
}

#showcase li img {
	padding: 10px;
	margin: 0;
	background: transparent;
	position: absolute;
	right: 0;
	top: 0;
}

.pds-votebutton-outer a[href='http://www.polldaddy.com']
{
display: none;
}

#col1 div.quoteRight 
{
	float: right;
	clear: both;
	display: inline;
	width: 250px;
	padding: 20px 0px 10px 10px;
	font-style:italic;
	font-size: 150%;
	font-family:"Book Antiqua", "Times New Roman", Times, serif;
	line-height: 120%;
	color: #f7941d;
}

#col1 div.quoteLeft
{
	float: left;
	clear: both;
	display: inline;
	width: 250px;
	padding: 0px 0px 10px 0px;
	font-style:italic;
	font-size: 150%;
	font-family:"Book Antiqua", "Times New Roman", Times, serif;
	line-height: 120%;
	color: #f7941d;
}.oneColFixCtrHdr #container #mainContent em {
	color: #f7941d;
}
span.quote {
	font-family: serif;
	
}