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

* { margin:0; padding:0;}

body { background: #eee url(../imgs/body_bg.jpg) repeat-x top left; font-family:"Trebuchet MS", "Lucida Sans", Tahoma; font-size:13px;}

a { text-decoration:none; outline:none; }

#wrapper { width: 960px; display:block; margin: 0 auto;}

#header { height: 115px; display:block;}

a#logo { height: 58px; width: 337px; display:block; float:left; background:url(../imgs/mickdesigns_logo.jpg) no-repeat top left; text-indent:-9999px; margin-top: 28px;}

#navigation { display:block; float:right; margin-top:34px; width:350px;}

#navigation ul { list-style-type:none; display:block;}

#navigation  ul li {list-style-type: none; display:inline;}

#navigation ul li a { text-indent: -9999px;}

#navigation ul li a#home { display:block; width:96px; height: 37px; float:left; background:url(../imgs/nav_home.gif) top left no-repeat; outline:none; margin-right:10px;}

#navigation ul li a:hover#home, #navigation ul li a.active#home { background-position: left -37px; outline:none;}

#navigation ul li a#work { display:block; width:96px; height: 37px; float:left; background:url(../imgs/nav_work.gif) top left no-repeat; outline:none; margin-right:10px;}

#navigation ul li a:hover#work, #navigation ul li a.active#work { background-position: left -37px; outline:none;}

#navigation ul li a#contact { display:block; width:126px; height: 37px; float:left; background:url(../imgs/nav_contact.gif) top left no-repeat; outline:none;}

#navigation ul li a:hover#contact, #navigation ul li a.active#contact { background-position: left -37px; outline:none;}

#subheader { background: url(../imgs/subheader_bg.jpg) no-repeat top left; height:311px; width: 960px; color:#fff;}

#subheader-intro { display:block; width: 590px; padding-top: 35px; float:left;}

h2#first-slogan { background:url(../imgs/high-quality-low-cost.jpg) no-repeat top left; height:39px; width: 391px; text-indent:-9999px; margin:0px;}

h2#second-slogan { background:url(../imgs/creative-solution.jpg) no-repeat top left; height:45px; width: 450px; text-indent:-9999px; margin-bottom:20px;}

#subheader p { text-shadow: 1px 1px 1px #1f1f1f; line-height:18px; margin-bottom:10px; font-size:15px; }

#subheader a { background:#370400; padding:0 2px; color:#fff; text-decoration:none; text-shadow: 1px 1px 1px #1f1f1f;}

#subheader a:hover { background:none; padding:0 2px; color:#fff; text-decoration:none; text-shadow: 1px 1px 1px #1f1f1f;}

/* Testimonials */

#testimonials{ float:right; width:273px; height:203px; padding:40px 35px; background:url(../imgs/testimonial_bg.jpg) no-repeat top left; display:block; margin-top:13px; }

p.testi { text-indent: 40px; font-style:italic; font-size:13px !important;}

p.testi-author { font-weight:bold; text-transform:uppercase; font-size:16px; margin:0 !important; font-size:13px !important;}

p.testi-company { font-style:italic; margin:0 !important; font-size:13px !important;}

p.testi-url a { font-style:italic; margin:0 !important; font-size:13px !important; color:#fff; text-decoration:underline;}

#slider { margin:0; padding:0; list-style:none; }

#slider ul, #slider li { margin:0; padding:0; height:292px; list-style:none; }

/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:273px; height:193px; overflow:hidden; }

p#controls { margin:0; position:relative;}

#prevBtn { display:block; margin:0; overflow:hidden; width:36px; height:36px; position:absolute; right:13px;  }

#nextBtn { display:block; margin:0; overflow:hidden; width:36px; height:36px; position:absolute; right:-23px; }

#prevBtn a { display:block; width:36px; height:36px; background:url(../imgs/l_arrow.jpg) no-repeat 0 0; }

#nextBtn a { display:block; width:36px; height:36px; background:url(../imgs/r_arrow.jpg) no-repeat 0 0; }

#prevBtn a:hover { background:url(../imgs/l_arrow.jpg) no-repeat 0 -36px; }

#nextBtn a:hover { background:url(../imgs/r_arrow.jpg) no-repeat 0 -36px; }


/* Content */

#content { background:url(../imgs/content_bg.png) top center no-repeat; display:block; padding:50px 0; color:#454545; float:left; width:960px;text-shadow: 1px 1px #fff, -1px -1px #EDEDED; }

#content-left { display:block; float:left; width: 642px;}

.highlight-row { display:block; float:left; width:642px; margin-bottom: 20px;}

.highlighted-work { display:block; float:left; width: 300px; margin: 0 10px; background:#eee;}

.highlighted-work a img {padding: 8px; background:#FAFAFA; border:1px solid #dedede; margin-bottom:10px;}

.highlighted-work a:hover img {padding: 8px; background:#DFDFDF; border:1px solid #dedede; margin-bottom:10px;}

.highlighted-work h4 { font-size: 18px; border-bottom:1px solid #842C00; color:#842C00; font-style:italic; display:block; padding-bottom: 4px; margin-bottom: 10px;  }

.highlighted-work p { line-height:20px; }

/* Sidebar */

#sidebar { float:right; display:block; width:310px;}

#featured-services { display:block; float:left; width: 280px; margin: 0 10px;}

#featured-services ul{ list-style-type:none;}

#featured-services ul li{ list-style-type:none; padding: 10px; border-bottom: 1px solid #D1D1D1; border-top: 1px solid #fff; float:left; display:block; width:280px;}

#featured-services ul li:hover { background: #F5F4F3;}

#featured-services ul li.active { background: #F5F4F3;}

#featured-services li a .icon_services {float:left; margin: 0 10px 0 0; border:none; display:block; float:left; display:block;}

#featured-services li a h4 {color: #842C00; font-style:italic; text-decoration:none !important; margin:0px; font-size:13px; padding:0; clear:none;border:none; }

#featured-services li a p {color: #454545; font-style:italic; text-decoration:none; font-size:12px; border:none; }

/* r */
#footer_container { background:#f5f4f3; display:block; clear:both; height:76px;}

#footer { display:block; background: #f5f4f3 url(../imgs/footer_bg.jpg) no-repeat top center; width: 960px; margin: 0 auto; clear:both; padding: 20px 0 0 0;} 

/* Headers */

h3.browse-category-text { display:block;  height: 14px; margin: 0 0 20px 0; text-indent:-9999px; background:url(../imgs/browse-category.png) no-repeat top left;}

h3.featured-services-text { display:block; height: 14px; margin: 0 0 20px 0; text-indent:-9999px; background:url(../imgs/featured-services.png) no-repeat top left;}

h3.highlighted-work-text { display:block;  height: 14px; margin: 0 0 20px 0; text-indent:-9999px; background:url(../imgs/highlighted-work.png) no-repeat top left;}

h3.web-design-development-text { display:block;  height: 14px; margin: 0 0 20px 0; text-indent:-9999px; background:url(../imgs/web-design-development.png) no-repeat top left;}

h3.contact-text { display:block;  height: 14px; margin: 0 0 20px 0; text-indent:-9999px; background:url(../imgs/contact.png) no-repeat top left;}

h3.other-ways-contact-text { display:block;  height: 14px; margin: 0 0 20px 0; text-indent:-9999px; background:url(../imgs/other-ways-contact.png) no-repeat top left;}

h3.html-email-marketing-text{ display:block;  height: 14px; margin: 0 0 20px 0; text-indent:-9999px; background:url(../imgs/html-email-marketing.png) no-repeat top left;}

h3.moved{ display:block;  height: 14px; margin: 0 0 20px 0; text-indent:-9999px; background:url(../imgs/moved.png) no-repeat top left;}

/* Contact Form */

.div_textfield { float:left; display:block; margin-top: 20px; width:630px; }

.div_textfield .textfield { border: 1px solid #DEDEDE; width: 430px; background: #FAFAFA; color:#454545;  display:block; font-size:24px; font-family:"Trebuchet MS", "Lucida Sans", Tahoma;  padding:2px; float:left; text-shadow: 1px 1px #fff, -1px -1px #EDEDED; }

.div_textfield .textfield:hover { background:#fff; z-index:25; }

.div_textfield label { display:block; line-height:24px; text-align:left; margin-right: 20px; padding-top: 3px; font-size:18px; float:left; width:150px;}

.submit_button { background: url(../imgs/submit_button.png) no-repeat center center; width: 106px; padding: 10px 0; color:#fff; border:none; margin-top: 6px; font-size:11px; font-weight:bold; cursor:pointer; }

.message-box { text-align: center; padding: 5px; color:#545454; width:80%;  margin:5px auto; }  

.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }
 
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; } 

.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; } 

.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; } 

.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }

form .error { border: 2px solid #e10c0c; }

/* Work */
.work img { padding: 5px; background:#F5F4F3; border-right: 2px solid #D1D1D1; border-bottom: 2px solid #D1D1D1; border-left: 1px solid #fff; border-top: 1px solid #fff; }

div.work { margin-bottom: 40px; display:block; clear:both;}

.work h4 { font-size: 18px; color:#454545; font-style:italic; display:block; margin-top: 10px;  }

.work a, .work a:link, .work a:visited, .work a:active { color:#8D2E00; border-bottom:1px dotted #8D2E00;}

.work a:hover { color:#8D2E00; border-bottom:none;}

h3.logo-identity-design-text { display:block;  height: 14px; margin: 0 0 20px 0; text-indent:-9999px; background:url(../imgs/logo-identity-design.png) no-repeat top left;}

/* Left Navigation */

.left_navigation  { width: 290px; float:left; display:block; margin: 0 10px;} 

.left_navigation ul{ list-style-type:none;}

.left_navigation div {  }

.left_navigation a.mainnav { cursor:pointer; display:block; padding:10px; margin-top: 0; border-bottom: 1px solid #D1D1D1; border-top: 1px solid #fff;  text-decoration: none; font-weight: bold; color:#fff; background: #F5F4F3; }

.left_navigation a:hover.mainnav { background: #fcfcfc;}

.left_navigation a.mainnav.selected { background: #fcfcfc;}

.left_navigation a .icon_services {float:left; margin: 0 10px 0 0; border:none; display:block; float:left; display:block;}

.left_navigation a h4 {color: #842C00; font-style:italic; text-decoration:none !important; margin:0px; font-size:13px; padding:0; clear:none;border:none; }

.left_navigation a p {color: #454545; font-style:italic; text-decoration:none; font-size:12px; border:none; }

.left_navigation ul.subnav { list-style-type: none; display:block; padding: 0px 0px; } 

.left_navigation ul.subnav li { margin: 0px 0px; display:inline; } 

.left_navigation ul.subnav li a{ color:#842C00; display:block; padding: 4px 4px 4px 30px; font-size:12px; font-weight:bold; font-style:italic;  }

.left_navigation ul.subnav li a:hover{ text-decoration:none; color:#454545;  } 

.left_navigation ul.subnav li a.active { color:#454545; }