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

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


body {
	margin: 0px;
	background-image: url(../../template-images/template/bg_main.jpg);
	background-color: #212121;
	background-position:top;
	background-repeat:repeat-x;
	font-family: helvetica, arial, sans-serif;
	font-size: 10pt;
	color: #dddddd;
	line-height:normal;
	text-shadow: #222 1px 1px 1px; 
}

a {
    color: #658092;
	text-decoration: none;
	}
	
a:hover {
    color: #fff;
}	
	
.contenttable ul {	
	list-style-type: square;
	list-style-position: inside;
}

#mainframe { 
    background: #636466 url(http://staging.moondogmedia.com/template-images/template/bg-banner2.jpg) repeat-x center top;  

}

#banner { background-image:url(../../template-images/template/bg_banner.jpg); background-repeat:repeat-x;}

#banner2{
	height: 81px;
    padding: 0;
	background: #000000 url(../../template-images/template/banner-blk.jpg) repeat-x center top;
}

#logotype { background: url(http://blog.moondogmedia.com/template/md-logo-home.png); width: 236px; height: 65px; margin-top: 6px; margin-left: 15px; float: left; text-indent: -9999px; }

#moon { background: url(/template-images/template/moon.png); margin-top: 10px; width: 35px; height: 70px; }

#servicebuttons-front { width:315px; height: 150px; float: left; margin-right: 5px; background:url(/template-images/buttons/buttons-shadow-right.png) repeat-y right top; }

#welcome-front { background: url(/template-images/buttons/moondog-welcome.png) no-repeat; width: 330px; height: 54px; margin-bottom: -20px; text-indent: -9999px; }

.service-icons {
        float: right;
        margin-right: 30px;
        width: 350px;
}

.content-top { position: absolute; top: 0; width: 735px; height: 10px; background:url(../../template-images/template/content-top.gif) no-repeat; }
.content-bottom { position: absolute; bottom: 0; width: 735px; height: 10px; background:url(../../template-images/template/content-bottom.gif) no-repeat; margin: 0px;  }


#body {
	margin: 0px;
	background: url(../../template-images/template/body-topbevel.jpg) repeat-x center top;
}

#body td { padding-top: 15px; }

h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	line-height: 1em;
}

h1 { font-size: 24pt; }
h2 { font-size: 21pt; }
h3 { font-size: 18pt; }
h4 { font-size: 15pt; }
h5 { font-size: 12pt; }
h6 { font-size: 9pt; }

