@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
hr {
	margin-left: 5px;
	width: 90%;
	height: 1px;
	border-bottom-style: dashed;
	color: #CCCCCC;
}
li {
	list-style-type: none;
}
.listyled  {
	list-style-type: disc;
	list-style-position: inside;
}



img {
	border: 0;
}
html {
	height: 100%;
}
body {
	text-align: center;
	min-width: 920px;
	background-color: #282d33;
	color: #CCCCCC;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 130%;
	text-shadow: 0 0 0 #000;
	letter-spacing: 1px;
}
b {
	letter-spacing: 2px;
	text-shadow: 0 0 0 #000;

}


a {
	color: #FFCC33;
	text-decoration: none;
}
a:hover {
	color: #CCFF00;
	text-decoration: underline;
}


#fx-title {
	width: 900px;
	background-image: url(images/huntsville-webdesign-logo.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	text-align: left;
	padding-top: 293px;
}
#fx-title-bg {
	height: 346px;
	width: 100%;
	background-image: url(images/fx-heading-bg.jpg);
	background-repeat: repeat-x;
}
#content-wrapper {
	width: 920px;
	text-align: left;
	margin: 0 auto;
	clear: both;
	padding-top: 20px;
}
#main-content {
	width: 558px;
	background-image: url(images/stretch-box-a.gif);
	background-repeat: repeat-y;
	float: left;
	overflow: hidden;
}
#main-content  p {
	padding: 0 25px 30px 33px;
}

#top-main-box {
	background-image: url(images/top-box-a.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 14px;
}
#bottom-main-box {
	background-image: url(images/bottom-box-a.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 30px;
	overflow: hidden;
	clear: both;
}
#contact-box {
	width: 349px;
	background-image: url(images/stretch-content-box.gif);
	background-repeat: repeat-y;
	float: left;
	overflow: visible;
}
#contact-box p {
	margin-left: 20px;
	margin-right: 20px;

}
#contact-box  ul {
	margin-left: 20px;
	margin-right: 20px;
	list-style-type: none;
}


#top-contact-box {
	background-image: url(images/top-contact-box.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 14px;
}
#bottom-contact-box {
	background-image: url(images/bottom-content-box.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 30px;
	overflow: hidden;
	clear: both;
}
.contactlist {
	list-style-type: none;
	margin-left: 33px;
	line-height: 130%;
	font-size: 16px;
}
#box-a {
	width: 349px;
	background-image: url(images/businesscard-design.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 172px;
	overflow: hidden;
}
#box-a    p {
	padding: 0 20px;
	font-size: 12px;
}

#box-b {
	width: 349px;
	background-image: url(images/wacom-tablet.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 171px;
	overflow: hidden;
}
#box-b   p {
	padding: 0 20px;
	font-size: 12px;
}
#box-b li {
	padding: 0 20px;
	font-size: 12px;
	list-style-type: none;
}

#box-c {
	width: 349px;
	background-image: url(images/webdesign-worldwide.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 165px;
	overflow: hidden;
}
#box-c    p {
	padding: 0 20px;
	font-size: 12px;
}
#box-d {
	width: 349px;
	background-image: url(images/web-site-ideas.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 178px;
	overflow: hidden;
}
#box-d     p {
	padding: 0 20px;
	font-size: 12px;
}
#box-e {
	width: 349px;
	background-image: url(images/estimate-block.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 160px;
	overflow: hidden;
}
#box-e     p {
	padding: 0 20px;
	font-size: 12px;
}
#mini-portfolio {
	width: 508px;
	margin-left: 26px;
}
/* ------------------------------------NAVIGATION MENU -------------------------- */
#mini-portfolio p {
	margin: 0;
	padding: 5px;

}

#photo-box {
	width: 350px;
	float: left;
	margin-top: 5px;
}
#photo-box p {
	margin-left: 10px;

}
#photo-box ul {
	margin-left: 20px;
	font-size: 85%;
	line-height: 120%;
}

#fullportfolio {
	margin-left: 33px;
	width: 500px;
	clear: left;
	position: relative;
}
#fullportfolio p {
	margin: 5px 25px 5px 0;
	padding: 0;
}
.readmore-a {
	background-image: url(images/readmore-a.gif);
	background-repeat: no-repeat;
	width: 88px;
	height: 34px;
	margin-left: 20px;
	margin-top: 35px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	line-height: 25px;
}
.readmore-a  a {
	color: #FFFFFF;
	text-decoration: none;
}
.readmore-a  a:hover {
	text-decoration: underline;
	color: #CCFF00;
}
.readmore-b {
	background-image: url(images/readmore-b.gif);
	background-repeat: no-repeat;
	width: 88px;
	height: 34px;
	margin-left: 20px;
	margin-top: 8px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	line-height: 28px;
}

