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



body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	color:#5A5A56;
	margin: 0px;
	padding: 0px;
}





img,table,fieldset {
	border-style: none;
}

#index {
	background: #97c0c4 url(../images/bgs/bg_index_02.jpg) no-repeat;
}

#about {
	background-color: #FFCC00;
}

#portfolio {
	background-color: #0099ff;
}


#services {
	background-color: #FF0000 ;
}

#clients {
	background-color: #660066;
}

#contact{
	background-color: #003399;
}

#case{
	background: url(../images/bgs/bgs_05.jpg) no-repeat #cc8633;
}




#wrapper_index {
	width: 960px;
	margin: 0px auto;
	padding: 0px;
}


#Header_index {
	width:970px;
	margin:0px;
	height:100px;
	background-color:#FFF;
	clear:both;
}

#Header {
	width:970px;
	margin:0px;
	padding:0px;
	height:247px;
	background-color:#FFF;
	clear:both;
}

.logo {
	float: left;
	width: 165px;
	position:absolute;
	margin: 0px 0px 0px 10px;
	padding:0px 10px 0px 0px;
	z-index:5;
}

.banner_index {
	margin:0px;
	padding:0px;
	height:277px;
	width:970px;
	float:left;
	background-color:#FFF;
	/*border:1px solid #F00;*/
}

.title {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	position:absolute;
	left: 101px;
	top: 57px;
	width:850px;
	height:166px;
	background-color:#FFF;
	z-index:1;
}


.slideshow {
	margin:0px;
	padding:0px;
	height: 280px;
	float:left;
	/*border: 1px solid #0FC;*/
}

.slideshow_01 {
	margin:0px;
	padding:0px;
	height: 280px;
	float:right;
	/*border: 1px solid #0FC;*/
}



.banner {
	margin:0px;
	padding:0px 0px 0px 250px;
	height:200px;
	width:970px;
	clear:both;
}






/* LINKS
________________________________________*/

a:link, a:active {
	color:#053868;
	text-decoration: none;
}

a:hover {
	color: #0b75a0;
	text-decoration: none;
}

a:visited {
	color:#086e98;
	text-decoration: none;
}





/* MENU
_______________________________________________*/

#Menu {
	height: 45px;
	padding: 5px 0px 0px 0px;
	margin: 0px 5px 0px 0px;
	float:right;
	width:730px;
	background-color:#FFF;
}

#Menu ul { 
	padding: 0px;
	margin: 0px;}

#Menu li {
	float: left;
	padding: 0px;
	margin: 0px ;
	display: block;
	list-style:none;
}

#Menu a,
#Menu strong {
	display: block;
	height:45px;
	overflow: hidden;
	text-indent: -100em;
}

#Menu strong {
	background-position: 0 -90px;
}

#Menu a:hover {
	background-position: 0 -45px;
}


#Menu .m0,
#Menu .m0 strong,
#Menu .m0 a {
	width: 81px;
	background-image: url(../images/bu_home.jpg);
}

#Menu .m1,
#Menu .m1 strong,
#Menu .m1 a {
	width: 124px;
	background-image: url(../images/bu_about.jpg);
}

#Menu .m2,
#Menu .m2 strong,
#Menu .m2 a {
	width: 120px;
	background-image: url(../images/bu_portfolio.jpg);
}

#Menu .m3,
#Menu .m3 strong,
#Menu .m3 a {
	width: 151px;
	background-image: url(../images/bu_services.jpg);
}

#Menu .m4,
#Menu .m4 strong,
#Menu .m4 a {
	width: 113px;
	background-image: url(../images/bu_clients.jpg);
}

#Menu .m5,
#Menu .m5 strong,
#Menu .m5 a {
	width:  141px;
	background-image: url(../images/bu_contact.jpg);
}



/* SUBMENU
_______________________________________________*/

#SubMenu {
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 0px 0px;
	float:right;
	width:600px;
	position:absolute;
	z-index:3;
	left: 280px;
	top: 50px;
	background-color:#FFF;
}

