@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;/*these three lines replace the n4_upgrade.gif in n4.css. and if you use this code, make sure you point to an img on _your_ server, not mine.*/
	background-repeat: no-repeat;
	background-position: top left;
	}
#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;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: none;
	color:#ff0000;
	}
	.blk_bkg a {
	color: #fff;
	}
	
h1 {
	font-family: "Century Gothic", "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom:0.2em;
	color:#000000;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #000000;
	}
h2 {
	font-family:"century gothic";
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: -0.2em;
	color: #000000;
	}
h3 {
	font-family: "Century Gothic", "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom:0.2em;
	color:#000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	margin-left: 0px;
	}
	.blk_bkg h3 {
	font-family: "Century Gothic", "Lucida Grande",Geneva,Verdana,Arial,Helvetica,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: "Century Gothic", "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom:0.3em;
	color:#000000;	
	}
	.blk_bkg h4 {
	font-family: "Century Gothic", "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom:0.3em;
	color:#fff;
	}
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;
	}
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: 1em;
	line-height: 1.8em;
	margin: .5em 0em 1.2em 0em;
	color:#666666;
	padding: 0 5px 0 5px;
	}
.blk_bkg {
color:#999999;
}

li > p {
	margin-top: 0.2em;
	}
	
	tr td {
	padding:6px;
	}
	
	#services h3 {color:#FFFFFF;border: none; margin-bottom: -8px;margin-top: -5px;
	}
	#services p {
	color:#666666;
	margin-top:0px;
	}
	
	
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;
	color: #000000;
	}
	.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;
	margin-top: 0px;
	background-image: url(images/backgound.jpg);
} 
.thrColFixHdr #header {
	background-repeat: no-repeat;
} 
.thrColFixHdr #large_image {
}
.thrColFixHdr #list {
}

.thrColFixHdr #nav_wrapper {
	width: 600px;
	height:80px;
	text-align: left;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	background-image: url(images/navigation_bkg.jpg);
	padding-top: 10px;
	padding-left: 25px;
}
#navigation ul {
	color:#CCCCCC;
	margin-left: 0.2em;
	list-style-type: none;
	list-style: none;
	display:inline;
	font-family: "CENTURY GOTHIC";
	font-size: 1.2em;
	padding: 0PX 2PX 0PX 0PX;
}
 .thrColFixHdr ul li {
	color:#666666;
	display: list-item;
	list-style-type: none;
	margin: 0em 0em -.5em 0em;
	font-size:1.1em;
}
.thrColFixHdr #header h1 {
	font-family: "century gothic";
	font-size: 1.6em;
}
.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;
}
.sidebar2 {
	width: 190px; /* 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;
}

.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 20px 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;
	height: 100%;
} 
.thrColFixHdr #footer {
	background-image: url(images/footer.jpg);
	width: 600px;
	margin: 20px 0 0 -100px;
	background-repeat: no-repeat;
	height: 79px;
	z-index: 2;
	padding: 0px 100px 0 100px;
} 
 
.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;
}
thrColFixHdr #list_nav {
width: 100px;
margin-right:300px;
}




/* quote rollover buttons */

#quote_button {
width:114px;
height: 29px;
float:right;
}
#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: "Century Gothic", "Lucida Grande",Geneva,Verdana,Arial,Helvetica,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:35px;
}
.style2 {
	font-size: 2em;
	color: #FFFFFF;
}
.style6 {color: #FFFFFF; font-weight: bold; }


#TabbedPanels1 ul li {
color:#FFFFFF;
margin: 0 3px 0 0;
font-size:1.2em;
}
#TabbedPanels1 p {
	color:#999999;
}
#TabbedPanels1 strong {
	color:#fff;
}
#TabbedPanels1 h4 {
color:#FFFFFF;
}
#TabbedPanels1 h3 {
color:#FFFFFF;
margin-bottom:1em;
}
#TabbedPanels1 img {
padding:4px 12px 4px 20px;

}
.panel {
float:left;
height:220px;
bottom:0px;
}
.panel img {

}
#examples .panel {
align:center;
}
#web_examples.TabbedPanelsContent .panel {
height:150px;

}
#web_examples.TabbedPanelsContent .panel img{
float:left;
}
#cd_art_examples.TabbedPanelsContent .panel {
	height:180px;
	text-align: center;
}
#logo_examples.TabbedPanelsContent .panel {
	height:120px;
}