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

body { margin:0; padding:0px;
font: normal 11px/1.5em "lucida grande", Verdana, Arial, Helvetica, sans-serif; background:#a5a5a5; color:#808080; }
a {outline: none;}
h1 {font-size:22px;}
h2 {font-size:17px;}
strong {font-weight:bold;}
em {font-style:italic;}


a:hover {color:#808080;}

/*----------------------------------- Container -------------------------------------------*/

#container { position:relative; background:#DCDEE0 url(../images/body_bkg.gif) repeat-x center top ; min-width:850px;}


/*----------------------------------- Branding -------------------------------------------*/


#branding {height:150px;  width:100%; margin:0 auto; padding:50px 0 0 0; text-align:center; position:relative; z-index:+12 }
#branding h1 {text-align:center; background:url(../images/msi_logo.gif) no-repeat center top; width:425px; height:100px; margin:0px auto 0 auto; text-indent:-9999px;
}

#branding h1 a {display:block; width:425px; height:100px; background:url(../images/msi_logo.gif) no-repeat center top; }

#branding h1 a:hover {display:block; width:425px; height:100px; background:url(../images/msi_logo-over.gif) no-repeat center top; }


/*----------------------------------- menu -------------------------------------------*/


#topmenu {height:30px;  width:100%; margin:0 auto; padding:10px 0 0 10; text-align:center;  position:relative; width:490px;  }
#topmenu h5 { text-align:left; font:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:11px; font-weight:100; width:490px; height:30px;
}


/*----------------------------------- Content and Content_port (for portfolio section) -------------------------------------------*/




#content {width:670px; margin:0 auto; line-height:1.7em; padding:0 0 20px 0; }

#content_port {width:750px; margin:0 auto; line-height:1.7em; padding:0 0 200px 0; position:relative; height:200px;}



#content h1, #content_port h1 {color:#00AEEF;}
#content a, #content_port a {color:#00AEEF;}
#content a:hover {color:#616161;}
#container h2 {clear: left;}
#content h3, #content_port h3 {font-size:15px; font-style:italic; letter-spacing:-0.04em;}
#content h4, #content_port h4 {font-size:13px; font-weight:bold;}

#container.news h2 { margin:30px 0 0px 0px; padding:20px 0 8px 0; font-size:14px; border-top:1px dotted #CCCCCC;color:#00AEEF; font-weight:bold; clear:left; }
#container.news p {margin:0 0 0 0px; line-height:1.7em}
#container.news #list_indent p {padding: 0px 0px 0px 10px;}

img.news {margin:0; padding:0; border:4px solid #00aeef;}
img.news:hover {border:4px solid #616161;}

body.home2 #content {padding:0 0 200px 0;}
body.home2 #content img {float:left; padding:0 35px 25px 0;}

#about1 {float:left; line-height:1.7em; padding:0 0 5px 0; margin:0; }
#about2 {padding:1px 0 5px 250px; margin:0; line-height:1.7em;}

#image_right {float:right; padding:5px; height:297px; width:297px; margin:0 100px 0 0;}

/*----------------------------------- Planetary Thoughts -------------------*/

body.home2 #content #thoughts img {
display: block;
float: none;
margin: 0 auto;
padding: 3px;
}

p.caption {
margin: 0 auto;
padding: 0;
text-align: center;
font-style: italic;
font-weight: bold;
}

/*----------------------------------- SubContent - this is the info at the bottom of the home -------------------*/

#subcontent {width:750px; position:absolute; bottom:0px; margin:0 50% ; left:-375px;
background:url(images/content_sub_bkg.png) no-repeat; height:160px; overflow:hidden; }

#subcontent h2 { color:#00AEEF;}

#subcontent div {width:190px;  padding:35px 20px 20px 20px; float:left; margin:0px; position:relative; }
#subcontent #sub_port {width:230px;}
#subcontent #sub_news {padding-left:30px;}
#subcontent #sub_blog {padding-right:10px;}

#subcontent p {line-height:1.2;}

#subcontent p a {padding:0 0px 0 0;color:#00AEEF ; text-decoration:none;}
#subcontent p a:hover {color:#808080;text-decoration:underline;}

#subcontent h2 a {padding:0 0px 0 0;color:#00AEEF ; text-decoration:none;}



/*----------------------------------- Main Nav and quicklinks to port section-------------------*/

#nav_main, #nav_port { position:absolute;
top:30px;
left:0px;
width:104px;
list-style:none;
margin:0px;
padding:0px;}

#nav_port {top:60px; }

#nav_main li, #nav_port li { display:block; position:absolute; z-index:10; list-style:none;}
#nav_main li a, #nav_port li a { display:block; text-indent:-9999px;}

li#li_services {width:104px;
height:122px;
top:0px;}
li#li_services a {width:104px;
height:122px;
background:url(images/li_creativeservices2.png) no-repeat right top;
z-index:20;}
li#li_services a:hover {
height:122px; z-index:30;
background:url(images/li_creativeservices2.png) no-repeat right -136px;}

