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; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; 	border-spacing: 0; }
.clear {clear:both; font-size:1px; height:0; line-height:0; margin:0; padding:0; }


/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#outerImageContainer, #imageContainer, #imageDataContainer { background-color:#4b91bd; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ float:right; }

#prevLink { margin-right:10px; }
#prevLink, #nextLink { font-size:13px; color:white;}
#prevLink:hover, #nextLink:hover { color:#8ac2e6; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; margin: 0 auto 30px; line-height: 1.4em; overflow: hidden; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 100%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ padding-bottom: 1.0em;float:left; display:inline; color:white; font-size:13px;}			
#bottomNavClose{ outline: none; position:absolute; top:-12px; right:-12px; z-index:99; }	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }




/* setup ------------------------------------------------------------------------------------------------------------ */

body { font-family:georgia, serif; background:transparent url(../images/design9-bg.jpg) no-repeat scroll center 0; } 
/*#wrapper { width:778px; margin:20px auto; }*/
#wrapper {  }
#header { width:100%; }

#content { margin:10px auto -16px; width:796px; background:white url(../images/inner-shadowx.gif) repeat-y scroll 0px 0px; }

#main { display:inline; float:right; margin:29px 27px 19px 0; width:510px; }

#sidebar { width:228px; float:left; margin:34px 0px 0px 16px; display:inline;} 
.sidebar-wrap { padding:0px 10px; }

#footer { background:transparent url(../images/design9-footer.jpg) no-repeat scroll 50% 0px; clear:both; color:#444444; font-family:Helvetica,arial,sans-serif; font-size:12px; padding:64px 0 125px; text-align:center; margin-top:10px;}

#footer, body { background-color: #75bae6; }

.hide { display:none; }




/* typography and links ------------------------------------------------------------------------------------------------------------ */

