@charset "utf-8";
body, ul, li, h1, h2, h3, h4, h5, h6, form, p, ol 
{ margin : 0; padding : 0; }

/*These are the universal styling elements that are present on each page */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	background-image: url(images2/bg_body.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #27C6C2;
}
a {
	font-weight: bold;
	color: #940a24;
	text-decoration: none;
}
a:hover {
	color: #FFF;
	background-color: #088482;
}
#branding a:hover {
	background-color: #FFF;
}



ul {
	list-style-type: none;

}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 28px;
	color: #940a24;
}

#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}

#wrapper #stage {
	display: inline;
	float: left;
	width: 960px;
}
#wrapper #branding {
	display: inline;
	float: left;
	height: 325px;
	width: 960px;
}
#wrapper #branding #neonsign {
	display: block;
	float: left;
	height: 325px;
	width: 305px;
}
#wrapper #branding #mainnavigation {
	display: inline;
	float: left;
	width: 507px;
	margin-left: 105px;
	height: 190px;
}
#wrapper #branding #mainnavigation li {
	width: 169px;
	float: left;
}
#wrapper #branding #mainnavigation li a {
	display: block;
	width: 169px;
	background-repeat: no-repeat;
	background-position: center top;
}
#wrapper #branding #mainnavigation li a:hover {
	background-repeat: no-repeat;
	background-position: center bottom;
}
#wrapper #branding #phoneclick {
	float: left;
	display: inline;
	height: 135px;
	width: 443px;
}
#wrapper #branding #blogclick {
	display: inline;
	float: left;
	height: 135px;
	width: 182px;

}




/*Background image styling for the top three links that are on each page
*/
.mainlink_video {
	background-image: url(images2/mainlink_video.png);
	height: 160px;
}
.mainlink_other {
	background-image: url(images2/mainlink_other.png);
	height: 130px;
}

.mainlink_web {
	background-image: url(images2/mainlink_web.png);
	height: 190px;
}



/* #maininformation is the left box on each page next to the large video player */

#wrapper #stage #maininformation {
	display: inline;
	float: left;
	width: 360px;
	margin-left: 50px;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 95px;
	height: 230px;
}

#wrapper #stage #videoplayer_large {
	display: inline;
	float: right;
	height: 325px;
	width: 500px;
	margin-right: 45px;
}
#wrapper #stage #multivideo {
	display: inline;
	float: left;
	height: 500px;
	width: 800px;
	margin-left: 100px;
	background-color: #FFF;
}

#wrapper #stage #scrollinfo {
	width: 525px;
	display: inline;
	height: 614px;
	background-image: url(images2/slideomatic.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 36px;
	padding-left: 25px;
	float: left;
	margin-left: 10px;
}
#wrapper #stage #scrollbigmessage {
	width: 300px;
	float: left;
	display: inline;
	margin-left: 60px;
	margin-top: 20px;
}
#thanks #wrapper #stage {
}



.testcolumn {
	display: inline;
	float: left;
	width: 250px;
	margin-left: 50px;
}


/* background styles for the #maininformation box */
.maininfo_homepage {
	background-image: url(images2/TEMP_HEADLINE.gif);
}


/* Styling for the bottom three black and white to color box links that are present only on the home page */

#wrapper #stage #coollinks {
	display: inline;
	float: left;
	height: 150px;
	width: 790px;
	margin-left: 130px;
	clear: both;
	padding-top: 25px;
}
#wrapper #stage #coollinks li {
	float: left;
	height: 150px;
	width: 230px;
	margin-left: 15px;
}
#wrapper #stage #coollinks li a {
	display: block;
	height: 150px;
	width: 230px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#wrapper #stage #coollinks li a:hover {
	background-repeat: no-repeat;
	background-position: center top;
}


.button_cool_other {
	background-image: url(images2/button_cool_other.png);
}
.button_cool_video {
	background-image: url(images2/button_cool_video.png);
}
.button_cool_web {
	background-image: url(images2/button_cool_web.png);
}
/* styling for the indenting necessary on the paragraphs for the left side due to the slanted background */

#maininformation h1{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #000;
}

.paragraph_30 {
	margin-left: 30px;
}
.paragraph_50 {
	margin-left: 50px;
}
.toppadding {
	padding-top: 70px;
}



/* styling classes that control the size of the wrapper and the cooresponding slanted background and retro item */

