@charset "UTF-8";
* {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	text-decoration: none;
}
body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #000;
	background-color:#000000;
	}
#content {
	margin: 0em;
	padding: 4em 6em 2em 6em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 100%;
	line-height: 1.2em;
	color:#666666;
	}
.narrow2{
	width: 100%;
	line-height: 1.3em;
	}
	
		
/*typography*/
a {
	text-decoration: none;
	color: #333333;
	font-family: 'Questrial', sans-serif;
	font-size:1.1em;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: none;
	color:#ff0000;
	}
	.blk_bkg a {
	color: #fff;
	}
	
h1 {
	font-family: 'Questrial', Arial, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom:2em;
	color:#000000;
	line-height: 1.5em;
	}
h2 {
	font-family: 'Questrial', Arial, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: -0.2em;
	color: #000000;
	}
h3 {
	font-family: 'Questrial', Arial, sans-serif;
	font-size: 1.4em;
	margin-bottom:6px;
	color:#000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	margin-left: 0px;
	}
	.blk_bkg h3 {
	font-family: 'Questrial', Arial, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom:0.2em;
	color:#fff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	margin-left: 0px;
	}
h4 {
	font-family: 'Questrial', Arial, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom:0.3em;
	color:#000000;	
	}
	.blk_bkg h4 {
	font-family: 'Questrial', Arial, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom:0.3em;
	color:#FF0000;
	}
h5 {
	font-size: 1em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
	.blk_bkg h5 {
	font-size: 1em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	color:#fff;
	}
	.blk_bkg b,strong {
	font-size: 1em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	color:#fff;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
	
	.style7 {	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
}
.style8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}
img {
	border: 0;
	}
.img_border {
	border:1px solid #999999;
}

ol, ul, li {/*
	list-style: none;*/
	font-size: 1em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	margin-left: 0px;
	margin-right: 15px;
	list-style-type: circle;
	}
p {
	font-size: 1.1em;
	line-height: 1.8em;
	margin: .5em 0em 1.2em -4px;
	color:#999999;
	padding: 0 5px 0 5px;
	}
.blk_bkg {
color:#999999;
}

li > p {
	margin-top: 0.2em;
	}
	
	tr td {
	padding:6px;
	}
	.blackBox {
	background-color:#000000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 24px;
	}
	.blackBox h3{
	color:#FFFFFF;
	border:none;
	font-size: 1.4em;
	}
	.blackBox strong{
	
	font-size: 1.4em;
	}
	
	.greyBox {
	background-color:#E0E0E0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 14px;
	margin: 0 0 20px 12px;
	}
	.greyBox h3{
	color:#000;
	border:none;
	font-size: 1.4em;
	}
	.greyBox strong{
	color:#333;
	font-size: 1.4em;
	
	}
	#services {
	background-color:#000000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 12px 0 22px 0;
	height: 262px;
	}
	
	#services h3 {
	font-family: 'Questrial', sans-serif;
	color:#FFFFFF;
	border: none;
	margin-top: 4px;
	margin-bottom: 8px;
	font-size: 1.8em;
	margin-left:0px;
	}
	#services h3 a {
	color:#FFFFFF;
	text-decoration:none;
	}
	#services h3 a:hover {
	color:#999999;
	text-decoration:none;
	}
	#services p {
	color:#666666;
	margin-top:0px;
	margin-left:-6px;
	}
	
	
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	
	}
	.style1 {color: #FF0000}
.title {
	font-size:180%;
	font-weight:bold;
	padding-top:0px;
	background:transparent;
	color:#333;
}
.thrColFixHdr #latest_news {
	padding-bottom:10px;
	border-bottom-color: #999999;
}
.homepage_item{
	height:200px;
	width:600px;
}
.thrColFixHdr #container {
	width: 600px;
	margin: 0 auto;
	text-align: left;
	background-repeat: repeat-y;
	padding: 0px 136px 0px 136px;
	background-image: url(images/backgound.jpg);
	background-position:top center;
	position: relative;
} 
.thrColFixHdr #header {
	background-repeat: no-repeat;
	background-image: url(images/exo_logo_header.jpg);
	height: 112px;
	padding: 0px 10px 0 0;
} 
.thrColFixHdr #large_image {
}
.thrColFixHdr #list {
}

.thrColFixHdr #nav_wrapper {
	width: 588px;
	height:134px;
	text-align: left;
	background-repeat: repeat;
	padding: 0px 0px 0px 6px;
	margin: 0px 0px 0px 6px;
	background-color:#F1F1F1;
	padding-left: 0px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
#navigation h2 {
	font-family: 'Questrial', sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top:6px;
	color: #000;
	
	padding: 2px 2px 2px 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