ul.topnav { margin-left: 15px; clear: both; display: block; height: 25px; width: 300px; position: relative; z-index: 1000 }
.topnav li { float: left; margin-right: 15px; font-size: 10pt; font-weight: normal; text-shadow: none; text-transform: capitalize; color: #555; }
.topnav a { color: #555; text-decoration: none; }
.topnav a:hover { color: #333; }

body#print .topnav #print,
body#web .topnav #web,
body#video .topnav #video,
body#about .topnav #about,
body#contact .topnav #contact
 { color: #333; font-weight: bold; cursor:default; }


.tagline { float: right; margin-right: 15px; margin-top: 18px; }

.tagline div#script { display: block; }

body#print .tagline div#script, body#web .tagline div#script, body#video .tagline div#script, .tagline div
 { display: none; }

body#print .tagline div#print, body#web .tagline div#web, body#video .tagline div#video
 { display: block; }

.tagline div#print { background: url(/template-images/taglines/communicationyoucanfeel.png); width: 250px; height: 38px; text-indent: -9999px; }
.tagline div#web { background: url(/template-images/taglines/boundlesscommunication.png); width: 250px; height: 38px; text-indent: -9999px; }
.tagline div#video { background: url(/template-images/taglines/captivateyouraudience.png); width: 250px; height: 38px; text-indent: -9999px; }


p {
	margin-bottom: 10pt;
	color: #dddddd;
}
.description {
	font-size: 11pt;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top: 0em;
	margin-bottom: 0;
	text-shadow:none;
}

.description.print { color: #a49457; }
.description.web { color: #8092a4; }
.description.video { color: #5a2f1f; }

#contenttable {
	margin-top: 0px;
	margin-left: 0px;
}
#leftcolumn {
	border-right: 1px solid #999999;
	padding-left: 15px;
	padding-right: 15px;
	visibility: hidden;
	}

.features #leftcolumn {
visibility: visible;
}
.linespacer { height: 15px; }
    
/* left box */

div.left-box {
	text-shadow: #333 1px 1px 1px;
	}

.left-box.dogblog .content ul { height: 19em; overflow: hidden; }
	
div.left-box .content {
	font-size: 9pt;
	line-height: 10pt;
	background-color: #343434;
	background-image: url(/template-images/template/sb-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #4e4e4e;
	border-left-color: #4e4e4e;
	padding: 0px;
	padding-bottom: 5px;
	margin: 0px;
	width: 203px;
	max-width: 203px;
}

.left-box .content li {
	list-style-type: none;
	border-bottom: 1px solid #000000;
	display: block;
	margin-left: 15px;
    margin-right: 15px;
}

.left-box li a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: none;
	width: 173px;
	max-width: 173px;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-left: -15px;
	margin-right: -15px;    
}

		.box-sidebar { position: relative; border: 1px solid #888; background: #222; padding: 10px; font-size: 8pt; color: #aaa; }
		.box-sidebar ul { margin: 10px; margin-top: 5px; font-size: 9pt; color: #aaa; }
		.box-sidebar li { margin-top: .75em; }
		.box-sidebar b, .front-sidebar strong { font-size: 10pt; }
		.box-sidebar li a { color: #fff; }
		.box-sidebar div a { color: #777; }

.left-box li a strong, .left-box li a b, .front-sidebar li a strong, .front-sidebar li a b {
    color: #658092;
}

.left-box li a:hover strong, .left-box li a:hover b, .front-sidebar li a:hover strong, .front-sidebar li a:hover b {
    color: #fff;
}

.left-box li a:hover {
	background-image:url(/template-images/template/sb-linkbg.gif);
	background-repeat:repeat-y;
	background-position:left;
}

.readmore {
	font-weight: bold;
	color: #777777;
	font-size: 90%;
	white-space: nowrap;
}
.left-box .foot {
	margin-bottom: -10px;
}

a.foot {
    font-size: 10pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #777777;
	padding-top: 10px;
	color: #777777;
	text-decoration: none;
	background-image: url(/template-images/template/sb-footbullet.gif);
	background-repeat: no-repeat;
	background-position: 12px right;
	display: block;
	width: 100%;


}

.left-box a.foot {
	width: 173px;
    margin-right: 15px;    
    margin-left: 15px;
	padding-bottom: 10px;

}

a.foot:hover {
	color: #ffffff;
	background-image: url(/template-images/template/sb-footbullet.gif);
	background-repeat: no-repeat;
	background-position: 12px right;
	text-decoration: none;
}

.left-box .bottom {
	background-image: url(/template-images/template/sb-bottom.gif);
	background-repeat: no-repeat;
	height: 30px;
}


/* left box small */

div.left-box-sm {
	}
	

.left-box-sm .top {
	height: 10px;
	margin: 0px;
}
	
div.left-box-sm .content {
	font-size: 9pt;
	line-height: 10pt;
	background-color: #343434;
	background-image: url(/template-images/template/sb-bg-sm.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #4e4e4e;
	border-left-color: #4e4e4e;
	padding-bottom: 5px;
	margin: 0px;
	width: 173px;
	max-width: 173px;
	height: 100px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-top: 5px;
}

.left-box-sm a {
	color: #FFFFFF;
	text-decoration: none;
	}

.left-box-sm li a:hover {

}

.left-box-sm .bottom {
	background-image: url(/template-images/template/sb-bottom.gif);
	background-repeat: no-repeat;
	height: 30px;
}

.promo { border: 1px solid #aaa; border-right: 1px solid #333; border-bottom: 1px solid #333; }


/* service nav */
#servicenav { position: relative; width: 750px; height:92px; overflow:hidden; z-index: 100; display:block; margin-left: 15px; margin-bottom: 12px; margin-top: -104px; }
.service-button { width: 235px; margin-right: 15px; float: left;}
#iphone-servicenav { position: relative; width: 750px; height:92px; overflow:hidden; z-index: 100; display: none; margin-left: 15px; margin-top: -100px; }

#servicenav-side { width: 250px; height:321px; overflow:hidden; z-index: 100; display:block;  }
.service-button-side { width: 235px; margin-right: 15px; margin-bottom: 15px; display: block; }
#iphone-servicenav-side { width: 250px; height:321px; overflow:hidden; z-index: 100; display: none;  }

#servicenav-gallery { margin-left: 15px; margin-bottom: 12px; width: 750px; height:92px; overflow:hidden; z-index: 100; display:block;  }
#iphone-servicenav-gallery { margin-left: 15px; margin-bottom: 12px; width: 750px; height:92px; overflow:hidden; z-index: 100; display: none;  }


#footer {
background: #212121 url(/template-images/template/bg-footer.png) repeat-x center top;
padding: 15px;
color: #555;
vertical-align: top;
font-size: 9pt;
}

#footer .footer { clear: both; }
#footer .footer li { float: left; margin-left: .5em; }
#footer .footer p { color: #555; }

.serviceitems { margin-top: 100px; color: #333333; }
.serviceitems ul.column { width: 230px; float: left; margin-left: 15px; }
.serviceitems ul a { color: #333333 }

body#print .serviceitems .print a,
body#web .serviceitems .web a,
body#video .serviceitems .video a { color: #444; }

.serviceitems ul a:hover,
body#print .serviceitems .print a:hover,
body#web .serviceitems .web a:hover,
body#video .serviceitems .video a:hover { color: #777777; }

.serviceitems ul.general { margin-left: 0px; }
.serviceitems li { line-height: 1.2em; }
.serviceitems h2 { font-size: 15px; margin-top: .5em; margin-bottom: .25em; }

.small { font-size: 80% }
.large { font-size: 120% }

.left { float: left; margin-right: 15px; }
.right { float: right; margin-left: 15px; }

.downbevel200 {
    width: 200px;
	height: 38px;
	background: url(../../template-images/buttons/downbevel-200px.png) no-repeat;
}


.fields input, textarea {
    background-color: #555;
    color: #aaa;
	font-size: 10pt;
	padding: 2px;
	margin: 0px;
	border: #222 1px solid;
}


/* begin Apple styles */

@import url(/global/nav/styles/nav.css);
@import url(/global/styles/productnav.css);




/* PRETTY SEARCH */
input.prettysearch { width:200px; height: 16px; background: url(http://images.apple.com/global/elements/prettysearch/searchfield_repeat.png) center top repeat-x; border: 0px; margin: 0; padding: 3px 0 0 0; font:11px "Lucida Grande", Geneva, Arial, sans-serif; }
.search-wrapper { position: relative; width: 200px; }
.search-wrapper input.prettysearch { width: 171px; margin-left: 20px; *margin-top:-1px; *margin-right:-2px; *margin-left:10px; }
.search-wrapper .left, 
.search-wrapper .right { behavior:url(/global/scripts/lib/iepngfix.htc); }
.search-wrapper .left { display: block; position: absolute; left: 0; top: 0; width: 20px; height: 19px; background: url(http://images.apple.com/global/elements/prettysearch/searchfield_leftcap.png) left top no-repeat; }
.search-wrapper .right { display: block; position: absolute; right: 0; top: 0; width: 10px; height: 19px; background: url(http://images.apple.com/global/elements/prettysearch/searchfield_rightcap.png) right top no-repeat; }
.search-wrapper.empty.blurred input { color: #7E7E7E; }
.search-wrapper .reset { position: absolute; width: 11px; height: 11px; overflow:hidden; z-index: 1; right: 4px; top: 4px; background: url(http://images.apple.com/global/elements/prettysearch/close.gif); display: block; cursor: pointer; _cursor:hand; }
.search-wrapper.empty .reset { display: none; }

/* GLOBAL FOOTER */
#globalfooter p { margin-bottom: 1em; }
#globalfooter form { margin: 18px 10px; }
#globalfooter .search-wrapper { margin: 0 auto; }
#globalfooter .search-wrapper input.prettysearch { margin-left: 10px; }

/* PRINT */
@media print {
	body, #main, #content { color:#000 !important; }
	a, a:link, a:visited { color:#000 !important; text-decoration:none !important; }
	#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; }
	#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; }
}



.title-reflection { width: 150px; height: 38px; text-indent: -9999px; }
#recentarticles { background: url(/template-images/buttons/recentarticles.png) no-repeat; }


.pillbutton-gray { width: 115px; height: 20px; background: url(/template-images/buttons/pillbutton-gray.png) no-repeat; padding-top: 5px; padding-left: 10px; color: #777; font-size: 12px; }
.pillbutton-gray a { color: #777; }
.pillbutton-gray a:hover { color: #aaa; }

.ie6 { display: none; }
.upgrade-gal { border: 1px solid #222; background: #fff; color: #777; padding: 5px; margin-right: 15px; }
.upgrade { border: 1px solid #222; background: #fff; color: #777; padding: 5px; margin-top: 25px; clear: both; height: 40px; }