#SubMenu ul { 
	padding: 0px;
	margin: 0px;}

#SubMenu li {
	float: left;
	padding: 0px;
	margin: 0px ;
	display: block;
	list-style:none;
}

#SubMenu a,
#SubMenu strong {
	display: block;
	height:30px;
	overflow: hidden;
	text-indent: -100em;
}

#SubMenu strong {
	background-position: 0 -60px;
}

#SubMenu a:hover {
	background-position: 0 -30px;
}


#SubMenu .m0,
#SubMenu .m0 strong,
#SubMenu .m0 a {
	width: 80px;
	background-image: url(../images/bu_websites.jpg);
}

#SubMenu .m1,
#SubMenu .m1 strong,
#SubMenu .m1 a {
	width: 72px;
	background-image: url(../images/bu_cdroms.jpg);
}

#SubMenu .m2,
#SubMenu .m2 strong,
#SubMenu .m2 a {
	width: 55px;
	background-image: url(../images/bu_publications.jpg);
}

#SubMenu .m3,
#SubMenu .m3 strong,
#SubMenu .m3 a {
	width: 185px;
	background-image: url(../images/bu_cis.jpg);
}

#SubMenu .m4,
#SubMenu .m4 strong,
#SubMenu .m4 a {
	width: 60px;
	background-image: url(../images/bu_logos.jpg);
}

#SubMenu .m5,
#SubMenu .m5 strong,
#SubMenu .m5 a {
	width: 47px;
	background-image: url(../images/bu_DoD.jpg);
}

#SubMenu .m6,
#SubMenu .m6 strong,
#SubMenu .m6 a {
	width: 101px;
	background-image: url(../images/bu_WH.jpg);
}



/* TAGS
_______________________________________________*/


h1 {
	padding: 0px 20px 5px 0px;
	font-weight: normal;
	font-size: 18px;
	line-height:23px;
	color: #1F63AC;
	margin: 5px 15px 10px 10px;
	border-bottom:1px dashed #CCCCCC;
}



h2 {
	padding: 0px 20px 0px 10px;
	margin:0px;
	font-weight: normal;
	font-size: 15px;
	line-height:22px;
}

h3 {
	padding: 0px 20px 10px 10px;
	margin:0px;
	font-weight: normal;
	font-size: 13px;
	line-height:18px;
}

h4 {
	padding: .6em 0px 0px 0px;
	font-weight: bold;
	font-size: 14px;
	color: #534D42;
	line-height: 22px;
}

h5 {
	padding: 10px 10px 0px 10px;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
}


h6 {
	padding:2px 0px 2px 7px;
	font-weight: normal;
	font-size: 11px;
	color: #534d42;
	line-height: 14px;
	margin:0px 0px 10px 0px;
}

p {

	margin: 0px;
	padding:0px;
	font: 11px "Trebuchet MS", Tahoma, Arial;
	line-height: 18px;
}


.quote {
	font-size: 10px;
	line-height:16px;
	color:#686864;
	text-transform: uppercase;
	border-top: 1px dashed #CCCCCC;
	padding: 10px 5px 12px 10px;
	margin-right:15px;
	clear:both;
}


.quote_01 {
	font-size: 9px;
	color: #888888;
	text-transform: uppercase;
	padding: 0px 25px 0px 5px;
	margin: 0px 20px 0px 0px;
	width:400px;
	clear:both;
	text-align:left;
}




/* CONTENT
---------------------------------- */

#content_01 {
	width:955px;
	padding:5px;
	margin:4px 0px 0px 0px;
	background: url(../images/bg_content.png) repeat;
	clear:both;
	overflow:hidden;
	
}


#inside_content {
	width:960px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	background: url(../images/bg_3columns.png) repeat-y;
	overflow:hidden;
	
}


#inside_content_01 {
	width:955px;
	padding:0px 0px 10px 0px;
	margin:0px;
	background: url(../images/bg_insidecontent.png) repeat;
	overflow:hidden;
	
}