#navigation ul {
	color:#CCCCCC;
	list-style-type: none;
	list-style: none;
	display:inline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
.floatBox {
	width: 164px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 15px 10px; /* padding keeps the content of the div away from the edges */
	margin-top: 0px;
	float:left;
	margin-right:20px;
}
 #navigation ul li {
	color:#666666;!important
	width:120px;
	display: list-item;
	list-style-type: none;
	margin-bottom:0px;
	margin-left:10px;
	padding-top:4px;
	padding-bottom:2px;
	padding-left:2px;
	border-top:1px dotted #999;	
}

 .thrColFixHdr ul li a{
	color:#666666;
}
 .thrColFixHdr ul li a:hover{
	color:#000;
	background-position:-9px;
	background-repeat:no-repeat;
}

.thrColFixHdr #header h1 {
	font-family: font-family
: 'Questrial', sans-serif;;
	font-size: 1.6em;
	color: #FFFFFF;
}
.thrColFixHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
	line-height: 1.3em;
	margin-top: 0px;
	padding-bottom: 10px;
}
.thrColFixHdr #sidebar2 {
	width: 175px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 15px 10px; /* padding keeps the content of the div away from the edges */
	margin-top: 0px;
}


.thrColFixHdr #sidebar_left {
	float: left; /* since this element is floated, a width must be given */
	width: 300px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 10px 15px 0px; /* padding keeps the content of the div away from the edges */
	margin-top: 0px;
}
.thrColFixHdr #full_width_page {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-bottom-color: #CCCCCC;
}
.thrColFixHdr #mainContent {
	margin: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-top: 0px;
	top: 100px;
} 
.thrColFixHdr #footer {
	background-image: url(images/footer.jpg);
	
	margin:auto;
	width:600px;
	background-repeat: no-repeat;
	height: 90px;
	z-index: 2;
	padding: 0px 100px 20px 100px;
} 
 .thrColFixHdr #footer h3{
 font-family: 'Questrial', sans-serif;
 font-size:1.6em;
 }
.thrColFixHdr #footer p {
	margin: -5px 0 0 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
}
.thrColFixHdr #sub_footer {
	padding: 5px 5px 5px 5px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align:center;
	font-size: 0.8em;
	color: #FFFFFF;
	background-color: #000000;
	z-index: 3;
	width: 750px;
	margin: auto;
} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 0px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	margin-left: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.presskit_example {
	float: left;
	margin-left: 35px;
	margin-top: 15px;
	width: 243px;
	margin-bottom: 20px;
	height: 115px;
}
.presskitBox {
	width: 500px;
	padding-top: 50px;
}
.presskitBox img {
float:left;margin-top:-50px;
}
thrColFixHdr #list_nav {
width: 100px;
margin-right:300px;
}




/* quote rollover buttons */

#quote_button {
	width:114px;
	height: 29px;
	float:left;
}
#quote_button a {
width:114px;
height: 29px;
border:0;
text-decoration:none;
display:block;
background:transparent url(images/quote.jpg) no-repeat;
text-indent:-9999px;
}
#quote_button a:link #quote_button a:visited {
background-position:0px 0px;
}
#quote_button a:hover {
background-position:0px -29px;
}
#quote_button a:active {
background-position:0px -58px;
}
#quote_container {
	background-repeat:no-repeat;
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	background-color:#000000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top: 15px;
	padding-bottom:25px;
}
.quote_style {
	background-color:#CCCCCC;
	border: 1px solid #999999;
	padding:3px;
	color:#000000;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	font-style: bold;
}
.thrColFixHdr #quote_container tr td {
	font-family: 'Questrial', Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom:0.2em;
	color:#666666;
	margin-left: 0px;
}



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

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
.thrColFixHdr #container #mainContent #project-invoice .drop-shadow .style3 {
	color: #FFFFFF;
}
.thrColFixHdr #container #mainContent #project-invoice .story table {
	color: #000;
}
.thrColFixHdr #container #mainContent #project-invoice .story table {
	color: #000;
}
#logo_design_examples {
width:534; 
background-color:#000000;
margin-left:15px;
-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
#press_kit_examples {
	width:534;
	background-color:#ffffff;
	border:1px solid #999;
	margin-left:15px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.indent {
	padding-left:0px;
}
.style2 {
	font-size: 2em;
	color: #FFFFFF;
}
.style6 {color: #FFFFFF; font-weight: bold; }


#TabbedPanels1 ul li {
	color:#FFFFFF;
	margin: 0 3px 0 0;
}
#TabbedPanels1 p {
	color:#999999;
	margin-left: 12px;
}
#TabbedPanels1 strong {
	color:#fff;
}
#TabbedPanels1 h4 {
	color:#FFFFFF;
	font-size: 1.8em;
	margin-top: 4px;
}
#TabbedPanels1 h3 {
color:#FFFFFF;
margin-bottom:1em;
}
#TabbedPanels1 img {
	padding:4px 6px 4px 20px;
}
.panel {
	width:265px;
	float: left;
	height: 324px;
	padding: 0 20px 0 0;
}
.panel img {

}
#examples .panel {
	width:265px;
	float: left;
	height: 324px;
	padding: 0 20px 0 0;
}

