/*
Theme Name: MSI Design
Theme URI: http://www.greencrest.com/
Description: Custom by Greencrest
Version: 1.0
Author: Tyler Kremberg
*/

/* CSS Reset: meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
body{line-height:1;color:#000;background:#FFF;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/* end reset */

/* Globals */
body{background:#000;font-family:"Trebuchet MS", "Arial", sans-serif;font-size:13px;line-height:17px;color:#fff;}
p{color:#fff;}
h1{color:#b5121b;font-size:18px;line-height:18px;margin:0 0 18px;}
h2{color:#b5121b; font-size: 15px; margin-top: 15px; margin-bottom: 10px; }
h3{font-size:12px;color:#a9a9a9;font-weight:700;}
a{text-decoration:none;color:#fff;}
a:hover{color:#b5121b;}
strong{font-weight:700; font-size: 13px; margin: 15px 0;}
br { margin-bottom: 10px; }
br.clear { clear: both; }
.entry img { margin-bottom: 10px; } 
.entry p { max-width: 570px; padding-bottom: 10px;}
.entry li { margin-bottom: 0.4em }


/* Forms 
-------------------------------------------------------------- */
input{font-size:12px;background:#e0e0e0;padding:2px;}
input:focus{background:#fff;}
input.submit-button,input.sub_button{background:#b5121b;font-weight:700;color:#fff;font-size:12px;border:none;cursor:pointer;padding:4px;}
input.submit-button:hover{background:#810a11;}
		
/* Containers 
-------------------------------------------------------------- */
div#canvas{ width: 1000px; height: 580px; margin: 0px auto; }
.entry { padding-bottom: 0px; clear: both; margin-left:35px; }	
/* .entry img {width:924px;}  added for large images without dimensions */
div.left { width: 230px; float: left;}
div.left p { width: 215px; }

table { margin-bottom: 25px; }
table td { width: 450px; }	

/* Navigation - Brand Section
-------------------------------------------------------------- */
div#brand{float:left;width:1000px;padding:38px 0 0; margin-bottom: 37px;}
div#brand img{width:73px;height:73px;float:left; margin-left: 35px; display:inline;}

/* Top Navigation */
div#brand ul.top { float: right; margin-top: 36px; margin-right: 42px; display:inline;}
div#brand ul.top li { float: left; margin-left: 25px;  display:inline;}

/* Category Navigation and Drop Down Menus */
#category-menu { padding-top: 0px; margin-right: 35px; position:relative; z-index:20; display:inline;}
.dropdownmenu{padding-left:15px; width: 780px; float: right;}
.dropdownmenu ul{list-style-type:none;float:right;clear:right;margin:0;padding:0; font-size: 11px; }
.dropdownmenu ul li{position:relative;display:inline;float:left;}
.dropdownmenu ul li a{display:block;margin-right:3px;color:#fff;text-decoration:none;padding:5px;}
.dropdownmenu ul li:hover a{background-color: #000; }
.dropdownmenu ul li a:hover { color: #B5121B; }
.dropdownmenu ul li ul{position:absolute;left:0;display:block;visibility:hidden;}
.dropdownmenu ul li ul li{display:list-item;float:none;}
.dropdownmenu ul li ul li ul{top:0;}
.dropdownmenu ul li ul li a{width:116px;background:#000;color:#fff;margin:0;padding:2px 0 2px 5px;}
.dropdownmenu ul li ul li a:hover{ color: #B5121B;}
/*-------------------------------------------------------------------------*/


/* Portfolio Landing Page (the one that scrolls) */

div.move-right{float:left;margin:0 0 0 10px;}
div.move-right a{display:block;border:none;background:url(images/projects-right-arrow.png) no-repeat left;text-indent:-9999px;width:25px;height:475px;}
div.move-right a:hover{background:url(images/projects-right-arrow2.png) no-repeat left;}
div#move-left{float:left;clear: left; width:25px;height:475px;margin:0 13px 0 0;}
div#move-left a{background:url(images/projects-left-arrow.png) no-repeat left;text-indent:-9999px;width:25px;height:475px;display:block;border:none;}
div#move-left a:hover{background:url(images/projects-left-arrow2.png) no-repeat left;}

/* Top-level Portfolio (Category Template) 
-------------------------------------------------------------- */
div#projects-canvas {float:left;width:935px;overflow:hidden; margin-left: 35px; display:inline;}

/* Grid */
div#projects-canvas ul.projects-thumbs { height: 480px; }
div#projects-canvas ul.projects-thumbs li {float:left;margin:0 11px 11px 0;} 
div#projects-canvas ul.projects-thumbs li.proj-page {  float: left; margin-right: 0; }
div#projects-canvas ul.projects-thumbs li.proj-page ul { width: 939px; }
/* Half width: 490px */

/* Most Category Pages, with 9 images */
div#projects-canvas.cats-page { margin-left: 35px; }
div#projects-canvas.cats-page div#category-section { width: 400px; float: left;  }
div#projects-canvas.cats-page div#category-section h2 { margin-top: 0; text-transform: capitalize; font-size: 20px; color: #FFF;}
div#projects-canvas.cats-page div#category-section p { margin-top: 20px; }
div#projects-canvas.cats-page ul.projects-thumbs { width: 470px; float: right; }
div#projects-canvas.cats-page ul.projects-thumbs li.proj-page { }
div#projects-canvas.cats-page ul.projects-thumbs li.proj-page ul { width: 487px; }

/* Thumbnails */                  
div#projects-canvas ul li.proj-page ul li.thumbnail { float: left; margin:0 11px 11px 0; cursor: pointer; }                  
div#projects-canvas ul li.proj-page ul li.thumbnail a { display:block;width:145px;height:145px;font-size:14px;border:none;}
div#projects-canvas ul li.proj-page ul li.thumbnail a:hover { text-indent:0;background:#b5121b;background-image:none;}
div#projects-canvas ul li.proj-page ul li.thumbnail a p { background:#b5121b;width:115px;height:125px;cursor: pointer;display:block;opacity:0.8;filter:alpha(opacity=80);font-size:16px;line-height:22px;padding:10px 20px 10px 10px; display: none; }
div#projects-canvas ul li.proj-page ul li.thumbnail img { display:none; }
/*********************************************************************************/


/* Index Page */
div#indexpage {margin-bottom:24px; margin-left:35px;}

/* Retail and Healthcare Category Pages (three projects, four images each) */
div#projects-canvas.three-projects { margin-left: 35px; width:924px; }
div#projects-canvas.three-projects div#category-section { width: 400px; float: left;  }
div#projects-canvas.three-projects div#category-section h2 { margin-top: 0; text-transform: capitalize; font-size: 20px; color: #FFF;}
div#projects-canvas.three-projects div#category-section p { margin-top: 20px; }
div#projects-canvas.three-projects ul.projects-thumbs { width: 924px; float: right; }
div#projects-canvas.three-projects ul.projects-thumbs li.proj-page { }
div#projects-canvas.three-projects ul.projects-thumbs li.proj-page ul { width: 986px; }
                    
/* Thumbnails */    
div#projects-canvas.three-projects ul li.proj-page ul li.thumbnail { float: left; margin:0 11px 11px 0; }                  
div#projects-canvas.three-projects ul li.proj-page ul li.thumbnail a { display:block;width:300px;height:300px;font-size:14px;border:none;}
div#projects-canvas.three-projects ul li.proj-page ul li.thumbnail a:hover { text-indent:0;background:#b5121b;background-image:none;}
div#projects-canvas.three-projects ul li.proj-page ul li.thumbnail a p { background:#b5121b;width:240px;height:190px;display:block;opacity:0.8;filter:alpha(opacity=80);font-size:26px;line-height:32px;padding:100px 20px 10px 40px; display: none; }
div#projects-canvas.three-projects ul li.proj-page ul li.thumbnail img { display:none; }

/*********************************************************************************/


/* Top Level nav */   
div.post div#projects-canvas div#project-description{z-index:80;position:absolute;background:#000;width:380px;height:267px;opacity:0.8;padding:30px; font-size: 12px; display: none; }


/* Individual Project Page */
/* Project Details Page 
-------------------------------------------------------------- */


/* div.post div#projects-canvas div#project-description{height:415px;width:415px;}*/

div.post div#project-image{float:left;margin-bottom: 22px;position: relative; }

div.post div#project-image div#project-description{z-index:80;position:absolute;background:#000;width:380px;height:267px;opacity:0.8;padding:30px; font-size: 12px; display: none; }
div.post div#project-image div#project-description p {margin:0 30px 18px 0;}
div.post div#project-image div#project-description p.close-description{width:10px;height:10px;float:right;margin:3px 0 0;}
div.post div#project-image div#project-description p.close-description a.close-button{background:url(images/close.gif) no-repeat;text-indent:-9999px;display:block;width:10px;height:10px;}

/* Project Details */
div.post div#project-details { float:left; width:924px; height:131px; margin-bottom:3px;} }
div.post div#project-details ul {margin:0 0 18px;}

div.post div#project-details div.details-1 {float:left;width:320px;margin:0 40px 0 0;}
div.post div#project-details div.details-1 h1 {margin:0;}
div.post div#project-details div.details-1 p.location{color:#b5121b;margin:0 0 18px;}

div.post div#project-details div.details-2 {float:left;width:180px;margin:0 20px 0 0; font-size: 11px;}
div.post div#project-details div.details-2 h2 { margin-top: 0;}

div.post div#project-details div.details-3 {float:left; font-size: 11px; width: 220px; }
div.post div#project-details div.details-3 h2 { margin-top: 0; }

div.post div#project-details ul.project-thumbnails {float:right; margin:0 0 36px;}
div.post div#project-details ul.project-thumbnails li {float:left;margin:0 1px 0 0;}
div.post div#project-details ul.project-thumbnails li a {display:block;height:22px;width:22px;border:1px solid #000;padding:1px;}
div.post div#project-details ul.project-thumbnails li a img{width:auto;height:auto;}

/* Search Pages Container for Sitemap Navigation 
-------------------------------------------------------------- */
div#drop_container { float: left; background-color: #1a1a1a; background-color: black; width: 340px; height: 300px; padding-top:46px; }
div#drop_container div h3 { color: #B5121B; font-size: 18px; margin: 0px 0 15px 0;}
div#drop_container div { margin: 0; padding-top:0px; width:340px; display: none;}
div#left-side { float: left; width: 400px; font-size:12px; margin-right:2px; }
#searchform { margin-bottom:10px; }
#s { width:100px; } /* for input field on search form */


/* Contact Page */
div#section_left { float: left; width: 570px; height:131px; margin:12px 0 3px 0; overflow:hidden; font-size:12px; line-height:15px; }
div#section_left br { margin-bottom:0;}
div#section_left h2 { margin-bottom:2px; font-size:14px; line-height:14px;}
div#section_right { float: left; width: 340px;  height:131px; margin:12px 0 3px 0; overflow:hidden; font-size:12px; line-height:15px; }
div.contact_map { float: left; margin-right: 38px;}
div.contact_map small { margin-top: 10px;}
div#section_right p a { color: #B5121B; }
div#section_right p a:hover { color: #fff; }
div#section_right br { margin-bottom:0;}
div#section_right h2 { margin-bottom:2px; font-size:14px; line-height:14px;}

/* Recognition Page */
div.scrollable { height:131px;  width: 924px; margin:12px 0 3px 0; overflow: auto; }
div.scrollable div { float: left; width: 40%; margin-right: 40px; display:inline;}

div.scrollable h2 { margin-top: 0; }
div.scrollable h3 { color: white; font-size: 13px; margin-top: 20px; }

.jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;  }
.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:#aaa;}
.jScrollPaneDrag{position:absolute;background:#666;cursor:pointer;overflow:hidden;}
.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;}
a.jScrollArrowUp{display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;height:9px;}
a.jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;height:9px;}
div#recognition_container div p {padding:0;}




/* Search Page */

div.search-results img { margin-bottom: 20px; }
div.search-results h2.pagetitle { border-bottom: 1px solid #B5121B;margin-bottom: 10px; padding-top: 30px; clear: left; width: 600px;}
div.search-results h2.pagetitle span { color: #fff; }
div.search-results div.result_entry { margin-bottom: 0px; height:42px; }
div.search-results div.result_entry h3 { margin:0; }
div.search-results div.result_entry h3 a { font-size: 14px; }

div.search-results ul#browse_by_cat { padding:10px 0 0 0; float: none; }
div.search-results ul#browse_by_cat li { float: none; }
div.search-results ul#browse_by_cat li ul.children { margin-left: 20px; }


DIV.search-results P#browse_by_cat_head { color:white; padding-top:10px; float:left; }




/* News Page */

div#post-201 div.scrollable a img { float: left; clear: both; margin-bottom: 20px; border: 1px solid #fff; margin-right: 20px; }
div#post-201 div.scrollable p { clear:both; }


/* Principals Page */

div#post-197 div.scrollable div ul li { margin-bottom:0;}



/* About Page */
DIV#post-193 P.aboutdesc { width:570px; }



/* Footer 
-------------------------------------------------------------- */
div#footer { clear: both; margin-left: 35px; padding:8px 0 0 0; width:924px; height:50px; }

/* Top Level Pages */
div#footer ul.nav-main{font-size:11px; margin:0;}
div#footer ul.nav-main li{float:left;margin:0 15px 0 0; }
div#footer ul.nav-main li a{color:#fff;border:none;}
div#footer ul.nav-main li a:hover, div#footer ul.nav-main li.current_page_item a { color: #B5121B; }

div#footer ul.nav-sub {font-size:10px; margin:0; clear: both;}
div#footer ul.nav-sub li{float:left;margin:0 15px 0 0; }
div#footer ul.nav-sub li a{color:#fff;border:none;}
div#footer ul.nav-sub li a:hover, div#footer ul.nav-sub li.current_page_item a { color: #B5121B; }

/* Links to Search / Newsletter Sign-up */	
div#footer p.search-nav{color:#343434;font-size:11px; float:right; }
div#footer p.search-nav a{color:#5b5b5b;border:none;}
div#footer p.search-nav a:hover{color:#fff;}