@charset "UTF-8";
/* CSS Document */
a {
	behavior: url("iepngfix.htc");
}
body {
	background-image:url(images/body_bkg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#f0ede1;
	font-size:0.65em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	overflow-x: hidden; 
}
#content_left {
	float:left;
	width:586px;
}
#content_left_subpage {
	float:left;
	width:627px;
	padding-top:10px;
	padding-right:20px;
}
#content_left_subpage a{
	text-decoration:underline;
	color:#0a427d;
}
#content_left_subpage a:hover{
	color:#0a427d;
	text-decoration:none;
	background-color:#f6f4ee;
	border-bottom:1px solid #9d8c6e;
}

#content_left_subpage h1 {
	color: #093769;
	margin-top:10px;
	margin-bottom:10px;
	font-size:3em;
	font-family: Georgia, Times, serif;
	font-weight: normal;
}
#content_left_subpage h2 {
	color:#6d3b00;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1.3em;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
#content_left_subpage h3 {
	color:#49341a;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1.1em;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
#content_left_subpage h4 {
	color:#49341a;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1em;
	font-weight:bold;
}
#content_left_subpage  p {
	margin-top:10px;
	margin-bottom:10px;
}
#content_left_subpage  ul {
	margin-left:20px;
	list-style-type:disc;
}
#content_left_subpage strong{
	font-weight:bold;	
}
.portfolio_left {
	float:left;
	border-bottom: 1px dashed #444;
	margin-bottom:20px;
	padding-bottom:20px;
	margin-right:30px;
	width:435px;
	height:620px;
}
.portfolio_right {
	float:left;
	border-bottom: 1px dashed #444;
	margin-bottom:20px;
	padding-bottom:20px;
	width:435px;	
}
.portfolio_right ul li{
	color:#212121;
	font-size:1.2em;
	line-height:1.9em;
}
.portfolio_left ul li{
	color:#212121;
	font-size:1.2em;
	line-height:1.9em;
}
.portfolio_pic{
	border:solid 5px #666;
	margin-bottom:5px;
}
.portfolio_pic a{
	display:block;
	text-decoration:none;
}

.portfolio_container{
	top:25px;
	width:900px;
}
.portfolio_left .bold{
	color:#6D3B00;
}
.portfolio_right .bold{
	color:#6D3B00;
}
#content_middle {
	width:900px;
	margin-right:auto;
	margin-left:auto;
}
#content_middle a{
	text-decoration:underline;
	color:#0a427d;
}
#content_middle a:hover{
	color:#0a427d;
	text-decoration:none;
	background-color:#f6f4ee;
	/*border-bottom:1px solid #9d8c6e;*/
}
.portfolio_pic a:hover{
	text-decoration:none;
	border:0px;
}
.lightwindow{
	text-decoration:none;
	border:0px;
}
#content_middle h1 {
	color: #093769;
	margin-top:10px;
	margin-bottom:10px;
	font-size:3em;
	font-family: Georgia, Times, serif;
	font-weight: normal;
}
#content_middle h2 {
	color:#6d3b00;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1.3em;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
#content_middle h3 {
	color:#49341a;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1.1em;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