.wrapper-main h1 { border-bottom:1px solid #A3A3A3; color:#305482; font-size:23px; font-weight:normal; margin:0 0 11px; padding:0 0 8px; }

.wrapper-main p { color:#2E5885; font-size:14px; line-height:20px; margin:0 0 9px; }
.wrapper-main ul { color:#2E5885; font-size:14px; font-style:italic; line-height:17px; margin:17px 45px 0px 45px; list-style-type:disc; }
.wrapper-main ul li { margin-bottom:6px; }

.wrapper-main h2 { font-size:15px; margin:0px 0px 10px 0px; color:#0e2b4b; }
.wrapper-main h3 { color:#305482; font-size:19px; font-weight:normal; margin:0 0 8px; }
.wrapper-main h4 { color:#3f3f3f; font-size:14px; font-weight:bold; margin:0 0 8px; }
#sidebar h3 {  }

.tagline { left:50%; margin-left:44px; position:absolute; top:31px; font-style:italic; color:#2c2c2c; font-size:16px; line-height:19px;}
.tagline .row2 { margin-left:44px; }

.logolink { background-color:transparent; color:#2C2C2C; display:block; font-size:16px; font-style:italic; height:69px; left:50%; line-height:19px; margin-left:-401px; position:absolute; text-indent:-9999px; top:17px; width:383px;}

#content a { color:#3273c7; }
#content a:hover { color:#4db8ff; }

.home-callout { text-align:center; }

.more-link { float:right; display:inline; font-size:12px; margin:10px 0px 0px 0px;}



/* main nav ------------------------------------------------------------------------------------------------------------ */

#header ul { font-size:14px; font-family:Arial, sans-serif; margin:0px auto 0px; padding:100px 0px 0px 0px; width:805px; }
#header ul li { display:inline; float:left; margin:0 0px 0 0; background:transparent url(../images/divider.png) no-repeat scroll top right; position:relative; z-index:0;}
#header ul li a { display:inline-block; color:white; padding:10px 10px 5px; height:22px; margin:0px 2px 0px 0px; text-decoration:none;  }
#header ul li.current a, #header ul li a:hover { background:transparent url(../images/nav-bg.gif) repeat-x scroll 0px 0px; color:white; }
/*#header ul li a:hover .overlay { display:block; }*/
#header .overlay { left:50%; margin-left:-81px; padding:0 0 0; position:absolute; text-align:center; top:42px; width:172px; z-index:99;
/*display:none;*/}
#header .overlay-content { background:transparent url(../images/overlay.png) no-repeat scroll 0px 0px; display:block; line-height:16px; margin:0 0 0; color:black; padding:17px 18px 2px 10px; }
#header .overlay-bottom { background:transparent url(../images/overlay.png) no-repeat scroll left bottom; display:inline-block; float:left; height:11px; margin:0; padding:0; width:170px; }
/*#header .red4 .overlay-content, #header .red4 .overlay-bottom { background-image:url(../images/overlay-red4.png); color:white; }
#header .red5 .overlay-content, #header .red5 .overlay-bottom { background-image:url(../images/overlay-red5.png); color:white; }
#header .red6 .overlay-content, #header .red6 .overlay-bottom { background-image:url(../images/overlay-red6.png); color:white; } */
#header .forbes .overlay-content, #header .forbes .overlay-bottom { background-image:url(../images/overlay-forbes.png); color:white; }
/* #header .red .overlay-content, #header .red .overlay-bottom { background-image:url(../images/overlay-red.png); color:white; }
#header .yellow .overlay-content, #header .yellow .overlay-bottom { background-image:url(../images/overlay-yellow.png); color:white; }
#header .green .overlay-content, #header .green .overlay-bottom { background-image:url(../images/overlay-green.png); color:white; } */



/* subnav ------------------------------------------------------------------------------------------------------------ */


#subnav { font-family:Helvetica, arial, sans-serif; font-size:14px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-top: 4px solid #95BCCE; }
#subnav li { margin:0px 0px 0 0px; }
#subnav li a { border-top:1px solid #95BCCE; color:#00729F; display:block; margin:0 !important; padding:7px; text-decoration:none; }

#subnav li a.first:hover, #subnav li.subnavcurrent a.first { background:transparent none repeat scroll 0 0;
color:#10303F; }

#subnav li a:hover, #subnav li.subnavcurrent a, #subnav li a.first:hover, #subnav li.subnavcurrent a.first { background-color:#3b4fd1; color:white; }
#subnav li a.first { border-top:1px solid transparent; }
#subnav li a.last { border-bottom:none; }
#subnav li.magicorp a { color:#64993C; font-family:georgia,serif; font-style:italic; letter-spacing:0; }
#subnav li.magicorp.subnavcurrent a, #subnav li.magicorp a:hover, #subnav li.magicorp.subnavcurrent a:hover { background-color:#b4edab; }






/* images ------------------------------------------------------------------------------------------------------------ */

.thumb { float:left; display:inline; margin:0 5px 4px 0; padding:5px; text-align:center; } .thumb img {border:4px solid #cbcbcb; margin:0 0 5px; } 
.thumb p {  color:white; font-family:Arial,Helvetica,sans-serif; font-size:0.7em; line-height:1.2em; }
.sidebarphotos { margin:0px 0px 0px -10px; }
.services-image { float:right; display:inline; margin:0px 0px 7px 13px; padding:3px; border:1px solid #cccccc; }
.services-image.other { margin:0px 0 0 10px; }

/* bits and pieces ------------------------------------------------------------------------------------------------------------ */

.article-tools { float:right; font:12px arial, san-serif; margin:5px 0px 0px 0px}
.article-tools a { padding:0px 0px 0px 20px }
.article-tools a.printlink { background:transparent url(../images/icon-print.png) no-repeat scroll 0px 1px; color:#2E5885; text-decoration:none; }
.article-tools a:hover { text-decoration:underline; }
.article-tools a.downloadlink { }
p.backtotop { text-align:right; font-size: 13px; }
.backtotop a {  }

.callout { margin:0px 0px; border-top:1px dotted #262626; padding:10px 0px; }
#sidebar h3 { color:#305482; font-size:15px; font-weight:bold; line-height:17px; margin:0 0 6px; }
.callout p { font-size:13px; line-height:16px; }

.inline-nav { background-color:#E4F3F7; padding:7px; text-align:right; clear:both; }
.inline-nav h3 { font-size:16px; font-style:italic; margin:0 0 4px; }
.inline-nav p { font-size:16px; margin:0px; }

.divider { border-top:1px solid #cccccc; margin:19px 22px; clear:both; }
.other .divider { margin:19px 0px; }

.other p { margin-right:122px; }
.other br.clear { border-bottom:1px solid #cccccc; }

/* press ------------------------------------------------------------------------------------------------------------ */

dl.press { }
.press dt { float:left; height:61px; width:176px; }
.press dd { margin-bottom:5px; padding-left:189px; }
.press dd h3 { font-size:16px; }
.press dd p { font-size:11px; }
.press dd p a { background:#3982d0 url(../images/mag-glass.gif) no-repeat scroll 6px -182px; border-right:1px solid #3d3d3d; border-bottom:1px solid #3d3d3d; color:#ffffff !important; margin:0 0 9px; white-space:nowrap; padding:6px 10px 5px 21px; text-decoration:none;  }
.press dd p a:hover { background:#7ead44 url(../images/mag-glass.gif) no-repeat scroll 6px -182px; color:white; }
.press dt img { border:1px solid #ccc; }




/* buzz ------------------------------------------------------------------------------------------------------------ */

.testimonials {  }
.testimonials .attribution-row { background-color:white; padding:10px; }
.testimonial p { margin-bottom:0px; }
.testimonials .attribution-row p.attribution { float:left; display:inline; margin-bottom:0px; line-height:18px; font-size:14px; color:#262626; font-style:italic; }
.testimonials .attribution-row img { display:block; margin:0px auto; }
.testimonials .testimonial { clear:both; margin:0px 0px 12px 0px; border-bottom:1px dotted #262626; }
ul.clients { color:#262626; font-size:14px; font-style:italic; list-style-type:disc; margin:0 0 0 19px; }
ul.clients li { margin:9px 0px; }

dd.clear { border-bottom:1px solid #95bcce; clear:both; display:block; height:10px; margin-bottom:10px; }





/* store ------------------------------------------------------------------------------------------------------------ */

.store-item { margin-bottom:15px; border-bottom:1px dotted #262626; padding:15px 0px; }
img.book { float:left; margin:0px 10px 5px 0px; }
p.price { font-weight:bold; text-align:center; font-size:15px; }





/* print ------------------------------------------------------------------------------------------------------------ */
/* body#print { background-image:none; background-color:#BED9E0; } */
body#print { background-image:none; background-color:#ffffff; margin:20px;}
body#print h1 { font-size:1.3em; margin:11px 0; }
body#print p { line-height:1.2em; margin:10px 0; }