body {font-family: Arial, Helvetica, sans-serif;font-size: 100%;margin: 0px;height: 100%;font-weight:normal;color: #000000;text-align: left;}
a:hover {text-decoration: underline;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: underline;}
a{outline: none;}
.sp {font-size: 1px;}
img{border:0;}
/* headings: */
h1 {font-family: "Times New Roman", Times, serif;font-size: 2.5em;color: #000;text-align:center;}
h2 {font-size: 1em;}
h3 {text-align:center;}

.leftheading {margin-top:50px;}
.rightheading {color: #993300;font-weight:normal;text-decoration: underline;margin-bottom: 0px;}
.rightheading a{color: #993300;}

.righttext  {font-size: 0.8em;color: #993300;padding-top: 15px;margin-left: 75px;text-align: justify;width: 270px;font-weight: bold;line-height: 1.5em;}
.mainText {line-height: 1.75em;color: #333333;font-size: 0.9em;font-weight:normal;padding-left: 20px;padding-right: 5%;}
.mainTextcentered {font-size: 1em;color: #996600;text-align: center;margin-top: 5px;margin-left: 12px;}
.littlegraytext {font-size: 0.75em;color: #999999;margin-right: 50px;}

/* header container */
#header-wrap {height: 194px; background: url(../images/header_back.jpg) repeat-x;}
#header {height: 194px; min-width: 1000px;margin-right: 10%;}

/* begin header content */
#left {position: absolute;left:0; background-image: url(../images/header.jpg);width: 544px;height: 194px;}
#navlist {float: right;width: 472px;margin: 0px;padding: 0px;height: 194px;list-style: none;}
#navlist ul{padding: 0;border: 0;margin-top: 0px;}
#navlist li {float: right;width: 86px;margin: 0px;padding: 0px;text-indent: -5000px;}
#navlist a {text-decoration: none;display: block;float: left;text-indent: -5000px;}

#navlist #welcome, #navlist #services, #navlist #portfolio, #navlist #about, #navlist #contact {background-repeat:no-repeat;background-position: 0 0;height: 194px;}
#navlist #welcome, #navlist #services, #navlist #portfolio, #navlist #about {width: 86px;}
#navlist #contact {width: 87px;}

#navlist #welcome  {background-image: url(../images/home.jpg);}
#navlist #services {background-image: url(../images/services.jpg);}
#navlist #portfolio {background-image: url(../images/portfolio.jpg);}
#navlist #about {background-image: url(../images/about.jpg);}
#navlist #contact {background-image: url(../images/contact.jpg);}


#navlist #welcome:hover,#navlist #services:hover, #navlist #portfolio:hover, #navlist #about:hover, #navlist #contact:hover {background-position: 0 -194px;}
#navlist #welcome:active,#navlist #services:active,#navlist #portfolio:active,#navlist #about:active,#navlist #contact:active {background-position: 0 -388px;}
#navlist #welcomeon, #navlist #serviceson, #navlist #portfolioon, #navlist #abouton, #navlist #contacton  {background-repeat:no-repeat;background-position: 0 0;height: 194px;}
#navlist #welcomeon, #navlist #serviceson, #navlist #portfolioon, #navlist #abouton  {width: 86px;}
#navlist #contacton {width: 87px;}

#navlist #welcomeon {background-image: url(../images/home_static.jpg);}
#navlist #serviceson {background-image: url(../images/services_static.jpg);}
#navlist #portfolioon {background-image: url(../images/portfolio_static.jpg);}
#navlist #abouton {background-image: url(../images/about_static.jpg);}
#navlist #contacton {background-image: url(../images/contact_static.jpg);}

#content-wrap {background: #fff9ed; clear:both; height:100%}
#content, #content2, #content3 {position: relative; width: 1000px; margin: 0 auto; padding: 0; }
#left-col, #left-col2, #left-col3 {left:0px;position: relative;width: 576px;padding: 0px;background-color: #FFFFFF;}
#main_content_box_left, #main_content_box_left2 {background-image:url(../images/box_left.jpg);  background-repeat:repeat-y;}
#main_content_box_center {background-image:url(../images/box_right.jpg);background-repeat:repeat-y;background-position:right;position: absolute;top: 0px;height: 100%;}
#main_content_box_bottom {position: absolute;width: 576px;background-image:url(../images/box_bottom.jpg);margin-bottom:0;height: 52px;background-color: #FFFFFF;}

#right-col {position: absolute;width: 425px;height:90%;padding: 0;right: 0px;top: 120px;background-repeat:no-repeat;}

/* footer */

#footer-wrap {position: relative;width: 100%;height: 44px;margin: 0 auto 0;padding: 0;border-top: thin solid #993300;background: #310000;min-width: 1000px;}
#footer {height: 44px; width: 100%;min-width: 1000px;font-size: .6em; background: #310000;color: #fff;text-align: left;margin-top: 0px;}
#footer a {background-color:#310000;color: #fff;}
.footeron {font-size:1.15em;font-weight: bold;}
#footerleft {position: absolute;left:-2px;width: 500px;height: 44px;top: 0;}
#footerlefttext{position: absolute;left:52px;width: 350px;height: 25px;margin-top: 15px;}
#footerright {float: right;margin-top: 15px; padding-right: 50px;}

/* bookmarks */
#Layer5 {position:absolute;width:124px;height:25px;z-index:1;left: 138px;top: 812px;}
#Layer6 {position:absolute;width:124px;height:25px;z-index:1;left: 141px;top: 798px;}

body#about a:hover, body#privacypolicy a:hover, body#sitemap a:hover, body#welcome a:hover, body#portfolio a:hover, body#services a:hover, body#contact a:hover, body#blog a:hover{text-decoration: underline;}
body#privacypolicy h2, body#welcome h2, body#services h2, body#contact h2, body#blog h2{padding-left: 20px;padding-right: 5%;margin-bottom: 0px;}

body#about a:hover {color:#029edb;}
body#about h2 {padding-left: 0px;color: #029edb;padding-right: 5%;margin-bottom: 0px;}
body#about .righttext a{color: #029edb;}
body#about #content{height: 167em;}
body#about #left-col {height: 162em;}
body#about #main_content_box_left {width: 5px;height: 162em;}
body#about #main_content_box_center {left:30px;width: 516px;height: 100%;padding-right: 30px;}
body#about .leftheading {margin-top:50px;}
body#about .rightheading {margin-top: 102px;}
body#about #us-wrapgoran, #us-wrapmary, #us-wrapkait {width: auto;left: 0px;margin: 0 auto;padding: 0px;border-top: 1px solid #999999;padding-top: 10px;}
body#about #us-wrapgoran {height: 40em;}
body#about #us-wrapmary {height: 43em;}
body#about #us-wrapkait {height: 30em;}
body#about .picright, .picleft {width:300px;height:auto;float: right;padding-bottom: 15px;}
body#about .picright {float: right;padding-left: 15px;}
body#about .picleft {float: left;padding-right: 15px;}
body#about .textleft, .textright {text-align: left;width:200px;height:auto;padding-left: 0px;padding-top: 0px;float: left;}
body#about #right-col {background-image:url(../about/images/butta-blue.jpg);}
body#about #Layer1 {position:absolute;width:128px;height:18px;z-index:1;left: 147px;top: 771px;}
.h1blue {color: #029edb;}
.portfolioheadTHE {font-size: .75em;}


body#privacypolicy a:hover {color:#ff34f5;}
body#privacypolicy h2 {color: #ff34f5;}
body#privacypolicy #content{height: 60em;}
body#privacypolicy #left-col {height: 55em;}
body#privacypolicy #main_content_box_left {height: 55em; width: 27px;}
body#privacypolicy #main_content_box_center {left:27px;width: 549px;height: 100%;}
body#privacypolicy #right-col {background-image:url(../images/butta-purple1.jpg);}
body#privacypolicy .leftheading {margin-top:50px;}
#h1privacy {color: #ff34f5;}

body#sitemap a:hover {color:#ff34f5;}
body#sitemap #content{height: 60em;}
body#sitemap #left-col {height: 55em;}
body#sitemap #main_content_box_left {height: 55em; width: 27px;}
body#sitemap #main_content_box_center {left:27px;width: 549px;height: 100%;}
body#sitemap #right-col {background-image:url(../images/butta-purple1.jpg);}
body#sitemap h1 {color: #ff34f5;}
body#sitemap p a{font-size: 1em;font-weight:normal;color: #ff34f5;text-align: left;margin-left: 5em;}
body#sitemap .sitemaplinks-sub {margin-left: 2em;margin-right: 5em;}
body#sitemap .style2 {color: #000000}

body#welcome body {text-align: justify;}
body#welcome a:hover {color:#169d3f;}
body#welcome h2 {
	font-weight:normal;
	line-height: 1.5;
}
body#welcome h2 a{color:#996600;}
body#welcome #content{height: 475px;}
body#welcome #main_content_box_left {height: 23.5em; width: 5px;}
body#welcome #main_content_box_center {left:27px; width: 552px;top: 0px;}
body#welcome #main_content_box_bottom {background-image:url(../images/welcome/box_bottom.jpg);left: -1px;}
body#welcome .style1, .style2, .style3, .style4  {font-family: "Times New Roman", Times, serif;}
body#welcome #style1p {margin-left:5px; margin-top: 30px;}
body#welcome .style1 {font-size: 1.87em;color: #930; text-align: left;} /* what does ... look like */
body#welcome .style2 {font-size: 2.5em; color: #000000;} /* success*/
body#welcome #style3p { margin-left:175px; margin-top: -30px;}
body#welcome .style3 {font-size: 3em; color: #930;}/* Let ... show you */
body#welcome .style4 {font-size: 4.75em; color: #000000;}/* us */
body#welcome #right-col {top: 0;}
body#welcome #lowercontent-wrap{background-color:#a67b5b;position: relative;width: 100%;height: 200px;left: 0;margin: 0 auto;padding: 0;border-top-width: 3px;border-top-style: solid;border-top-color: #d5c1b2;}
body#welcome #lowercontent{width: 1000px;padding: 0;padding: 0;min-width: 1000px;background-color:#a67b5b;color: #fff9ed;height: 100%;margin: 0 auto;}
body#welcome #lower1 {clear: left;left: 0px;}
body#welcome #lower1, #lower2, #lower3, #lower4 {font-size: 0.7em;text-align: left;display: inline;margin-top: 1em;width:225px;height:120px;padding-left: 12px;padding-bottom: 0px;top: 0px;float: left;padding-top: 5px;}
body#welcome #lower1, #lower2, #lower3 {padding-right: 12px;border-right-width: 1px;border-right-style: solid;border-right-color: #FFF9ED;}
body#welcome #lowercontent a {background-color:#a67b5b;color: #fff9ed;font-size: 1.25em;text-align: right;}
body#welcome #lower1link {clear: left;left: 0px;}
body#welcome #lower1link,#lower2link, #lower3link, #lower4link  {text-align:right;width:220px;padding-left: 12px;float: left;margin-left: 5px;padding-top: 0px;}
body#welcome #lower1link,#lower2link, #lower3link {padding-right: 12px;}
body#welcome .smallicons {margin-bottom: -1.75px;}
body#welcome .largeicons {vertical-align: text-bottom;}
#welcomeLayer1 {position:absolute;width:128px;height:18px;z-index:1;left: 255px;top: 414px;}

body#portfolio a:hover {color:#fed821;}

body#services a:hover {color:#FF9900;}
body#services #content{height: 87em;}
body#services #left-col {height: 82em;}
body#services #main_content_box_left {height: 82em; width: 27px;}
body#services #main_content_box_center {left:27px;width: 549px;height: 100%;}
body#services h2 {color: #FE8A01;}
body#services .mainText a, .services_webstore_details a, .mainTexth3 a, .services_contact_us_sample a {color: #996600;}
body#services .services_webstore_details {line-height: 1.75em;color: #333333;}
body#services .maintextphase{color:#000000;font-weight: bold;font-size: 0.9em;padding-left: 20px;padding-right: 5%;}
body#services .mainTexth3 {font-size: 1em;text-align: center;margin-right: 12px;}
body#services .services_word_leftcol {font-family: "Times New Roman", Times, serif;font-size: 1.75em;margin-top: 50px;margin-left: 10px;	margin-bottom: -10px;font-weight: bold;}
body#services .services_word_leftcol a{color:#000000;margin-left: 40px;}
body#services .services-detail-heading {margin-top: 0px;}
body#services .services-detail-headingorange {color:#fe8a01;}
body#services .services_webstore_details {font-size: 0.9em;margin-left: 20px;font-weight: bold;color: #666666;}
body#services h1 {margin-top: 50px;}
body#services .services-ourserviceslinks {font-size: 0.9em;color: #993300;text-align: center;font-weight:bold;text-align: center;}
/* services sample */
body#services .sample-wrap {width: 100%;height: 280px;left: 0;margin: 0 auto;padding: 0;}
body#services .sample1 {font-size: 0.9em;text-align: left;display: inline;width:254px;height:230px;padding-left: 10px;padding-right: 10px;padding-top: 15px;float: left;top: 0;left: 0px;color: #999999;line-height: 1.35;}
body#services .sample1 a{color: #000000;font-weight:bold;}
body#services .sample2 {width:274px;height:280px;padding-left: 0px;padding-right: 0px;padding-top: 5px;float: left;top: 0;text-align: center;}
body#services .services-sample {color:#CCCCCC;height:272px;}
body#services .services_contact_us_sample {font-size: 1.5em;color: #996600;text-align:center;}
body#services #content-wrap-banners {background: #fff9ed; clear:both; height:100%;}
body#services #content-webstores, #content-websites, #content-ebay, #content-blog, #content-logo, #content-flash, #content-banners, body#services #content-graphicdesign, #content-art {position: relative; width: 1000px; margin: 0 auto; padding: 0; }
body#services #left-col-webstores, #left-col-ebay {left:0px;position: relative;width: 576px;padding: 0px;background-color: #FFFFFF;}
body#services #main_content_box_left-webstores, #main_content_box_left-ebay, #main_content_box_left-websites, #main_content_box_left-blog, #main_content_box_left-logo, #main_content_box_left-flash, #main_content_box_left-banners, #main_content_box_left-graphicdesign, #main_content_box_left-art {width: 27px; background-image:url(../images/box_left.jpg); background-repeat:repeat-y;}
body#services #right-col {background-image:url(../services/images/butta-orange.jpg);}
body#services #left-col-websites, #left-col-blog, #left-col-logo, #left-col-flash, #left-col-banners, #left-col-graphicdesign, #left-col-art {left:0px;position: relative;width: 576px;padding: 0px;background-color: #FFFFFF;height: 100%}
body#services #content-webstores {height: 95em;}
body#services #content-websites{height: 120em;}
body#services #content-ebay{height: 107em;}
body#services #content-blog, #main_content_box_left-webstores, #left-col-webstores {height: 90em;}
body#services #content-logo{height: 65em;}
body#services #content-flash, #content-banners, #main_content_box_left-logo, #left-col-logo {height: 60em;}
body#services #content-graphicdesign{height: 87em;}
body#services #content-art{height: 122em;}
body#services #main_content_box_left-ebay, #left-col-ebay {height: 102em;}
body#services #main_content_box_left-websites, #left-col-websites {height: 115em;}
body#services #left-col-websites {height: 115em;}
body#services #main_content_box_left-blog, #left-col-blog {height: 85em;}
body#services #main_content_box_left-flash, #main_content_box_left-banners, #left-col-flash, #left-col-banners {height: 55em;}
body#services #main_content_box_left-graphicdesign, #left-col-graphicdesign {height: 82em;}
body#services #main_content_box_left-art, #left-col-art  {height: 117em;}

body#contact a:hover, body#contact .h1red, body#contact h2, body#contact .mainText a, body#contact .mainTextcentered {color: #f50100;}
body#contact #content{height: 97em;}
body#contact #left-col {height: 92em;}
body#contact #main_content_box_left {width: 5px;height: 92em;}
body#contact #main_content_box_center {left:30px;width: 516px;height: 1500px;padding-right: 30px;}
/* thanks page */
body#contact #content_thanks{position: relative; width: 1000px; margin: 0 auto; padding: 0;height: 105em;}
body#contact #left-col_thanks {left:0px;position: relative;width: 576px;padding: 0px;background-color: #FFFFFF;height: 100em;}
body#contact #main_content_box_left_thanks {background-image:url(../images/box_left.jpg);  background-repeat:repeat-y;width: 5px;height: 100em;}
body#contact #main_content_box_center_thanks {background-image:url(../images/box_right.jpg);background-repeat:repeat-y;background-position:right;position: absolute;top: 0px;left:30px;width: 516px;height: 100em;padding-right: 30px;}
body#contact h1 {margin-top:50px;}


/* form section */

body#contact label {display: block; float: left; width: 180px; padding: 0; margin: 0 20px 0 0; text-align: right;font-size:.8em;color:#999999}
body#contact fieldset{border: 0px;padding: 2px 2px; margin: 0; margin-bottom: 10px;}
body#contact select{color: #f5e9cc; text-transform: none; font-size: 8em; margin: 0 auto;}
body#contact .inputbox {
	border: 1px solid;
	border-color:#CCCCCC;
	color:#000;
	width:275px;
}
body#contact .inputbox:focus {border: 1px solid #f50100;color:#000000;}
body#contact #checkbox {font-size:.8em;color:#999999}
/* form:message */
body#contact .inputbox2 {width:275px;}
body#contact textarea{padding: 1px; border: 1px solid #CCCCCC; color: #CCCCCC; width: 300px; margin: 2px 0;}
body#contact textarea:focus{padding: 1px; border: 1px solid #f50100; color: #000000;}
/* form:php */
body#contact #php {float: right;width: 480px;height: 125px;}
body#contact #phptext {float: left;padding: 25px 0 10px 38px;font-size: 0.8em;text-align: left;width: 500px;color: #999999;}
body#contact .submit-button, .submit-button:hover {width:85px;height:38px;float: right;outline: none;margin-right:38px;margin-top:20px;display:inline;}
body#contact .submit-button {background-image:url(../contact/images/submit.jpg);}
body#contact .submit-button:hover {background-image:url(../contact/images/submit-pressed.jpg);}
body#contact #bottomboxes {margin: 0 auto;padding: 0;width: 500px;clear: both;}
body#contact #right-col {background-image:url(../contact/images/butta-red.jpg);}

body#blog a:hover {color:#ff34f5;}
body#blog #content{height: 60em;}
body#blog #left-col {height: 55em;}
body#blog #main_content_box_left {height: 55em; width: 27px;}
body#blog #main_content_box_center {left:27px;width: 549px;height: 100%;}
body#blog #right-col {background-image:url(../contact/images/butta-red-light.jpg);}
body#blog h1 {color: #ff34f5;}
body#blog p a{font-size: 1em;font-weight:normal;color: #ff34f5;text-align: left;margin-left: 5em;}
body#blog .sitemaplinks-sub {margin-left: 2em;margin-right: 5em;}
body#blog .style2 {color: #000000}