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

/* CSS Document */

/* Reset */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/* Content start */
body {background:#fff; margin: 0 auto; padding: 0;}

/* Main wrapper */
#container {width: 990px; margin: 0 auto; height:auto; padding:0; margin-bottom:40px; position:relative; }

/* home page content */
.home-content { text-align:center; margin: 50px 0 80px 0; position:relative;}
/* main "Mike Carter" heading button splash page */ 
h1#splash  {width: 130px; height:120px; margin:0 auto; margin-top:30px; padding:0;}
h1#splash a {display:block; width: 118px; height:120px; background: url(http://www.mikecarterstudio.com/images/mike-carter-home.jpg) no-repeat; text-indent: -99999em;}
   
/* main "Mike Carter" heading button sub pages */  
h1#h1sub  {width: 138px; height:130px; margin:0 auto; margin-top:20px; padding:0 0 20px 0;}
h1#h1sub a {display:block; width: 130px; height:130px; background: url(http://www.mikecarterstudio.com/images/mike-logo-sub.jpg) no-repeat; text-indent: -99999em;}

/* Main content wrapper */
#content {width: 792px;  padding:10px 100px 15px 93px; height:auto;}
#gallery-wrapper {width: 980px;  padding:50px 0 15px 0; height:auto; position:relative;}
/* Clients page */
#clients-content {width: 882px;  padding:10px 10px 15px 93px; height:auto;}
#clients-content ul  {padding: 0 0 1em 0;} 
#clients-content ul li {font-family: Arial, Tahoma, Geneva, sans-serif; color:#333; font-size:14px; line-height:20px; padding-left:23px; background: url(http://www.mikecarterstudio.com/images/star-sm.gif) no-repeat; list-style:none; background-position:.3em .2em; margin: 0 0 2px 0;}
   
/* Footer */
#footer {width: 979px; clear:both; height:auto; position:relative; padding:10px 0 0 0; text-align:right; border-top: 1px solid #ccc; margin:80px 0 0 0; }
#footer p {color: #556fba; font-size:11px; text-align:right;}
#footer a {color: #556fba; font-size:11px; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/* Typography */
h1 {font-family: Georgia, Georgia, Arial, Times, serif; color:#fff; font-size:17px; line-height:127%; padding:0 0 10px 0;}
h2 {font-family: Arial, Times, serif; color: #1e3c94; font-size:18px; font-weight:bold; line-height:127%; padding:0 0 3px 0; text-transform:uppercase;}
h3 {font-family: Arial, Times, serif; color:#ef1b23; font-size:15px; padding:0 0 5px 0;}
p {font-family:Arial, Times, serif; color:#333;	font-size:14px; line-height:20px; margin: 0 0 15px 0;}

/* Lists */
#content ul  {padding: 0 0 1em 0;}
#content ul li {font-family: Tahoma, Geneva, sans-serif; color:#333; font-size:14px; line-height:20px; padding-left:25px; background: url(http://www.mikecarterstudio.com/images/star.gif) no-repeat; 	list-style:none; background-position:.3em .2em; margin: 0 0 1em 0;} 

/* Link styles */
a {color:#00aeef; text-decoration:underline; outline:none;}
a:hover {text-decoration:none;}

/* gallery pointers */
#prevNext {text-align:center;}
#prevNext img {position: relative; z-index: 2; cursor: pointer; padding:0 10px;}

/* gallery zoom icon */
#zoom{position:absolute; padding:5px; display:none; color:#fff;}
.tooltip{position:absolute; width:32px;}

/* Bio page */
#port-links {text-align:center; margin-top:30px;}
#port-links ul {padding: 0 0 1em 0; font-size:12px; line-height:1.3em; position: relative;}
#port-links ul li { font-family: Arial, Tahoma, Geneva, sans-serif; color:#333; font-size:13px; line-height:20px; padding-left:23px; background: url(http://www.mikecarterstudio.com/images/star.gif) no-repeat; 	list-style:none; background-position:.3em .1em; margin: 0 80px; display:inline;}	

/* testimonials page */
blockquote {padding:5px 0 3px 0;}
blockquote p {font-family: Georgia, Verdana, Arial, serif; color:#1e3c94; font-size:15px; font-style:italic; margin: 0 0 7px 0;}
.quote-name {color:#333; font-size:13px; margin:0; line-height:120%;font-family: Arial, sans-serif; font-style:normal;}
/* Misc Styles */	
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.clear {clear:both;}
.hide {display: none;}
.sm-txt { font-size:11px;}
.top-30 { padding-top:30px;}


/* FEB 28 2011 */
a.url { color: #1e3c94;  }
img.stLg { padding:0 10px;}
img.stSm { padding:0 5px;}
.eblastWrap { padding:40px 0 0 0; overflow:hidden;}
.eblastWrap h2 {padding:0 0 10px 0;}
.eblastWrap p.credit { float:right; font-style:italic;}
.eblastWrap .row {overflow:hidden;}
.eblastWrap .thumbMain { float:left; width:240px; position:relative; text-align:center; }
.eblastWrap .thumbMain img { }
.eblastWrap .thumbMain p, .eblastWrap .thumbGroup p { font-size:11px; font-style:italic;}
.eblastWrap .thumbMain a {width: 240px; height: 160px; display: block;position:relative;margin-bottom:10px;}
.eblastWrap .thumbMain a span {	width: 240px; 	height: 160px; display: block; position: absolute; top: 0px; left: 0px;	background: url(../images/eblastFrame1.png) no-repeat;}

.eblastWrap .thumbGroup {float:left; width:300px; text-align:center;}
.eblastWrap .thumbGroup ul {margin:0; padding:0;}
.eblastWrap .thumbGroup ul li { position:relative; list-style:none; width:140px; display:block; height:120px;
	float:left;
	margin: 0 10px 10px 0 !important;
}

.eblastWrap .thumbGroup ul li a {width:140px;
	display:block; height:120px;}
.eblastWrap .thumbGroup ul li span {
	width: 140px;
	height: 120px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/eblastFrame2.png) no-repeat;
}
.eblastFooter { text-align:center; margin: 30px 0 80px 0; position:relative;}
body#eBlastbod div#footer {display:none;}
img.cluster { position:absolute; top:-70px; right:0;}
.eblastWrap .sec1 { float:right; width:730px;}
.eblastWrap .sec2 { float:right; width:680px;}
h2 span {color:#ef1b23;}
.eblastWrap a {color:#ef1b23;}

#loading {position:absolute; top:21px; left:593px; font-family:Arial; font-size:13px;color:#ec1d27;font-weight:bold;}