.home_page {
	background-image: url(images2/wrapper_home.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 925px;
}
.contact_page {
	background-image: url(images2/wrapper_contact.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 1125px;
}
.wrapper_925 {
	background-image: url(images2/wrapper_925.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 925px;
}
.wrapper_1525 {
	background-image: url(images2/wrapper_1525.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 1525px;
}
.wrapper_1325 {
	background-image: url(images2/wrapper_1325.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 1425px;
}
.wrapper_1325a {
	background-image: url(images2/wrapper_1325a.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 1325px;
}
.wrapper_2025 {
	background-image: url(images2/wrapper_2025.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 2025px;
}
.wrapper_2725 {
	background-image: url(images2/wrapper_2725.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 2725px;
}
.wrapper_3025 {
	background-image: url(images2/wrapper_3025.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 3025px;
}

/* footer and bottom navigation controls and styles */

#footer {
	background-color: #088482;
	width: 100%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #EEAE42;
	color: #FFF;
	padding-top: 15px;
}
#footer #lowermenus {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	height: 450px;
}
#footer #lowermenus p {
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
}
#footer #lowermenus p a {
	color: #FFF;
}


#footer #lowermenus ul {
	float: left;
	margin-left: 30px;
	display: inline;
	list-style-type: none;
	width: 250px;
}
#footer #lowermenus ul li {
	width: 225px;
	padding-bottom: 4px;
	margin-left: 0px;
}

#footer #lowermenus ul li a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #FFF;
	text-transform: uppercase;
	padding: 2px;
	display: block;
	font-weight: bold;
}
#footer #lowermenus ul li a:hover {
	color: #000;
	background-color: #27C6C2;
}

.footer_weblist {
	background-image: url(images2/footer_list_web.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 80px;
}
.footer_video {
	background-image: url(images2/footer_list_video.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 80px;
}
.footer_other {
	background-image: url(images2/footer_list_other.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 80px;
}

#wrapper #stage #subnavigation {
	display: inline;
	float: left;
	height: 125px;
	width: 900px;
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 25px;
}
#wrapper #stage #subnavigation ul {
}
#wrapper #stage #subnavigation ul li {
	float: left;
	height: 125px;
	width: 100px;
	display: inline;
	margin-left: 25px;
}
#subnavigation a    {
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 125px;
	width: 100px;
}
#subnavigation a:hover    {
	background-position: center bottom;
}
#webdesign .subweb_design a , #webgallery .subweb_portfolio a, #seo .subweb_seo a, #webmaint .subweb_maintenance a, #whyneedsite .subweb_whyneed a, #currentsitebad .subweb_badwebsite a, #obsoleteads .subother_wasting a, #videoproduction .subvideo_videoproduction a , #bosses .subother_bosses a, #founders .subother_founders a, #contact .subother_contact a, #onlinemeetings .subother_meetings a , #webpackages .subweb_webpackages a, #protalent .subvideo_protalent a, #greenscreen .subvideo_greenscreen a, #musthave .subvideo_musthave a, #streaming .subvideo_streaming a, #vidpackages .subvideo_vidpackages a, #gallery .subvideo_gallery a, #accolades .subother_accolades a{
	background-repeat: no-repeat;
	background-position: center bottom;
	display: block;
	height: 125px;
	width: 100px;

}
.subweb_design a{
	background-image: url(images2/subweb_design.png);
}
.subweb_seo a{
	background-image: url(images2/subweb_seo.png);
}
.subweb_whyneed a{
	background-image: url(images2/subweb_whyneed.png);
}
.subweb_portfolio a{
	background-image: url(images2/subweb_portfolio.png);
}
.subweb_badwebsite a{
	background-image: url(images2/subweb_badwebsite.png);
}
.subweb_maintenance a{
	background-image: url(images2/subweb_maintenance.png);
}
.subweb_wasting a{
	background-image: url(images2/subweb_wasting.png);
}
.subweb_webpackages a{
	background-image: url(images2/subweb_webpackages.png);
}
.subother_accolades a {
	background-image: url(images2/subother_accolades.png);
}
.subother_contact a {
	background-image: url(images2/subother_contact.png);
}
.subother_meetings a {
	background-image: url(images2/subother_meetings.png);
}
.subother_wasting a {
	background-image: url(images2/subother_wasting.png);
}

.subother_founders a {
	background-image: url(images2/subother_founders.png);
}
.subother_bosses a {
	background-image: url(images2/subother_bosses.png);
}