.readmore-b a {
	color: #FFFFFF;
	text-decoration: none;
}
.readmore-b a:hover {
	text-decoration: underline;
	color: #CCFF00;
}

.readmore-c {
	background-image: url(images/readmore-c.gif);
	background-repeat: no-repeat;
	width: 88px;
	height: 34px;
	margin-left: 20px;
	margin-top: 20px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	line-height: 28px;
}
.readmore-c  a {
	color: #FFFFFF;
	text-decoration: none;
}
.readmore-c  a:hover {
	text-decoration: underline;
	color: #CCFF00;
}
.readmore-d {
	background-image: url(images/readmore-d.gif);
	background-repeat: no-repeat;
	width: 88px;
	height: 34px;
	margin-left: 20px;
	margin-top: 25px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	line-height: 28px;
}
.readmore-d   a {
	color: #FFFFFF;
	text-decoration: none;
}
.readmore-d   a:hover {
	text-decoration: underline;
	color: #CCFF00;
}
.readmore-e {
	background-image: url(images/readmore-e.gif);
	background-repeat: no-repeat;
	width: 88px;
	height: 34px;
	margin-left: 20px;
	margin-top: 10px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	line-height: 25px;
}
.readmore-e   a {
	color: #FFFFFF;
	text-decoration: none;
}
.readmore-e   a:hover {
	text-decoration: underline;
	color: #CCFF00;
}

.browserz {
	background-image: url(images/website-portfolio.jpg);
	background-repeat: no-repeat;
	width: 165px;
	height: 155px;
	margin-left: 33px;
	text-indent: -9999px;
}
.servicebanner {
	background-image: url(images/service-banner.jpg);
	background-repeat: no-repeat;
	width: 305px;
	height: 170px;
	margin-left: 33px;
	text-indent: -9999px;
}

.paintbrush {
	background-image: url(images/digital-pain-brush.jpg);
	background-repeat: no-repeat;
	width: 230px;
	height: 180px;
	margin-left: 33px;
	text-indent: -9999px;
}

.rightalign {
	float: right;
}
.ttl-googlestar {
	background-image: url(images/become-a-google-star.gif);
	background-repeat: no-repeat;
	width: 445px;
	height: 50px;
	margin-left: 33px;
	text-indent: -9999px;
	margin-top: 15px;
}







.ttl-canvas {
	background-image: url(images/web-design-canvas.gif);
	background-repeat: no-repeat;
	width: 445px;
	height: 50px;
	margin-left: 33px;
	text-indent: -9999px;
	margin-top: 15px;
}
.ttl-greatidea {
	background-image: url(images/great-web-ideas.gif);
	background-repeat: no-repeat;
	width: 400px;
	height: 50px;
	margin-left: 33px;
	text-indent: -9999px;
	margin-top: 15px;
}
.ttl-host {
	background-image: url(images/muskoka-hosting.gif);
	background-repeat: no-repeat;
	width: 370px;
	height: 50px;
	margin-left: 33px;
	text-indent: -9999px;
	margin-top: 15px;
}
.ttl-services {
	background-image: url(images/muskoka-web-design-services.gif);
	background-repeat: no-repeat;
	width: 340px;
	height: 50px;
	margin-left: 33px;
	text-indent: -9999px;
	margin-top: 15px;
}
.ttl-contact {
	background-image: url(images/contact-web-design.gif);
	background-repeat: no-repeat;
	width: 370px;
	height: 50px;
	margin-left: 33px;
	text-indent: -9999px;
	margin-top: 15px;
}
.ttl-design {
	background-image: url(images/design-newmedia.gif);
	background-repeat: no-repeat;
	width: 220px;
	height: 50px;
	margin-left: 33px;
	text-indent: -9999px;
	margin-top: 15px;
}
.ttl-featured {
	background-image: url(images/feature-web-design.gif);
	background-repeat: no-repeat;
	width: 215px;
	height: 50px;
	margin-left: 33px;
	text-indent: -9999px;
	margin-top: 5px;
}
.ttl-passion {
	background-image: url(images/fx-studio-passion.gif);
	background-repeat: no-repeat;
	width: 275px;
	height: 50px;
	margin-left: 33px;
	text-indent: -9999px;
	margin-top: 20px;
}
.ttl-bonus {
	background-image: url(images/bonus-features.gif);
	background-repeat: no-repeat;
	width: 170px;
	height: 50px;
	margin-left: 33px;
	text-indent: -9999px;
	margin-top: 5px;
}