#web_examples.TabbedPanelsContent .panel {
	width:245px;
	float: left;
	height: 324px;
	padding: 0 20px 0 0;
}
#web_examples.TabbedPanelsContent .panel img{
float:none;
width:220px;
height:185px;
}
#pressKit_examples.TabbedPanelsContent .panel {
	width:245px;
	float: left;
	height: 235px;
	padding: 0 20px 0 0;
	text-align: center;
}
#pressKit_examples.TabbedPanelsContent .panel img{
float:none;
width:220px;
height:185px;
}

#cd_art_examples.TabbedPanelsContent .panel {
	height:180px;
	text-align: center;
}
#logo_examples.TabbedPanelsContent .panel {
	width:160px;
	float: left;
	height: 140px;
	padding: 0 20px 0 0;
}

#badge {
	position:absolute;
	width:115px;
	height: 112px;
	top: 192px;
	right:56px;
	z-index: 10;
}
#packageDealAd {
	position:absolute;
	width:167px;
	height: 40px;
	top: 328px;
	right:291px;
	z-index: 10;
}
#viewExamplesArrow {
	position:absolute;
	width:234px;
	height: 68px;
	top: 492px;
	right:155px;
	z-index: 10;
}
.shiftLeft {margin-left:-10px;}

/* Invoice Styes */

tr td {
padding:8px;
margin:4px;
}
tr.tableHeader {
background-color:#333333;
color:#FFFFFF;
}
.serviceBox {
	width:158px;
	padding: 8px;
	margin-left: 12px;
	border-right: 1px dotted #333333;
	padding-right: 12px;
	margin-top: 12px;
	float:left;
	height: 200px;
}
.serviceBox img {
	margin-top:0px;
}
.serviceBox a {
	color:#999999;
}
.serviceBox a:hover {
	color:#999999;
	text-decoration:underline;
	
}
#social {
	position:absolute;
	width:24px;
	height:195px;
	background-color:#333333;
	top:40%;
	right:0px;
	background-repeat: no-repeat;
	padding: 6px 4px 0 6px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	z-index: 10;
}
#social img {
margin: 0 0 6px 0;
}
#twitterBox {
	background-image: url(images/twitterBox.jpg);
	float: right;
	height: 140px;
	width: 276px;
	margin-right: -6px;
	background-repeat: no-repeat;
	padding: 32px 32px 32px 32px;
}

.style1 {color: #FF0000}
.style7 {	font-size: 1.6em;
	font-weight: bold;
}
.style8 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.2em;
}

</style>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<style type="text/css">

.style10 {font-style: italic}
.style11 {color: #FFFFFF}


#serviceMainPressKit {
	position:absolute;
	top:278px;
	left:509px;
	height: 373px;
	width: 223px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-bottom: 4px;
	z-index: 10;
}
#serviceMainPressKit h2{
	font-size:2.2em;
	font-family: 'Questrial', sans-serif;
	margin-bottom:8px;
	margin-top:0px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 6px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#serviceMainPressKit p strong{
color:#000000;

}
#serviceMainPressKit p {
	font-size:1.4em;
	color: #000000;
	text-align: left;
	padding-left: 10px;
}

#serviceMainWeb {
	position:absolute;
	top:267px;
	left:509px;
	height: 373px;
	width: 223px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-bottom: 4px;
	z-index: 10;
}
#serviceMainWeb h2{
	font-size:2.2em;
	font-family: 'Questrial', sans-serif;
	margin-bottom:0px;
	margin-top:0px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 6px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#serviceMainWeb p strong{
color:#000000;

}
#serviceMainWeb p {
	font-size:1.4em;
	color: #000000;
	text-align: left;
	padding-left: 10px;
	margin-top: 0px;
}


#serviceMainCDArt {
	position:absolute;
	top:538px;
	left:157px;
	height: 129px;
	width: 393px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-bottom: 4px;
	z-index: 10;
}
#serviceMainCDArt h2{
	font-size:2.2em;
	font-family: 'Questrial', sans-serif;
	margin-bottom:0px;
	margin-top:0px;
	color: #000000;
	padding: 6px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#serviceMainCDArt p strong{
color:#000000;

}
#serviceMainCDArt p {
	font-size:1.4em;
	color: #000000;
	text-align: left;
	padding-left: 10px;
	margin-top: 0px;
}