.subvideo_videoproduction a {
	background-image: url(images2/subvideo_videoproduction.png);
}
.subvideo_musthave a {
	background-image: url(images2/subvideo_musthave.png);
}
.subvideo_streaming a {
	background-image: url(images2/subvideo_streaming.png);
}
.subvideo_gallery a {
	background-image: url(images2/subvideo_gallery.png);
}
.subvideo_vidpackages a {
	background-image: url(images2/subvideo_vidpackages.png);
}
.subvideo_protalent a {
	background-image: url(images2/subvideo_protalent.png);
}
.subvideo_greenscreen a {
	background-image: url(images2/subvideo_greenscreen.png);
}
#wrapper #stage #praise {
	display: inline;
	float: left;
	width: 640px;
	margin-right: 70px;
	margin-left: 40px;
	padding-left: 180px;
	background-image: url(images2/bg_testimonials.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper #stage #praise h2 {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	padding-bottom: 15px;
	font-size: 16px;
	line-height: 18px;
}
#wrapper #stage #missionstatement {
	display: inline;
	float: left;
	height: 300px;
	width: 840px;
	margin-left: 65px;
	background-image: url(images2/missionstatement.png);
}

#wrapper #stage #quotation {
	display: inline;
	float: left;
	width: 665px;
	margin-right: 30px;
	margin-left: 90px;
	background-image: url(images2/jukebox.jpg);
	background-repeat: no-repeat;
	height: 110px;
	padding-top: 40px;
	padding-left: 175px;
	margin-top: 10px;
}
#thanks #wrapper #stage #thanksarea {
	display: inline;
	float: left;
	height: 400px;
	width: 700px;
	margin-left: 130px;
}
#wrapper #stage #featuredsite {
	background-color: #CCC;
	display: inline;
	float: left;
	width: 800px;
	margin-left: 80px;
}


#wrapper #stage #heatinginfo {
	display: inline;
	float: left;
	width: 820px;
	margin-right: 70px;
	margin-left: 70px;
	background-image: url(images2/bg_aboutsdm.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.heatingcolumn {
	display: inline;
	float: left;
	width: 360px;
	margin-left: 30px;
	margin-bottom: 15px;
}
#wrapper #stage #heatinginfo h2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
}
#wrapper #stage #heatinginfo .heatingcolumn h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #088482;
}
#wrapper #stage #heatinginfo .heatingcolumn ul li {
	list-style-type: disc;
	margin-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	color: #088482;
	line-height: 16px;
}




.testimonial {
	background-repeat: no-repeat;
	float: left;
	width: 260px;
	font-size: 13px;
	line-height: 16px;
	color: #164A86;
	font-weight: bold;
	background-color: #B5F0EF;
	margin-left: 20px;
	margin-bottom: 20px;
	background-position: center top;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	display: inline;
}
.securitysigns {
	height: 390px;
	background-image: url(images2/testimonial_security.jpg);
}
.fischermeats {
	background-image: url(images2/testimonial_fischer.jpg);
	height: 390px;
}
.beacockmusic {
	background-image: url(images2/testimonial_beacock.jpg);
	height: 360px;
}
.midwayheating {
	background-image: url(images2/testimonial_midway.jpg);
	height: 360px;
}

.wirece {
	background-image: url(images2/testimonial_wirece.jpg);
	height: 290px;
}
.kdmechanical {
	background-image: url(images2/testimonial_kdmech.jpg);
	height: 390px;
}







#wrapper #stage #webfolio {
	display: inline;
	float: left;
	width: 860px;
	padding-right: 40px;
	padding-left: 60px;
}
#wrapper #stage #admin {
	width: 800px;
	padding-right: 80px;
	padding-left: 80px;
	display: inline;
	float: left;
	padding-top: 15px;
}
#wrapper #stage #bigwheel {
	display: inline;
	float: left;
	height: 325px;
	width: 700px;
	padding-right: 130px;
	padding-left: 130px;
	padding-top: 62px;
}
#wrapper #stage #oldpicture {
	display: inline;
	float: left;
	height: 400px;
	width: 800px;
	margin-right: 80px;
	margin-left: 80px;
}

#founders #wrapper #abouthumans {
	display: inline;
	float: left;
	width: 840px;
	margin-left: 60px;
}