.ttl-explore {
	background-image: url(images/explore-website-design.gif);
	background-repeat: no-repeat;
	width: 215px;
	height: 40px;
	margin-left: 15px;
	text-indent: -9999px;
	margin-top: 15px;
}
.ttl-creative {
	background-image: url(images/print-creativity.gif);
	background-repeat: no-repeat;
	width: 215px;
	height: 40px;
	margin-left: 15px;
	text-indent: -9999px;
	margin-top: 15px;
}
.ttl-estimate {
	background-image: url(images/quote-web-design.gif);
	background-repeat: no-repeat;
	width: 215px;
	height: 40px;
	margin-left: 15px;
	text-indent: -9999px;
	margin-top: 15px;
}
.ttl-hosting {
	background-image: url(images/hosting-packages.gif);
	background-repeat: no-repeat;
	width: 185px;
	height: 40px;
	margin-left: 15px;
	text-indent: -9999px;
	margin-top: 10px;
}
.ttl-ideas {
	background-image: url(images/great-web-site.gif);
	background-repeat: no-repeat;
	width: 145px;
	height: 40px;
	margin-left: 15px;
	text-indent: -9999px;
	margin-top: 10px;
}
.ttl-thecompany {
	background-image: url(images/web-design-the-company.gif);
	background-repeat: no-repeat;
	width: 360px;
	height: 50px;
	margin-left: 33px;
	text-indent: -9999px;
	margin-top: 15px;
}
.ttl-creativeminds {
	background-image: url(images/creative-minds.gif);
	background-repeat: no-repeat;
	width: 380px;
	height: 50px;
	margin-left: 33px;
	text-indent: -9999px;
	margin-top: 5px;
}
.ttl-questions {
	background-image: url(images/website-questions.gif);
	background-repeat: no-repeat;
	width: 175px;
	height: 50px;
	margin-left: 30px;
	text-indent: -9999px;
	margin-top: 10px;
}
.ttl-thanks {
	background-image: url(images/thank-you.gif);
	background-repeat: no-repeat;
	width: 295px;
	height: 50px;
	margin-left: 33px;
	text-indent: -9999px;
	margin-top: 15px;
}
.ttl-artists {
	background-image: url(images/artist-dayoff.gif);
	background-repeat: no-repeat;
	width: 335px;
	height: 30px;
	text-indent: -9999px;
}
.ttl-clients {
	background-image: url(images/client-testimonial.gif);
	background-repeat: no-repeat;
	width: 200px;
	height: 35px;
	text-indent: -9999px;
	margin-top: 15px;
	margin-left: 20px;
}
.ttl-photographer {
	background-image: url(images/ontario-photographers.gif);
	background-repeat: no-repeat;
	width: 270px;
	height: 35px;
	text-indent: -9999px;
	margin-left: 10px;
}
.ttl-canwehelp {
	background-image: url(images/help-with-design.gif);
	background-repeat: no-repeat;
	width: 250px;
	height: 45px;
	text-indent: -9999px;
	margin-top: 15px;
	margin-left: 33px;
}
.ttl-findus {
	background-image: url(images/find-fx-web.gif);
	background-repeat: no-repeat;
	width: 225px;
	height: 45px;
	text-indent: -9999px;
	margin-top: 15px;
	margin-left: 33px;
}
.ttl-payment {
	background-image: url(images/payment-methods.gif);
	background-repeat: no-repeat;
	width: 240px;
	height: 30px;
	text-indent: -9999px;
	margin-top: 15px;
	margin-left: 25px;
}
.ttl-service {
	font-size: 2em;
	margin-left: -2px;
	color: #7CA600;
	font-weight: lighter;
	line-height: 130%;
}