.colA {
	width:530px;
	float:left;
	padding:10px; 
	margin:0px;
}

.colA_clients {
	width:550px;
	float:left;
	padding:0px; 
	margin:0px;
}

.colB {
	width:196px;
	float:left;
	padding:0px 0px 0px 5px;
	margin:0px;
}


.colB ul {
	padding: 0px 10px 0px 10px;
	margin:0px;
}


.colB h2 {
	padding: 10px 20px 0px 10px;
	margin: 0px;
	font-weight: normal;
	font-size: 12px;
	line-height:16px;
	color: #888888;
}

.colB  h3 a:link ,  .colB  h3 a:visited { color:#FF9900; text-decoration:none; padding-top: 10px;}
.colB   h3 a:hover,  .colB  h3 a:active  { color:#888888; text-decoration:underline; padding-top: 10px;}


.colC {
	float: left;
	width: 940px;
	padding:0px 10px;
	margin: 0px 10px 0px 0px;
}

.colC img {
	float: left;
	padding:0px;
	margin: 0px;
}

.colC h1 {
	padding: 20px 20px 10px 10px;
	margin: 0px;
	font-weight: normal;
	font-size: 20px;
	line-height:22px;
	color: #F90;
}



.colD {
	width:500px;
	float:left;
	padding:0px 10px 30px 0px; 
	margin: 0px;
}

.colE {
	float: left;
	width: 160px;
	padding: 25px 20px 20px 25px;
	margin: 5px 0px 30px 20px;
	text-align: center;
	background-color: #565656;
	height:410px;
}

.colF {
	float: left;
	width: 380px;
	margin: 0px 0px 5px 0px;
	border-left: 1px dashed #E3E3E3;
	padding-left:20px;
}


.colG {
	float: left;
	width: 930px;
	padding:0px 10px;
	margin: 0px 10px 10px 0px;
	clear:both;
}


.colH {
	float: left;
	width: 690px;
	margin: 0px 0px 5px 10px;
	padding: 0px;
}


.colI {
	float: left;
	width: 215px;
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 10px 10px;
}



.title {
	padding: 22px 10px 4px 10px;
	font-weight: normal;
	font-size: 18px;
	color: #0b75a0;
	border-bottom: 1px solid #ECECEC;
}

/* PORTFOLIO STYLES
------------------------------------------------- */


.portfolio_title {
	padding: 0px 10px 5px 0px;
	font-weight: normal;
	font-size: 16px;
	line-height:26px;
	color: #FF9900;
	margin: 10px 15px 10px 10px;
	border-bottom:1px dashed #CCCCCC;
	text-align:left;
}


.portfolio_title a:link {
	text-decoration:none;
	color: #FF9900;
}

.portfolio_title a:hover {
text-decoration:none;
color: #FC0;
}

.portfolio_title a:visited {
text-decoration:none;
color: #FC0;
}

.portfolio_text {
	padding: 0px 10px;
	margin: 0px 15px 10px 0px;
	font-weight: normal;
	font: 11px "Trebuchet MS", Tahoma, Arial;
	color: #B0B2A8;	
	line-height: 18px;
	text-align:left;
}





.portfolio_02 {
	float: left;
	padding:0px 30px 20px 30px;
	margin: 10px 0px 5px 3px;
	background: url(../images/bg_portfolio.png) repeat ;
	width:870px;
}

.portfolio_02 img {
	float: right;
	padding:1px;
	background-color: #303030;
	margin: 0px auto;
	width:865px;
	border:1px solid #666;
	clear:both;
}

.banner_WH img {
	float: left;
	padding:1px;
	background-color: #303030;
	margin: 0px 240px 20px 0px;
	width:625px;
	clear:both;
}

.portfolio_02 a:link, .portfolio_02 a:visited {
	float: left;
	padding:1px;
	margin:0px;
	font-size:9px;
	text-decoration:none;
	background-color: #303030;
	color:#FFcc00;
	clear:both;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.portfolio_02 a:hover , .portfolio_02 a:active {
	float: left;
	padding:1px;
	margin:0px;
	background-color: #FFCC00;
	color:#333333;
	clear:both;
}

.portfolio_02 h2 {
	padding: 20px 20px 10px 10px;
	margin:0px;
	font-weight: bold;
	font-size: 15px;
	line-height:22px;
	text-align:left;
	color: #FFCC00;
	width:800px;
	clear:both;
}

.portfolio_02 h3 {
	padding: 0px 20px 0px 10px;
	margin:0px;
	font-weight: bold;
	font-size: 13px;
	text-align:left;
	color: #888888;
	clear:both;
}

.portfolio_02 h4 {
	float: left;
	font-size: 14px;
	text-align:left;
	text-transform: none;
	margin: 15px 0px 0px 5px;
	padding:0px 0px 5px 0px;
	color: #A4A4A4;
	clear:both;
}

.portfolio_02 h5 {
	float: left;
	padding:5px 0px 0px 0px;
	font-size: 12px;
	text-align:left;
	border-top: 1px solid #4d4b49;
	width:450px;
	margin: 0px 0px 0px 5px;
	color: #A4A4A4;
	clear:both;
}

.portfolio_02 h6 {
	font-size: 10px;
	color: #888888;
	padding: 0px 0px 0px 5px;
	margin: 0px 20px 0px 0px;
	clear:both;
	text-align:left;
}





.portfolio_03 {
	float: left;
	padding: 0px 12px 15px 13px;
	margin: 0px 10px 10px 0px;
	width:675px;
	background: url(../images/bg_colH.png) repeat;
}

.portfolio_03 img {
	float: right;
	padding:1px;
	background-color: #303030;
	margin: 0px auto 10px auto;
	border:1px solid #666;
	clear:both;
}


.portfolio_03 a:link, .portfolio_03 a:visited {
	float: left;
	padding:1px;
	margin:0px;
	font-size:9px;
	text-decoration:none;
	background-color: #303030;
	color:#FFcc00;
	clear:both;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.portfolio_03 a:hover , .portfolio_03 a:active {
	float: left;
	padding:1px;
	margin:0px;
	background-color: #FFCC00;
	color:#333333;
	clear:both;
}

.portfolio_03 h2 {
	padding: 20px 20px 10px 10px;
	margin:0px;
	font-weight: bold;
	font-size: 15px;
	line-height:22px;
	text-align:left;
	color: #FFCC00;
	width:800px;
}

.portfolio_03 h3 {
	padding: 30px 20px 0px 0px;
	margin:10px 0px 0px 0px;
	font-weight: bold;
	font-size: 14px;
	text-align:left;
	color: #C6C6C6;
}

.portfolio_03 h4 {
	float: left;
	font-size: 14px;
	text-align:left;
	text-transform: none;
	margin: 5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color: #A4A4A4;
	clear:both;
}

.portfolio_03 h5 {
	float: left;
	padding:5px 0px 0px 0px;
	font-size: 12px;
	text-align:left;
	border-top: 1px solid #4d4b49;
	width:450px;
	margin: 0px 0px 0px 0px;
	color: #A4A4A4;
	clear:both;
}

.portfolio_03 h6 {
	font-size: 10px;
	color: #888888;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 0px;
	clear:both;
	text-align:left;
}

.visit {
	float: right;
	margin: 0px 0px 0px 0px;
	padding:3px;
	border:0px;
	width:230px;
}

.visit a:link, .visit a:visited {
	float: right;
	text-decoration:none;
	margin: 5px 0px 0px 0px;
	padding:3px;
}

.visit a:hover, .visit a:active{
	float: right;
	margin: 5px 0px 0px 0px;
	padding:3px;
}


.description {
	float: left;
	margin: 0px 0px 0px 0px;
	padding:0px;
	border:0px;
	width:600px;
}

.banner { 
margin:0px;
padding:0px 0px 20px 0px;
width:622px;
clear:both;
}





#content_artists{ background:  url(../images/bg_footer.png) repeat; }


.galleries1
{	margin:10px 0px 0px 0px;
	float:left;
	width:205px;
	padding:10px;
	background-color: #343434;
	color: #FFCC00;
	clear:both; }
	
.galleries1 UL
{
margin:0;
	padding:0px 0px 8px 0px;
	width:200px;
	border-bottom: 1px dashed #999999;

}
.galleries1 UL LI
{ margin-top:5px; padding:0px; list-style-type:none; }

.galleries1 UL LI A
{ display:block; color:#1687cb; font-weight:normal; font-size:12px; padding:0 0 0 13px; line-height:1.6em;  }


.galleries1 UL LI A:link
{
	color:#D5D5D5;
	text-decoration:none;
	padding:0px 8px 0px 8px;
}
.galleries1 UL LI A:hover
{
	color:#EBEBEB;
	text-decoration:none;
	background-color:#5d5d5d;
	padding:0px 8px 0px 8px;
}

.galleries1 UL LI A.active
{
	color:#ffffff;
	text-decoration:none;
	background-color:#4B4B4B;
	padding:0px 8px 0px 8px;
}

.galleries1 UL LI A:visited
{
	color:#5D5D5D;
	text-decoration:none;
	background-color: #2f2f2f;
	padding:0px 8px 0px 8px;
}










/*
.photo{
	float: right;
	vertical-align: top;
	padding:0px 0px 0px 20px;
	margin:0px;
	text-align: right;
}

*/

.box a
{
	margin:0px;
	padding:0px;
}

.box a:link, .box  a:visited {
	font-size: 13px;
	color: #667173;
	line-height:25px;
	margin-left: 0px;
	padding:15px 0px 15px 15px;
	text-decoration:underline;
	background-image:url(../images/li5.gif);
	background-repeat:no-repeat;
	background-position: 0px 18px;
}


.box a:hover, .box  a:active{
	font-size: 13px;
	line-height:25px;
	color: #FF9900;
	margin-left: 0px;
	padding:15px 0px 15px 15px;
	text-decoration:none;
	background-image:url(../images/li5a.gif);
	background-repeat:no-repeat;
	background-position: 0px 18px;
}


.box p
{
	font-size: 11px;
	color: #667173;
	margin:0px;
	line-height:17px;
	padding:0px 15px 0px 0px;
	margin:0px;
}

.box h3
{
	font-size: 13px;
	color: #50585A;
	margin:0px;
	line-height:17px;
	padding:0px 15px 5px 0px;
	margin:0px;
	font-style:normal;
}

/* BUTTON
_____________________________________________________________ */

a.button_01 {
	background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font: normal 11px arial, sans-serif;
	height: 20px;
	margin: 5px 20px 20px 0px;
	padding-right: 12px; /* sliding doors padding */
	text-decoration: none;
	text-align:center;
	clear:both;
}


a.button_01 span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 3px 0px 3px 14px;
	text-decoration: none;
	clear:both;
}


a.button_01:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	 text-decoration: none;
}

a.button_01:visited {
    text-decoration: none;
}


a.button_01:active span {
    background-position: bottom left;
    padding: 3px 0px 3px 14px; /* push text down 1px */
	 text-decoration: none;
}


/* TESTIMONIALS
-----------------------------------*/

.testimonials  {
	margin: 0px 10px 5px 0px;
	padding:5px 5px 0px 5px;
	background-image: url(../images/bg_content.png)
	clear:both;
}


.testimonials img {
	border: 1px solid #ccc;
	background-color:#FFF;
	margin: 0px 10px 5px 0px;
	padding:5px;
	cursor:default;
	clear:both;
}

.testimonials h4 {
	margin: 0px 0px 0px 100px;
	padding:0px 5px;
	font-weight: normal;
	font-size: 16px;
}


.testimonials h5 {
	margin: 0px 0px 0px 100px;
	padding:0px 5px;
	font-weight: normal;
	font-size: 12px;
	color: #686864;
	line-height: 18px;
	font-style: italic;	
}

.testimonials h6 {
	margin: 5px 0px 0px 100px;
	padding:5px;
	font-weight: normal;
	font-size: 10px;
	color: #686864;
	line-height: 14px;
	font-style: italic;	
	border-top: 1px solid #ccc;
	width:250px;
}


.clickable {
	background: #f9f9f9;
	border: solid 1px #e8e8e8;
	padding: 0px;
	margin:10px;
}

.clickable a:link{
	padding: 0px;
	margin: 0px;
}
.clickable:hover {
	border: 1px solid #FC0;
	background-color:#fffce3;
	cursor:auto;
}

f




/* LISTS
_____________________________________________________________ */

.lists UL {
	margin:0px 5px 4px 0px;
	padding:0px 0px 0px 0px;
	font-weight: normal;
	color:#1b6b8b;
	border-bottom:1px solid #999:
 }

.lists  LI
{	margin:0px;
	padding:4px 0px 4px 20px;
	list-style-type:none;
	font-size:10px;
	line-height:12px;
	border-bottom:1px dashed #dfddd6;
	background: url(../images/li1.png) no-repeat 0px 5px;
}
.lists  LI a:link {text-decoration: none; font-size:12px; line-height:17px; }
.lists  LI a:hover {text-decoration: none; font-size:12px; line-height:17px; }
.lists  LI a:active { text-decoration: none; font-size:12px; line-height:17px;}
.lists  LI a:visited {text-decoration: none; font-size:12px; line-height:17px;color:#1b6b8b; }

.lists  LI  a.active {
	text-decoration: underline;
	color:#F60; font-size:12px; line-height:19px;
}




.lists_01 UL {
	margin:0px 5px 4px 0px;
	padding:0px 0px 0px 0px;
	font-weight: normal;
	color:#053868;
	border-bottom:1px solid #999:
 }

.lists_01 UL LI
{	margin:0px;
	padding:4px 0px 4px 16px;
	list-style-type:none;
	font-size:11px;
	line-height:15px;
	border-bottom:1px dashed #dfddd6;
	background: url(../images/li2.gif) no-repeat 0px 3px;
}

.lists_01 UL LI LI
{	margin:0px;
	padding:4px 0px 0px 16px;
	list-style-type:none;
	font-size:11px;
	line-height:15px;
	background: url(../images/li2.gif) no-repeat 0px 3px;
	border-bottom:none;
}







.lists_on {
	text-decoration:none;
	color:#fff;
	font-size:12px;
	line-height:19px;
	padding: 6px 10px;
	border: 1px solid  #CCC;
	float:right;
}


.check2 {
	padding: 0px 20px 0px 10px;
	font-size: 13px;
	color: #686864;
}


.check2 ul li {
	padding: 5px 0px 0px 20px;
	font-size: 13px;
	list-style-type:none;
	background: url(../images/li3a.gif) no-repeat 0px 6px;
}

.check2 ul li strong {
	color: #6c6a67;
}



.dashed { border-bottom:1px dashed #CCCCCC; margin: 7px 0px;
}



/* SUBNAVIGATION
_____________________________________________________________ */

#subnav
{
	width:260px;
	margin:0px;
	padding:0px;
	background: url(../images/bg_nav_01.png) no-repeat right top;
}


/* First-Level */
#subnav UL
{
	margin:0px 0px 0px 0px;
	padding:40px 10px 0px 5px;
}

#subnav UL LI
{
	margin:0px;
	padding:5px 10px 5px 16px;
	list-style-type:none;
	border-bottom: 1px solid #B2C3DF;
}

#subnav UL A
{
	display:block;
	color:#0D0D35;
	font-weight:bold;
	padding:0 0 0 13px;
	line-height:1.5em;
	font-size:12px;
}

#subnav UL A:link, #subnav UL A:visited
{
	color:#081433;
	text-decoration:none;
	padding:0px 10px 0px 32px;
	background: url(../images/li.gif) no-repeat 0px 0px;
}
#subnav UL A:hover
{
	color:#FF7D00;
	text-decoration:none;
	background: url(../images/li_over.gif) no-repeat 0px 0px;
}


#subnav UL A.active
{
	color:#FF7D00;
	text-decoration:none;
	background:transparent url(../images/li.png) no-repeat 0px 5px
}

#subnav UL A.on
{
	color:#FFFFFF;
	text-transform: capitalize;
	font-weight: bold;
	background-color: #0b75a0;
}

#subNav2 { width: 180px;float: left;margin-left: 0;padding-left: 15px; font: bold 12px Arial, Helvetica, sans-serif; }
#subNav2 ul { margin: 0; padding: 0; list-style-type: none; background: url(images/subnav-pinstripe_02.gif) no-repeat left top; }
#subNav2 ul li { margin: 0; }
#subNav2 ul li a {padding: 6px 6px;color: #fff;text-decoration: none;display: block;width: 170px;background: url(images/subnav-pinstripe_02.gif) no-repeat left bottom;font-weight: bold;
 }
 

/* Box Model Hack for IE5 */
#subNav2 ul li a:hover { color: #FFCC33;}

#subNav2 ul li a.selected { color: #FFCC33; }
#subNav2 ul li a.on {
	color: #FF6600;
 }


/* IMAGES BORDERS
_______________________________________ */


img.img_border, a img.img_border {
	border: 1px solid #909090;
	padding: 5px;
	margin: 10px 10px 5px 0px;
	background-color: #676767;
}
a:hover img.img_border{
	border-color: #FF9900;
	background-color: #363636;
}

img.bigimg_border, a img.bigimg_border {
	border: 1px solid #D3D3D3;
	background-color: #FFFFFF;
	padding: 5px;
	margin: 10px 10px 5px 0px;
}
a:hover img.bigimg_border{
	border: 1px solid #AAAAAA;
	background-color: #DDDDDD;
}


.img_border  {
	list-style:none;
	margin: 0px 10px 5px 0px;
	padding:5px;
}

.img_border  img {
	border: 1px solid #cccccc;
	float: left;
	margin: 0px 10px 5px 0px;
	padding:5px;
	background-color:#F6F6F6;
}
.img_border  a:hover img {
	border-color: #FF9900;
	background-color:#ffffff;
	margin: 0px 10px 5px 0px;
	padding:5px;
}


img.img_border2, a img.img_border2 {
	border: 1px solid #E3E3E3;
	padding: 4px;
	background: #FFFFFF;
}
a:hover img.img_border2 {
	border-color: #FF6600;
}

.img_border h3 {
	font-size: 11px;
	color: #FF9900;
	margin:0px;padding:0px;
}

.img_border h3 a:link {
	font-size: 11px;
	color: #FF9900;
	margin:0px;padding:0px;
	text-decoration:none;
}

.img_border h3 a:hover {
	font-size: 11px;
	color: #FF9900;
	margin:0px;padding:0px;
	text-decoration:underline;
}

.img_border h3 a:visited {
	font-size: 11px;
	color: #FF9900;
	margin:0px;padding:0px;
	text-decoration:none;
}

.img_border p {
	font-size: 10px;
	color: #999999;
	margin:0px;
	padding:0px 0px 5px 0px;
	border-bottom: 1px dashed #dad9d6;	
}


/* image */
img.image {
	background: #fff;
	padding: 5px;
	border: 1px solid #D9D9D9;
	margin:0px;
}
p.image {
	margin: 5px 0px 5px 0px;
	padding:0px;
}

p.image img {
	background: #fff;
	padding: 5px;
	border: 1px solid #D9D9D9;
	margin:0px 10px 0px 0px;
}
p.image a:hover img,  p.image  a:visited {
	border: 1px solid #FF9900;
	background: #FFF6E2;
}
p.image a {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}
p.image a:hover {
	text-decoration: underline;
}


/* CASE STUDIES

_______________________________________ */

.artwork_info {
	width: 500px;
	padding-bottom:20px;
	margin:0px 0px 10px 0px;
	list-style:none;
	float: left;
	border-bottom: 1px dashed #cccccc;	
}


.artwork_info img {
	padding: 4px;
	background-color: #FFFFFF;
	border: 1px solid #E3E3E3;
	float: left;
	margin:0px;
}

.artwork_info br {
	display:none;
}

.artwork_info h2 {
	margin:0px;
	font-size:24px ;
	line-height:25px;
	padding: 10px 0px 0px 0px;
	float: left;
	color:#FF9900;
	width:330px;
} 



.artwork_info h3 {
	margin: 0px;
	padding: 0px;
	font-size:14px;
	line-height:25px;
	float: left;
	width:350px;

}

.artwork_info p {
	margin: 0px;
	padding:0px;
	font:12px;
	line-height:16px;
	float: left;
	width:350px;
}



.small_category {
	color:#999999;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 10px;
	float: right;
	margin: -87px 5px 0px 0px;
	font-weight: normal;
	padding:3px 0px 1px 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;	
	
}



.category {
	color:#FF9900;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	float: right;
	text-align: right;
	margin: -7px 14px 0px 0px;
	border:1px solid #CCC;
	padding:5px 10px;
}









/* BOX CONTENT
_____________________________________________________________ */

.box_content {
	padding: 20px 0px 10px 0px;
	margin: 10px 0px 20px 0px;
	border-bottom: 1px dashed #44A7CF;
	border-top: 1px dashed #44A7CF;
	width:500px;
	clear:inherit;
}

.box_content h2 {
	background-color: #FBF2C6;
	padding: 10px 15px 6px 10px;
	margin: 0px 15px 0px 5px;
	font-size: 12px;
	font-weight:bold;
	color: #075080;
	text-transform: uppercase;
	border-top: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
	border-bottom: 1px solid #FBF2C6;
	border-left: 1px solid #B3B3B3;
	display:inline;
}

.box_content_border {
	background-color: #FBF2C6;
	padding:15px;
	border: 1px solid #B3B3B3;
	margin: 4px 0px 0px 5px;
	clear:inherit;
}


.dashed_line { border-top: 1px dashed #44A7CF ;height:1px; margin:10px 0px 10px 0px;clear:both; }
.line_02 { 	background: transparent url(../images/lemon_02.gif) no-repeat bottom;height:40px;margin-bottom:5px;	clear:both;}
.line_03 { 	border-top: 1px dashed #44A7CF; height:1px;	clear:both; margin:5px 0px 0px 0px}


.top_bu {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	background: url(../images/top_bu_01.png) no-repeat 0px 0px;
	padding:8px 30px 20px 15px;
	margin:5px 0px 0px 0px;
}

.top_bu a:link,.top_bu a:active  {
	text-decoration: none;
}

.top_bu a:hover, .top_bu a:visited  {
	text-decoration: underline;
	color: #0b75a0;
}


#Body .linksonly {
	color: #c1bbb2;
}

/* FOOTER
_______________________________________ */

#footer {
	font-size: 12px;
	line-height: 18px;
	color: #C5C8BE;
	font-weight: bold;
	height:20px;
	margin:0px;
	padding:10px;
	clear:both;
	width:945px;
	background: url(../images/bg_footer.png) repeat 0px 0px;
}

#footer p {
	padding: 0px 25px;
}

#footer a:link, #footer a:visited {color: #b1afab;	padding: 0px 5px; margin-left:5px; text-decoration:none;}

 

#footer a:hover, #footer a.on {
	color: #ffff00;
	padding: 10px 5px;
	margin-left:5px;
	text-decoration:none;
}



#footer .copyright {font-weight: bold; font-size: 10px; padding: 0px  0px 10px 120px;color: #fafafa;  }



/* Clearfix
----------------------------------------------------------- */

.br:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.br {
    display: inline-block;
}

.br {
    display: block;
	clear:both;
}

* html .br {
    height: 1px;
}
.breadcums {
	font-size: 10px;
	color: #666666;
	padding: 8px 0px 8px 20px;
	background-image: url(../images/breadcumbs_backg.jpg);
	background-repeat: no-repeat;
}