.founders {
	display: inline;
	float: left;
	width: 380px;
	color: #FFF;
	margin-left: 20px;
	background-image: url(images2/bg_founders.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 35px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #118683;
	border-bottom-width: 5px;
	border-bottom-style: double;
	border-bottom-color: #FFB525;
	height: 300px;
	margin-bottom: 40px;
}
#wrapper #aboutsdm {
	float: left;
	width: 800px;
	margin-right: 80px;
	margin-left: 80px;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	padding-bottom: 15px;
	background-image: url(images2/bg_aboutsdm.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#bosses #wrapper #thedogs {
	float: left;
	width: 800px;
	margin-right: 80px;
	margin-left: 80px;
	padding-top: 100px;
	background-image: url(images2/bg_thedogs.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.realbosses {
	display: inline;
	float: left;
	width: 230px;
	margin-left: 15px;
	border: 1px dashed #008A8A;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
#bosses #wrapper #stage .realbosses .dogbio {
}
#bosses #wrapper #stage .realbosses .dogbio li {
	list-style-type: disc;
	margin-left: 30px;
	padding-top: 5px;
	margin-right: 20px;
	font-weight: bold;
	color: #008B87;
}


.leftpicture {
	float: left;
	margin-right: 10px;
}
.rightpicture {
	float: right;
	margin-left: 10px;
}

#contact #wrapper #formContactSDM {
	float: left;
	width: 610px;
	display: inline;
	margin-left: 50px;
	height: 425px;
	background-image: url(images2/bg_contactform.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 85px;
}
#contact #wrapper #formArea {
	display: inline;
	float: left;
	width: 960px;
	background-image: url(images2/bg_formArea.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#contact #wrapper #formContactSDM fieldset {
	display: inline;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 300px;
}
.fieldset_top {
	margin-left: 60px;
}
.fieldset_bottom {
	margin-left: 310px;
	margin-top: -65px;
}
#pageTopper {
	display: inline;
	float: left;
	width: 590px;
	margin-right: 60px;
	margin-left: 60px;
	padding-right: 250px;
	background-repeat: no-repeat;
	background-position: right top;
	height: 250px;
}
.topperMaintenance {
	background-image: url(images2/pageTopWebMaintenance.jpg);
}
.topperWebPackages {
	background-image: url(images2/pageTopWebPackages.jpg);
}




#wrapper #stage #maintenanceTables {
	float: left;
	width: 800px;
	margin-left: 80px;
}
#webmaint #wrapper #stage #maintenanceTables ul {
	float: left;
	display: block;
	margin-top: 10px;
}
#maintenanceTables  li {
	border: 1px solid #000;
	height: 20px;
	line-height: 20px;
}
#maintenanceTables .maintenanceItems li {
	padding-left: 5px;
}
#pageTopper h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 32px;
	color: #E28012;
}
.clickSheet {
	float: right;
	margin-right: 10px;
}




.itemYesNo {
	text-align: center;
	width: 90px;
	margin-left: 10px;
	background-image: url(images2/bgItemYesNoGreen.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 500px;
	padding-right: 5px;
	padding-left: 5px;
}
.maintenanceItems {
	width: 340px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 20px;
	height: 480px;
	background-image: url(images2/bgMaintenanceItems.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	display: inline;
}

#maintenanceTables h2 {
	height: 30px;
}
.restrictions {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 20px;
	float: left;
	width: 250px;
	padding-top: 5px;
}

#maintenanceTables h3 {
	height: 50px;
}
#webMaintenanceGlossary {
	display: inline;
	float: left;
	width: 800px;
	margin-left: 80px;
	background-image: url(images2/bgGlossary.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 155px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #27C6C2;
}
#webMaintenanceGlossary .glossary {
	float: left;
	width: 230px;
	display: inline;
	margin-left: 15px;
	padding-left: 15px;
	height: 1140px;
}
#webMaintenanceGlossary .glossary h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #008B87;
}
#webMaintenanceGlossary .glossary h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	margin-top: 10px;
}
#maintenanceTerms {
	width: 800px;
	margin-left: 80px;
	padding-top: 25px;
	display: inline;
	float: left;
}
#maintenanceTerms p {
	padding-top: 10px;
}
#maintenanceTables .buttonBox {
	float: right;
	width: 100px;
	margin-right: 10px;
	display: block;
	text-align: center;
}
#maintenanceTables .buttonBox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #920C25;
	padding-top: 5px;
	padding-bottom: 5px;
}
#webPackageList {
	float: left;
	display: inline;
	width: 860px;
	margin-left: 55px;
	margin-right: 45px;
}
.webPackageDetails {
	width: 378px;
	padding-right: 25px;
	padding-left: 25px;
	display: inline;
	float: left;
	margin-top: 15px;
}
.webPackageDetails h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #008B87;
}
.webPackageDetails h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}


#webPackageList ul {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
}
#webPackageList ul h2 {
	height: 40px;
}

.thePuppy , .theYapper, .theBigDog{
	width: 149px;
	padding-right: 8px;
	padding-left: 8px;
	height: 180px;
	padding-top: 50px;
	padding-bottom: 10px;
	background-image: url(images2/packageBG165.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.theBarker , .theHound{
	width: 160px;
	padding-right: 10px;
	padding-left: 10px;
	height: 210px;
	padding-top: 40px;
	background-repeat: no-repeat;
	background-position: center bottom;
}




.leftborder {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #008B87;
}
.theBarker {
	background-image: url(images2/packageBGBarker.png);
}
.theHound {
	background-image: url(images2/packageBGHound.png);
}