.facebooktab {
	background-image: url(images/facebook-tab.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 33px;
	width: 300px;
	height: 33px;
	line-height: 30px;
}
.facebooktab b {
	margin-left: 40px;
}
.muskokatab {
	background-image: url(images/muskoka-direct-tab.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 33px;
	width: 300px;
	height: 33px;
	line-height: 30px;
}
.muskokatab  b {
	margin-left: 40px;
}
.hotfrogtab    b {
	margin-left: 40px;
}
.hotfrogtab {
	background-image: url(images/hot-frog-listing.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 33px;
	width: 300px;
	height: 33px;
	line-height: 30px;
}
.diggtab {
	background-image: url(images/digg-muskoka-web-design.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 33px;
	width: 300px;
	height: 33px;
	line-height: 30px;
}
.diggtab      b {
	margin-left: 40px;
}
.twittab {
	background-image: url(images/twitter-huntsville-web-designer.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 33px;
	width: 300px;
	height: 33px;
	line-height: 30px;
}
.twittab       b {
	margin-left: 40px;
}




#footer {
	height: 193px;
	clear: both;
	background-image: url(images/footer-stretch.gif);
	background-repeat: repeat-x;
	text-align: left;
}

#footerwrap {
	width: 900px;
	margin: 0 auto;
}
#footer li {
	list-style-type: none;

}

#footer-left {
	width: 610px;
	float: left;
	padding-top: 15px;
}
#footer-base {
	width: 900px;
	margin: 0 auto;
	clear: both;
}
#footer-studio {
	width: 272px;
	height: 106px;
	float: left;
	background-image: url(images/design-studio.gif);
	background-repeat: no-repeat;
}
/* ------------------------------------NAVIGATION MENU -------------------------- */
#navcontainer {
	width: 486px;
	height: 53px;
	margin-left: 25px;
}

ul#nav {
	background:url(images/navfx.jpg);
}
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:53px; display:block; text-indent:-9999px; outline:none }

li#navhome a, li#navportfolio a, li#navservices a, li#navabout a ,li#navcontact a { background:url(images/navfx.jpg) }

li#navhome a 								{ background-position:0 0; width:93px; left:0 }
li#navhome a:hover 							{ background-position:0 -53px }
body#sitehome li#navhome a					{ background-position:0 -53px }

li#navportfolio a 							{ background-position:-93px 0; width:96px; left:93px }
li#navportfolio a:hover 					{ background-position:-93px -53px }
body#siteportfolio li#navportfolio a		{ background-position:-93px -53px }

li#navservices a 							{ background-position:-189px 0; width:94px; left:189px }
li#navservices a:hover 						{ background-position:-189px -53px }
body#siteservices li#navservices a			{ background-position:-189px -53px }

li#navabout a 								{ background-position:-283px 0; width:97px; left:283px }
li#navabout a:hover 						{ background-position:-283px -53px }
body#siteabout li#navabout a				{ background-position:-283px -53px }

li#navcontact a 							{ background-position:-380px 0; width:106px; left:380px }
li#navcontact a:hover 						{ background-position:-380px -53px }
body#sitecontact li#navcontact a			{ background-position:-380px -53px }


#aform fieldset *:last-child  {
	margin-bottom: 5px;
}

#aform fieldset label  {
	display: block;
	text-align: left;
	width: 150px;
}

#aform fieldset *  {
	font: 14px;
	margin-bottom: 5px;
}

#aform fieldset  {
   border: none;
}

#formsizera  {
	visibility: visible;
	width: 290px;
	position: relative;
	padding: 10px;
}

#aform  {
	visibility: visible;
	z-index: 2;
	width: 275px;
	padding-left: 15px;
}
.sendleft  {
	text-align: left;
	width: 75px;
}

#hostbox {
	padding: 4px;
	margin: 0 20px 0 10px;
	width: 95%;
}

#hosttable {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 100%;
	color: #CCCCCC;
}
.moreinfo  {
	height: 20px;
	width: 20px;
	display: block;
	margin:5px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;

}
.bestplan {
	background-color:#062335;
	width:20%;
	}

.one {
	background-color: #282E3A;
	line-height: 25px;
}
.red13px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 25px;
	padding: 5px;
}
.smll-text {
	font-size: 12px;
}



.two {
	background-color: #191E25;
	line-height: 25px;
}
.bonus {
	text-align: left;
	padding: 0px 5px;
}

.bluebar {
	background-color: #12151B;
	color: #B4B4B4;
	font-size: 16px;
	line-height: 40px;
}
div#adbriteAds
{
margin: 0px 0px 0px 20px;
display: none;
}.payment-box {
	width: 300px;
	padding-left: 30px;
}