li#li_about {width:104px;
height:122px; top:80px;}
li#li_about a {width:104px;
height:122px;
background:url(images/li_about_2.png) no-repeat right top;
z-index:30;}
li#li_about a:hover {
height:122px;z-index:30;
background:url(images/li_about_2.png) no-repeat right -130px;}

li#li_news {width:104px;
height:122px; top:160px;}
li#li_news a {width:104px;
height:122px;
background:url(images/li_currentnews_2.png) no-repeat right top;
z-index:30;}
li#li_news a:hover {
height:122px;z-index:30;
background:url(images/li_currentnews_2.png) no-repeat right -120px;}

li#li_work {width:104px;
height:122px; top:240px;}
li#li_work a {width:104px;
height:122px;
background:url(images/li_work_2.png) no-repeat right -5px;
z-index:30;}
li#li_work a:hover {
height:122px;z-index:30;
background:url(images/li_work_2.png) no-repeat right -140px;}




li#print_tab {width:48px;
height:40px; top:355px; }
li#print_tab a {width:48px;
height:50px; background:url(images/print_tab.png) no-repeat right top;}
li#print_tab a:hover { background:url(images/print_tab.png) no-repeat right top;
height:70px; }


li#web_tab {width:45px;
height:50px; top:410px; }
li#web_tab a {width:45px;
height:50px; background:url(images/web_tab.png) no-repeat right top;}
li#web_tab a:hover {background:url(images/web_tab.png) no-repeat right top;
height:70px; }


li#id_tab {width:43px;
height:50px; top:290px; }
li#id_tab a {width:43px;
height:50px; background:url(images/id_tab.png) no-repeat right top;}
li#id_tab a:hover { background:url(images/id_tab.png) no-repeat right top;
height:70px; }


li#ad_tab {width:46px;
height:40px; top:331px; }
li#ad_tab a {width:50px;
height:40px; background:url(images/ad_tab.png) no-repeat right top;}
li#ad_tab a:hover {background:url(images/ad_tab.png) no-repeat right top;
height:70px; }


li#brand_tab {width:45px;
height:35px; top:385px; }
li#brand_tab a {width:45px;
height:35px; background:url(images/brand_tab.png) no-repeat right top;}
li#brand_tab a:hover { background:url(images/brand_tab.png) no-repeat right top;
height:50px; }

/*----------------------------------- company -------------------*/

#company { position:absolute;
top:50px;
right:0px;
height:150px;
width:600px; }

#postmail { position:absolute; top:855px; right:0px; height:180px; width:185px; background-color:#333333; padding:8px 5px 0px 0;} 

#postmail h6 { text-align:RIGHT; font:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:11px; top:855px; padding:8px 5px 0px 0;  font-weight:100; width:185px; height:180px;
}



/*----------------------------------- Nav that contains contact and testimonials, also includes home link -------------------*/


#nav_sub { position:absolute;
top:550px;
right:0px;
height:150px;
width:80px; }

#nav_sub li { display:block; position:absolute; z-index:10;  right:0px; list-style:none; }

#nav_sub li a {display:block; position:absolute;  right:0px;  text-indent:-9999px; }


li#testimonials {width:35px;
height:140px;   }
li#testimonials a {width:35px; height:140px; background:url(../images/contact_tab.gif) no-repeat left top;} 
li#testimonials a:hover {width:245px; height:150px; }







/*----------------------------------- Site info - text links and other site info -------------------*/

#siteinfo {color:#616161;  }

#siteinfo p {margin:0px 10px 0 0;
text-align:right; font-size:11px; line-height:1.3em;}

#sitemap {width:700px; margin:20px auto 0 auto;}
#sitemap li {list-style:none; display:inline; padding:0 5px; list-style:outside}
#siteinfo a {color:#616161; text-decoration:none;}

#siteinfo a:hover { color:#ffffff; text-decoration:underline;}



/*----------------------------------- Sitemap - differently styled links -------------------*/
#content.sitemap {font-family: "lucida grande", Verdana, Arial, Helvetica, sans-serif;  }
#content.sitemap h2 {font-size:12px; font-weight:bold; margin:10px 0 5px 0; font-family: "lucida grande", Verdana, Arial, Helvetica, sans-serif; }
#content.sitemap  ul {margin-top:5px; font-family: "lucida grande", Verdana, Arial, Helvetica, sans-serif;}
#content.sitemap  a {color:#616161; text-decoration:none; border-bottom:#616161 dotted 1px; 
font-family: "lucida grande", Verdana, Arial, Helvetica, sans-serif;}
#content.sitemap  a:hover { color:#333333; text-decoration:none; border-bottom:#333333 solid 1px;
 font-family: "lucida grande", Verdana, Arial, Helvetica, sans-serif;}

#content.sitemap ul li {font-weight:bold; margin:2px 0px;}
#content.sitemap ul li ul li {font-weight:normal;}
#container.sitemap #branding a {border:none;}

#col1 {width:300px; float:left; line-height:1.5em;}
#col2 { padding:26px 0 0 310px; line-height:1.25em;}



/* ----- random styles ----- */

.noLink {	color: #03AEEE; 	font-size: 20px !important; font-style: normal !important }