/* CSS Document */

body { background-color:#4A4A4A; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; min-width:790px; }
p.mild { margin-bottom:10px; margin-top:0; }
p.title { font-weight:bold; margin-bottom:10px; margin-top:0; }
p.note { font-style:italic; margin-top:5px; font-size:11px; }
li { margin-bottom:7px; }

div.page-container { width:790px; height:650px; margin:0 auto; text-align:left; position:relative; z-index:0; text-align:left; background-image:url(/images/page-background.jpg); background-repeat:no-repeat; overflow:hidden; }

div.mcbg { width:739px; height:135px; position:absolute; left:25px; top:151px; z-index:1; background-repeat:no-repeat; }

div.mchome { background-image:url(/images/bg-main-logo.jpg); }
div.mcmedia { background-image:url(/images/bg-media-logo.jpg); }
div.mccomputers { background-image:url(/images/bg-computer-logo.jpg); }
div.mcabout { background-image:url(/images/bg-about-logo.jpg); }
div.mccontact { background-image:url(/images/bg-contact-logo.jpg); }
div.mcresource { background-image:url(/images/bg-resource-logo.jpg); }

div.main-menu { position:absolute; left:25px; top:287px; z-index:2; width:739px; height:22px; padding-top:3px; }

#wrightway-logo { position:absolute; right:26px; top:116px; z-index:2; }
#page-title { position:absolute; left:47px; top:161px; z-index:2; }

div.menu-item { float:left; }

div.content { width:739px; height:300px; position:absolute; left:25px; top:311px; overflow:hidden; }
div.content-left { width:200px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:5px; text-align:left; vertical-align:bottom; height:290px; position:relative; }


div.content-right { padding-top:20px; padding-left:8px; padding-right:35px; text-align:justify; 
					vertical-align:top; width:505px; height:275px; position:absolute; top:0; right:0; }
div.content-rightc { padding-top:20px; padding-left:8px; padding-right:5px; text-align:justify; vertical-align:top;  					width:525px; height:275px; position:absolute; top:0; right:0; }

#media-intro { position:absolute; left:21px; top:29px; }
#media-intro-arrow { position:absolute; left:118px; top:29px; }
#media-web { position:absolute; left:21px; top:66px; }
#media-web-arrow { position:absolute; left:162px; top:66px; }
#media-webexample { position:absolute; left:21px; top:89px; }
#media-webexample-arrow { position:absolute; left:102px; top:89px; }
#media-photo { position:absolute; left:21px; top:121px; }
#media-photo-arrow { position:absolute; left:137px; top:121px; }
#media-photoexample { position:absolute; left:21px; top:144px; }
#media-photoexample-arrow { position:absolute; left:102px; top:144px; }
#media-video { position:absolute; left:21px; top:176px; }
#media-video-arrow { position:absolute; left:130px; top:176px; }
#media-videoexample { position:absolute; left:21px; top:199px; }
#media-videoexample-arrow { position:absolute; left:102px; top:199px; }

#about-intro { position:absolute; left:21px; top:29px; }
#about-intro-arrow { position:absolute; left:118px; top:29px; }
#about-projects { position:absolute; left:21px; top:66px; }
#about-projects-arrow { position:absolute; left:118px; top:66px; }

#resources-intro { position:absolute; left:21px; top:29px; }
#resources-intro-arrow { position:absolute; left:118px; top:29px; }
#resources-guides { position:absolute; left:21px; top:66px; }
#resources-general { position:absolute; left:21px; top:89px; }
#resources-general-arrow { position:absolute; left:92px; top:89px; }
#resources-customer { position:absolute; left:21px; top:113px; }
#resources-customer-arrow { position:absolute; left:103px; top:113px; }
#resources-preorder { position:absolute; left:21px; top:137px; }
#resources-preorder-arrow { position:absolute; left:103px; top:137px; }
#resources-software { position:absolute; left:21px; top:172px; }
#resources-software-arrow { position:absolute; left:129px; top:172px; }
#resources-acrobat { position:absolute; left:21px; top:207px; }
#resources-acrobat-arrow { position:absolute; left:162px; top:207px; }

#photo-credit { position:absolute; left:15px; bottom:10px; font-size:10px; color:#CCCCCC; letter-spacing:-1px; line-height:10px; }

div.contact-line { width:430px; clear:left; }
div.contact-title { width:80px; padding-bottom:6px; padding-top:6px; vertical-align:top; float:left; }
div.contact-detail { padding-bottom:6px; padding-top:6px; vertical-align:top; float:left; }

a.clear:link, a.clear:visited, a.clear:hover, a.clear:active { display:block; height:19px; }
a:link, a:visited, a:hover, a:active { text-decoration:none; color:#3366CC; }

span.content-title { font-weight:bold; }
span.content-note { font-style:italic; font-size:11px; }
span.warning { color:#FF0000; }
span.yes { color:#009900; }
span.no { color:#CC0000; }
.small-text { font-size:11px; padding:0; margin:0; }

div.fstline { width:475px; background-color:#E2E9EB; }
div.fs1t { font-weight:bold; color:#000099; padding:2px; font-size:11px; width:186px; float:left; }
div.fs2t { font-weight:bold; color:#000099; padding:2px; font-size:11px; width:186px; float:left; }
div.fs3t { font-weight:bold; color:#000099; padding:2px; font-size:11px; width:91px; float:left; }

div.fsline { border-bottom:#CCCCCC 1px solid; width:475px; min-height:35px; }
div.fs1i { font-size:11px; padding:2px; padding-bottom:5px; width:186px; float:left; }
div.fs2i { font-size:11px; padding:2px; padding-bottom:5px; width:186px; float:left; }
div.fs3i { font-size:11px; padding:2px; padding-bottom:5px; width:91px; float:left; }

td.examples { width:410px; text-align:center; }
td.arrows { text-align:center; }

div.thumbnail { float:left; width:420px; height:215px; text-align:center; position:relative; }
img.thumbnail { margin-top:3px; }
#thumbnail_list { width:420px; height:215px; overflow:hidden; float:left; position:relative; }
#left_image { float:left; margin-top:3px; }
#right_image { float:left; margin-top:3px; }
#image_count { clear:left; width:480px; text-align:center; padding-top:3px; font-size:11px; font-weight:bold; color:#95B4BD; }
#scrolling_area { height:215px; position:absolute; left:0px; top:0px; white-space:nowrap; }
div.tn-designer { position:absolute; left:0; bottom:35px; width:420px; height:15px; overflow:hidden; font-size:11px; color:#4D82AC; font-weight:bold; }
div.tn-title { position:absolute; left:0; bottom:20px; width:420px; height:15px; overflow:hidden; font-size:11px; color:#000000; font-weight:bold; }
div.tn-url { position:absolute; left:0; bottom:5px; width:420px; height:15px; overflow:hidden; font-size:11px; font-weight:bold; }
div.tn-note { position:absolute; left:0; bottom:5px; width:420px; height:15px; overflow:hidden; font-size:10px; font-weight:bold; }
a.tn-url, a:active.tn-url, a:visited.tn-url { color:#000000; }
a:hover.tn-url { color:#003366; }