/*
Theme Name: Martha Cooper Design
Theme URI: http://www.marthacooperdesign.com
Description: Martha Cooper Design
Author: Martha Cooper Design and Example7
Author URI: http://www.marthacooperdesign.com and http://www.example7.com
Tags: Martha Cooper Design

	site name   Martha Cooper Design
	site url    http://www.marthacooperdesign.com
	
*/

/* -------------------[ Layout - Global ]------------------- */

body { margin: 0; padding: 0; background-color: #1E2329; background-image: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/background.jpg); background-position: center top; background-repeat: repeat; color: #370E07; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; }

#container { width: 990px; margin: 0; padding: 0; background-image: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/container_sides.jpg); background-position: center top; background-repeat: repeat-y; }

#header { clear: both; width: 854px; height: 130px; background-color: #DAE4F0; }
#logo { float: left; width: 463px; padding: 5px 0 0 45px; margin: 0; text-align: left; }
#menu { float: left; width: 346px; padding: 0; margin: 97px 0 0 0; text-align: left; }

#content-top-tear { clear: both; width: 854px; height: 10px; position: relative; padding: 0; margin: 0; background-image: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/content_top_tear.jpg); background-position: top; background-repeat: no-repeat; }

#container-footer { clear: both; width: 990px; height: 125px; padding: 0; margin: 0; background-image: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/container_footer.jpg); background-position: bottom; background-repeat: no-repeat; }

#text-footer { margin: 7px 67px 0 0; text-align: right; font-size: 10px; line-height: 10px; color: #879FC3; }

/* -------------------[ Layout - Home ]------------------- */

#home-content { width: 854px; padding: 20px 0 0 0; margin: 0 0 -50px 0; background-color: #AFC0DC; }

#home-middle-area { width: 778px; height: 453px; padding: 0; margin: 10px 0 15px 0; }
#home-showcase { float: left; width: 542px; height: 453px; padding: 0; margin: 0; }
#home-news { float: right; width: 220px; padding: 0; margin: 0; background-color: #391309; }
#home-news-1 { width: 220px; height: 45px; background-image: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/home/news-top.png); background-position: top; background-repeat: no-repeat; }
#home-news-2 { width: 190px; height: 393px; background-color: #391309; text-align: left; padding: 0 15px 0 15px; color: #FFF; font-size: 11px; line-height: 14px; }
#home-news-3 { width: 220px; height: 15px; background-image: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/home/news-bottom.png); background-position: top; background-repeat: no-repeat; }

#home-footer {  }

#home-bottom { clear: both; width: 854px; height: 50px; padding: 0; margin: 0; background-color: #AFC0DC; }

/* -------------------[ Layout - Case Studies - Left Navigation ]------------------- */

#casestudies-main-nav, #casestudies-left-top { clear: both; float: left; width: 155px; height: 475px; padding: 15px 0 0 15px; margin: 0; text-align: left; top: 0; background-color: #55251A; color: #AEC0DB; font-size: 14px; line-height: 18px; }

#casestudies-main-nav a:link, #casestudies-left-top a:link, 
#casestudies-main-nav a:visited, #casestudies-left-top a:visited, 
#casestudies-main-nav a:active, #casestudies-left-top a:active
{ color: #AEC0DB; text-decoration: none; }

#casestudies-main-nav a:hover, #casestudies-left-top a:hover
{ color: #b64b01; text-decoration: none; }

.csselected { font-weight: bold; text-decoration: underline; }
.csselected a, .csselected a:link, .csselected a:active, .csselected a:visited { color: #FFF; text-decoration: underline; }
.csselected a:hover { color: #b64b01; text-decoration: underline; }

/* -------------------[ Layout - Case Studies ]------------------- */

#casestudies-top-tear { clear: both; width: 854px; height: 10px; position: relative; padding: 0; margin: 0; background-image: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/casestudies_top_tear.jpg); background-position: top; background-repeat: no-repeat; }

#casestudies-content { width: 854px; padding: 0; margin: 0; text-align: left; top: 0; overflow: auto; background-color: #FFF; }

#casestudies-left { clear: both; float: left; width: 170px; height: 554px; padding: 0; margin: 0; text-align: left; top: 0; background-color: #AEC0DB; }
#casestudies-left-bottom { width: 170px; height: 64px; padding: 0; margin: 0; text-align: left; top: 0; background-color: #AEC0DB; color: #55251A; }
#casestudies-right { float: left; width: 684px; height: 544px; padding: 0; margin: 0; text-align: left; background-color: #FFF; }

#casestudies-main-img { float: left; width: 669px; height: 480px; padding: 10px 0 0 15px; margin: 0; text-align: left; top: 0; background-color: #FFF; }
#casestudies-main-hbreak { clear: both; width: 854px; height: 4px; padding: 0; margin: 0; top: 0; background-color: #55251A; }
#casestudies-main-info1 { clear: both; float: left; width: 185px; height: 60px; padding: 15px 0 0 0; margin: 0; text-align: left; top: 0; background-color: #AEC0DB; }
#casestudies-main-info2 { float: left; width: 492px; height: 60px; padding: 15px 0 0 0; margin: 0; text-align: left; top: 0; background-color: #AEC0DB; }
#casestudies-main-infonav { float: left; width: 177px; height: 60px; padding: 15px 0 0 0; margin: 0; text-align: left; top: 0; background-color: #879FC3; }

#casestudies-bottom-tear { clear: both; width: 854px; height: 14px; position: relative; padding: 0; margin: 0; background-image: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/casestudies_bottom_tear.jpg); background-position: top; background-repeat: no-repeat; }

#casestudies-footer { clear: both; width: 990px; height: 85px; padding: 0; margin: 0; background-image: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/container_footer_casestudies.jpg); background-position: bottom; background-repeat: no-repeat; }

/* -------------------[ Layout - News ]------------------- */

#news-content { width: 760px; padding: 0; margin: 0; text-align: left; top: 0; overflow: auto; }

#news-archives { float: left; margin: 23px 0 0 48px; }

.adrop { border: none; background-color: #d4dff0; color: #406499; font-size: 11px; border: 1px solid #406499; }

/* -------------------[ Layout - About and Contact ]------------------- */

#aboutcontact-top { clear: both; width: 854px; height: 35px; padding: 0; margin: 0; background-image: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/aboutcontact_top.jpg); background-position: top; background-repeat: no-repeat; line-height: 0; }
#aboutcontact { clear: both; width: 854px; padding: 0; margin: 0; background-image: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/aboutcontact_middle.jpg); background-position: top; background-repeat: repeat-y; }

#aboutcontact-content { width: 764px; padding: 0; margin: 0; text-align: left; top: 0; overflow: auto; }

#leftcolumn { float: left; width: 525px; padding: 0; margin: 0 0 10px 0; }
#rightcolumn { float: right; width: 200px; padding: 0 0 0 39px; margin: 0 0 10px 0; font-size: 11px; line-height: 15px; }

#aboutcontact-bottom { clear: both; width: 854px; height: 50px; padding: 0; margin: 0; background-image: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/aboutcontact_bottom.jpg); background-position: top; background-repeat: no-repeat; line-height: 0; }

/* -------------------[ Navigation - Top ]------------------- */

#nav ul { float: left; list-style: none; margin: 0; padding: 0; }
#nav li { float: left; list-style: none; margin: 0; padding: 0; }

li.nav1 a { float: left; display: block; width: 98px; height: 14px; background: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/nav/nav1.jpg) no-repeat 0 0; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px; }
li.nav1 a:hover { background-position: 0 -14px; }
li.nav1 a.active { background-position: 0 -28px; }

li.nav2 a { float: left; display: block; width: 41px; height: 14px; background: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/nav/nav2.jpg) no-repeat 0 0; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px; }
li.nav2 a:hover { background-position: 0 -14px; }
li.nav2 a.active { background-position: 0 -28px; }

li.nav3 a { float: left; display: block; width: 49px; height: 14px; background: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/nav/nav3.jpg) no-repeat 0 0; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px; }
li.nav3 a:hover { background-position: 0 -14px; }
li.nav3 a.active { background-position: 0 -28px; }

li.nav4 a { float: left; display: block; width: 68px; height: 14px; background: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/nav/nav4.jpg) no-repeat 0 0; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px; }
li.nav4 a:hover { background-position: 0 -14px; }
li.nav4 a.active { background-position: 0 -28px; }

/* -------------------[ Navigation - Case Studies ]------------------- */

#csnav ul { float: left; list-style: none; margin: 0; padding: 0; }
#csnav li { float: left; list-style: none; margin: 0; padding: 0; }

li.csnav1 a { float: left; display: block; width: 124px; height: 30px; background: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/nav/csnav1.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px; }
li.csnav1 a:hover { background-position: 0 -30px; }
li.csnav1 a.active { background-position: 0 -60px; }

li.csnav2 a { float: left; display: block; width: 124px; height: 14px; background: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/nav/csnav2.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px; }
li.csnav2 a:hover { background-position: 0 -14px; }
li.csnav2 a.active { background-position: 0 -28px; }

li.csnav3 a { float: left; display: block; width: 124px; height: 30px; background: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/nav/csnav3.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px; }
li.csnav3 a:hover { background-position: 0 -30px; }
li.csnav3 a.active { background-position: 0 -60px; }

li.csnav4 a { float: left; display: block; width: 124px; height: 30px; background: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/nav/csnav4.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px; }
li.csnav4 a:hover { background-position: 0 -30px; }
li.csnav4 a.active { background-position: 0 -60px; }

li.csnav5 a { float: left; display: block; width: 124px; height: 30px; background: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/nav/csnav5.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px; }
li.csnav5 a:hover { background-position: 0 -30px; }
li.csnav5 a.active { background-position: 0 -60px; }

li.csnav6 a { float: left; display: block; width: 124px; height: 30px; background: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/nav/csnav6.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px; }
li.csnav6 a:hover { background-position: 0 -30px; }
li.csnav6 a.active { background-position: 0 -60px; }

li.csnav7 a { float: left; display: block; width: 124px; height: 30px; background: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/nav/csnav7.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px; }
li.csnav7 a:hover { background-position: 0 -30px; }
li.csnav7 a.active { background-position: 0 -60px; }

li.csnav8 a { float: left; display: block; width: 124px; height: 45px; background: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/nav/csnav8.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px; }
li.csnav8 a:hover { background-position: 0 -45px; }
li.csnav8 a.active { background-position: 0 -90px; }

li.csnav9 a { float: left; display: block; width: 124px; height: 14px; background: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/nav/csnav9.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px; }
li.csnav9 a:hover { background-position: 0 -14px; }
li.csnav9 a.active { background-position: 0 -28px; }

li.csnav10 a { float: left; display: block; width: 124px; height: 14px; background: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/nav/csnav10.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px; }
li.csnav10 a:hover { background-position: 0 -14px; }
li.csnav10 a.active { background-position: 0 -28px; }

li.csnav11 a { float: left; display: block; width: 124px; height: 30px; background: url(http://www.marthacooperdesign.com/wp-content/themes/mcd/images/nav/csnav11.png) no-repeat 0 0; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px; }
li.csnav11 a:hover { background-position: 0 -30px; }
li.csnav11 a.active { background-position: 0 -60px; }

/* -------------------[ Text ]------------------- */

p, .p { margin: 0; padding-bottom: 10px; }

a:link, a:active, a:visited { color: #54729E; text-decoration: none; }
a:hover { color: #1E2329; text-decoration: none; }

a.ftext:link, a.ftext:active, a.ftext:visited { color: #879FC3; text-decoration: none; }
a.ftext:hover { color: #54729E; text-decoration: none; }

#home-news-2 a:link, #home-news-2 a:active, #home-news-2 a:visited { color: #D24004; text-decoration: none; }
#home-news-2 a:hover { color: #FFF; text-decoration: none; }

h1 { font-size: 14px; line-height: 16px; font-weight: normal; margin: 0; padding: 0; }

h2 { font-size: 14px; line-height: 16px; font-weight: bold; margin: 0; padding: 0; }
h2 a:link, h2 a:active, h2 a:visited { color: #370E07; text-decoration: none; }
h2 a:hover { color: #54729E; text-decoration: none; }

br { line-height: 13px; }

ul { margin-top: 0px; margin-bottom: 10px; margin-left: 2em; padding: 0px; list-style-type: none; }
li { margin-bottom: 5px; list-style type: none; background-position: 0 0.5em; padding-left: 0 0.5em; }

/* -------------------[ Images ]------------------- */

.alignright { clear: both; float: right; margin: 1px 0 15px 20px; }
.alignleft { clear: both; float: left; margin: 1px 12px 15px 0; }

img { border: none; }

img, div { behavior: url(http://ohsobeautifulpaper.com/wp-content/themes/osbp/iepngfix.htc) }

/* -------------------[ Thickbox ]------------------- */

#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #B1C2DC; }  
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }  
#TB_window a:link {color: #54729E;} 
#TB_window a:visited {color: #54729E;} 
#TB_window a:hover {color: #1E2329;} 
#TB_window a:active {color: #54729E;} 
#TB_window a:focus{color: #54729E;}
#TB_window { position: fixed; background: #FFF; z-index: 102; color:#000000; display:none; border: 2px solid #AEC0DB; text-align:left; top:50%; left:50%; }  
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; }  

#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }  
.TB_overlayMacFFBGHack {background: url(http://.com/wp-content/themes//images/thickbox_pnghack.png) repeat;} 
.TB_overlayBG { background-color:#B1C2DC; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }  

#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; }  
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; }  
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }  
#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }  
#TB_title{ background-color:#FFF; height:27px; }  

#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }  
#TB_ajaxContent.TB_modal{ padding:15px; }  
#TB_ajaxContent p{ padding:5px 0px 5px 0px; }  

#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; }  
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }  
#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } 

* html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }  
* html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }  
* html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }  
* html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

/* -------------------[ Galleria ]------------------- */

#galleria_wp  div.galleria_std  { width: 100%; margin: 0 auto; text-align: center; overflow: auto; }
.galleria_wrapper { margin-top: 9px; }

.caption0     { width: 60px; text-align: right; position: absolute; margin: 28px 0 0 -28px; padding: 0; text-align: center; font-size: 10px; line-height: 10px; color: #FFF;  }

@media screen and (-webkit-min-device-pixel-ratio:0){ .caption0 { position: fixed; margin: -114px 0 0 565px; } }

.caption1     { display: block; float: left; width: 482px; height: 54px; border-top: 4px solid #55251A; margin: 14px 0 0 0; padding: 10px 10px 0 15px; text-align: left; font-size: 11px; line-height: 13px; color: #0a2142; background-color: #AEC0DB; }

.galleria_nav { float: right; width: 177px; height: 54px; border-top: 4px solid #55251A; margin: 14px 0 0 0; padding: 10px 0 0 0; text-align: center; font-size: 10px; line-height: 10px; color: #FFF; background-color: #879FC3; }
.galleria_nav a:link, .galleria_nav a:visited, .galleria_nav a:active { color: #FFF; text-decoration: none; text-transform: uppercase; font-weight: bold; }
.galleria_nav a:hover { color: #55251A; text-decoration: none; text-transform: uppercase; font-weight: bold; }