#content_middle h4 {
	color:#49341a;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1em;
	font-weight:bold;
}
#content_right {
	float:left;
	width:302px;
}
#content_right_subpage {
	float:left;
	width:233px;
}
#content_subpage {
	width:880px;
	margin-left:auto;
	margin-right:auto;
	padding-top:12px;
	padding-right:10px;
	padding-left:10px;
}
#content_bird_box {
	width:213px;
	height:350px;
	padding-top:105px;
	padding-left:20px;
	background-image:url(images/bird_box_menu.jpg);
	background-repeat:no-repeat;
	color:#49341a;
}
#content_bird_box_right{
	 float:left; 
	 background-image:url(images/bird_box_right.jpg); 
	 background-repeat:no-repeat; width:194px; 
	 height:346px; position:relative; 
	 left:233px; 
	 bottom:455px;
}
#content_client{
	padding-bottom:30px;
	font-size:1.3em;
	color: #04abe2;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#content_client a:hover{
	background:none;
	padding:0px;
	border:0px;
	text-decoration:none;
}
#content_client a{
	background:none;
	padding:0px;
	border:0px;
	text-decoration:none;
}
#header_wrapper {
	width:900px;
	height:125px;
	margin-right:auto;
	margin-left:auto;
}
#header_wrapper a{
	color:#fff;	
}
#header_wrapper a:hover{
	text-decoration:underline;
}
#index_content {
	height:825px;
	width:888px;
	margin-left:auto;
	margin-right:auto;
	padding-right:6px;
	padding-left:6px;
}
#index_content h1 {
	color: #04abe2;
	font-size:3.35em;
	font-family: Georgia, Times, serif;
	font-weight: 600;
	font-variant: small-caps;
}
#index_content h2 {
	color:#49341a;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:2.35em;
	font-weight:normal;
}
#index_content h3 {
	color:#49341a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.85em;
	font-weight:normal;
}
#index_content h4 {
	color:#49341a;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:3.35em;
	font-weight:normal;
}
#index_content p {
	margin-top:10px;
	margin-bottom:10px;
}
#index_bird_box {
	height:220px;
	width:282px;
	padding-top:105px;
	padding-left:20px;
	background-image:url(images/bird_box.jpg);
	background-repeat:no-repeat;
	color:#49341a;
	font-size:1.2em;
}
#index_bird_box li{
	margin-left:15px;
	padding-bottom:10px;
	font-size:1em;
	color: #49341a;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#index_bird_box_right{
	 float:left; 
	 background-image:url(images/bird_box_right.jpg); 
	 background-repeat:no-repeat; width:194px; 
	 height:346px; position:relative; 
	 left:302px; 
	 bottom:325px;
}
#index_slogan {
	float:left;
	margin-right:20px;
	width:546px;
	height:180px;
	color:#a3753f;
}
#index_slogan a{
	text-decoration:underline;
	color:#0a427d;
}
#index_slogan a:hover{
	color:#0a427d;
	text-decoration:none;
	background-color:#f6f4ee;
	border-bottom:1px solid #9d8c6e;
}
#logo_main {
	padding-top:20px;
	margin-bottom:8px;
}
#logo_main a{
	background-image:url(images/logo_newest.png);
	display:block;
	height:64px;
	width:325px;
}
#main_image {
	width:886px;
	height:329px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	border:solid 1px #313436;
}
#menu_top {
	width:886px;
	height:33px;
	margin-right:auto;
	margin-left:auto;
	
}
#menu_top a{
	display:block;
	height:33px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#menu_top li{
	float:left;
	padding-left:13px;
	padding-right:11px;
	background-image:url(images/top_menu_divider.png);
	background-position:left;
	background-repeat:no-repeat;
}
#menu_top img {
	float:left;
}
/* Here is the tabs CSS */
#blogSliderWrap {
	margin: 0px 0px;
	background: url(images/widget-bottom-bg.jpg) -4px bottom no-repeat;
	float:left;
}
#blogSlider {
	background-image: url(images/widget-middle-bg.jpg);
	background-repeat: repeat-y;
	width:590px;
}
.stripViewer {
	position: relative;
	overflow: hidden;
}
.stripViewer .panelContainer {
	position: relative;
	left: 0px;
	top: 0px;
}
.stripViewer .panelContainer .panel {
	float: left;
	position: relative;
	width: 555px;
}
.stripNav {
	position: relative;
	top: 18px;
	z-index: 99;
	width: 485px;
}
.wrapper {
	padding: 10px;
}
.innerWrap {
	width: 555px;
	overflow: hidden;
}
#push {
	height: 107px;
}
/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul li {
	float: left;
}
.stripNav li a { /* Generic "CSS image replacement" */
	display: block;
	height: 154px;
	text-indent: -9999px;
}
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a {
	background: url(images/tab-psdtuts.jpg) top center no-repeat;
	width: 186px;
}
.stripNav li.tab2 a {
	background: url(images/tab-nettuts.jpg) top center no-repeat;
	width: 194px;
}
.stripNav li.tab3 a {
	background: url(images/tab-vectortuts.jpg) top center no-repeat;
	width: 206px;
}
.stripNav li.tab4 a {
	background: url(images/tab-audiotuts.jpg) top center no-repeat;
	width: 186px;
}
.stripNav li a:hover, .stripNav li a:active, .stripNav li a:focus { /* Restore focus styling that we removed when we removed outlines */
	background-position: top center;
}
/* It is neccessary to repeat the image paths here */
.stripNav li.tab1 a.current {
	background: url(images/tab-psdtuts.jpg) bottom center no-repeat;
}
.stripNav li.tab2 a.current {
	background: url(images/tab-nettuts.jpg) bottom center no-repeat;
}
.stripNav li.tab3 a.current {
	background: url(images/tab-vectortuts.jpg) bottom center no-repeat;
}
.stripNav li.tab4 a.current {
	background: url(images/tab-audiotuts.jpg) bottom center no-repeat;
}
/* 
	SUB NAVIGATION
*/
.stripNavL a, .stripNavR a {
	display:none;
	position: absolute;
	width: 75px;
	height: 22px;
	text-indent: -9999px;
}
.stripNavL a {
	bottom: 35px;
	left: 45px;
	background: url(images/previous.png);
}
.stripNavR a {
	bottom: 35px;
	right: 45px;
	background: url(images/next.png);
}
/* 
	HEADLINES STYLING 
*/
.panel ul {
}
.panel ul li a {
	border-bottom: 1px solid #C1B599;
	color: #303030;
	display: block;
	padding: 7px 10px;
}
.panel ul li:last-child a { /* Remove bottom border on last list item
	   							  	  Hooray for pseudo selectors! */
	border: none;
}
/* Unique rollover colors for each list */
.panel ul#psd-list li a:hover {
	background: #b20202;
	color: white;
}
.panel ul#net-list li a:hover {
	background: #4a8c7f;
	color: white;
}
.panel ul#vector-list li a:hover {
	background: #1f5293;
	color: white;
}
.panel ul#audio-list li a:hover {
	background: #4f7c11;
	color: white;
}
/* Carousel CSS */



 /* image replacement */
        .graphic, #prevBtn, #nextBtn {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
/* // image replacement */
			

	#slider_container {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:886px;
	height:329px;
	margin-bottom:12px;
	margin-top:10px;
	border:solid 1px #313436
}
#slider2 {
	position:relative;
}
/* Easy Slider */

#slider {
}
#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider li {
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:886px;
	height:329px;
	overflow:hidden;
}
#prevBtn, #nextBtn {
	display:block;
	width:44px;
	height:73px;
	position:absolute;
	left:-1px;
	top:131px;
}
#nextBtn {
	left:846px;
}
#prevBtn a, #nextBtn a {
	display:block;
	width:41px;
	height:73px;
	background:url(images/btn_prev.png) no-repeat 0 0;
}
#nextBtn a {
	background:url(images/btn_next.png) no-repeat 0 0;
}
/* // Easy Slider */





#footer {
	background:url(images/footer.jpg) repeat-x;
	font-size: 11px;
	padding-left:150px;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	clear:both;
	height: 397px;
	color:#9c8058;
}
#footer a {
	color: #9c8058;
	text-decoration: underline;
}
#footer a:hover {
	color: #c1a884;
	text-decoration: underline;
}
#footer_inside {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	padding-top:150px;
}
#footer_left {
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px;
	width:300px;
}
#footer_mid {
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px;
	width:300px;
}
#footer_right {
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px;
	width:300px;
}
#clients {
	width:625px;
}
.client_list li {
	float:left;
	width:200px;
	background-image:none;
	padding:0px 10px 25px 0px;
}
.client_list li.no_right_padding {
	padding-right:0px;
}
.client_list h2 a {
	color:#E2E2E2;
}
.clearer {
	display:inline-block;
}
ul {
am.css (line 43) margin-bottom:20px;
}
/*side menu code below here*/
ul.menu, ul.menu ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	list-style-image:url(images/bullet.gif);
}
ul.menu a {
	text-decoration: none;
}
ul.menu li {
	line-height:20px;
	margin-top:8px;
}
ul.menu li a {
	color:#643601;
}
ul.menu li a:hover {
	border-bottom:dotted 1px #585858;
}
ul.menu li ul li {
	line-height:15px;
	margin-top:0px;
	list-style-image:none;
}
ul.menu li ul li a {
	margin-left:0px;
	padding-left:6px;
	font-size:0.7em;
	color:#444;
}
ul.menu li ul li a:hover {
	border-left: 3px #b37832 solid;
	border-bottom:0px;
	padding-left:3px;
}
.code {
	border: 1px solid #ccc;
	list-style-type: decimal-leading-zero;
	padding: 5px;
	margin: 0;
}
.code code {
	display: block;
	padding: 3px;
	margin-bottom: 0;
}
.code li {
	background: #ddd;
	border: 1px solid #ccc;
	margin: 0 0 2px 2.2em;
}
.indent1 {
	padding-left: 1em;
}
.indent2 {
	padding-left: 2em;
}
.indent3 {
	padding-left: 3em;
}
.indent4 {
	padding-left: 4em;
}
.indent5 {
	padding-left: 5em;
}
#menu {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	
	width:154px;
	padding-left:0px;
	color:#585858;
	text-align:left;
}
#menu_side a {
	text-decoration:none;
}
#phone{
	text-align:right;
	float:right;
	color:#643601;
	font-size:1.2em;
	padding-top:10px;
	padding-right:5px;
}
#phone strong{
	color:#FFF;
}
strong{
	font-weight:bold;	
}

/* This is for the SEO Page Only*/
#seo_click {
	float:right;
	border:none;
	padding:5px;
	
}
#seo_click img{
	border:none;
}
#seo_click a:hover{
	text-decoration:none;
	
}

#seo_click a{
	text-decoration:none;
	
}
#content_left_subpage_seo {
	float:left;
	width:627px;
	padding-top:10px;
	padding-right:20px;
}
#content_left_subpage_seo a{
	text-decoration:underline;
	color:#0a427d;
}
#content_left_subpage_seo a:hover{
	color:#0a427d;
	text-decoration:none;
}
#content_left_subpage_seo h1 {
	color: #093769;
	margin-top:10px;
	margin-bottom:10px;
	font-size:3em;
	font-family: Georgia, Times, serif;
	font-weight: normal;
}
#content_left_subpage_seo h2 {
	color:#6d3b00;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1.3em;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
#content_left_subpage_seo h3 {
	color:#49341a;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1.1em;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
#content_left_subpage_seo h4 {
	color:#49341a;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1em;
	font-weight:bold;
}
#content_left_subpage_seo  p {
	margin-top:10px;
	margin-bottom:10px;
}
#content_left_subpage_seo  ul {
	margin-left:20px;
	list-style-type:disc;
}
#content_left_subpage_seo strong{
	font-weight:bold;	
}
/* End of SEO Page*/