html,body					{margin: 0px; padding: 0px; background: #4d4b47;}

img							{border:0px; display:block;}
p							{font : normal 13px arial;}
p.mediap1						{font : normal 13px arial; margin:0 0 25px 0;}
p.mediap2						{font : normal 13px arial; margin:0 0 25px 0;}


/* TEXT */

.space1 li 					{margin-bottom: 10px;}
.space2 li 					{margin-bottom: 6px;}
.text6 li					{line-height:1.3em;}

.text1  					{}
.text2						{font : normal 13px arial; line-height:180%; padding:20px 30px 20px 0px;}
.text3						{font : normal 13px arial; color:#edede4; padding:15px 25px 0px 30px;}
.text3b						{font : normal 13px arial; color:#edede4; padding:0px 25px 0px 30px;}
.text4						{font : normal 13px arial; color:#edede4; line-height:180%; padding:20px 30px 10px 30px;}
.text5						{font : normal 10px verdana;}
.text6						{font : normal 11px verdana;}
.text7						{font : normal 12px verdana;}
.text8						{font : normal 12px arial;}
.text8b						{font : normal 12px arial; color:#87660e;}
.text9						{font : normal 13px arial;}
.textitem					{font : normal 14px arial;}
.textfooter					{font : normal 11px verdana; color:white; padding-bottom:20px;}
.textdate					{font : italic 11px verdana; color:#c6c867; padding-bottom:4px;}
.textsponsor				{font : italic 11px verdana; color:#c6c867;}
.textannouncements			{font : normal 12px arial; color:#edede4; padding:15px 25px 0px 30px;}
.thumbtext					{font : normal 11px verdana;}
.thumbtext2					{padding-top: 2px; text-align:center}
.listtext					{font : normal 13px arial; color:white;line-height:180%; margin-bottom: 0px; margin-right:30px; padding-bottom:10px;}


H1  						{}
H2 							{font :bold 14px arial; text-transform: uppercase; margin:20px 0px -10px 0px;}
H2.home						{font :bold 14px arial; text-transform: uppercase; margin:20px 0px 10px 0px;}
H3  						{font :bold 14px arial; text-transform: uppercase; margin:20px 0px 30px 0px;}
H4  						{font :bold 14px arial; color:#555; text-transform: uppercase; margin:20px 0px 10px 0px;}
H5  {}
H6  {}

/* OTHER */
.thumb						{float:left; margin:0 5px 0; width:100px; height:132px;}
.pixelguy					{float:left; margin:0px 5px; width:540px;}
.clientsandprojects			{float:right; margin:-15px -45px -15px 0; width:180px;}
.sponsorlogo				{margin: -15px 0 15px 0;}
/*.thumb img					{margin-bottom:-8px;}*/

/* LINKS */
A:Link 						{text-decoration:none; color:#004f8c;}
A:Visited  					{text-decoration:none; color:#004f8c;}
A:Active  					{text-decoration:none; color:#004f8c;}
A:Hover 	 				{text-decoration:underline; color: red;}

A.footer:Link 				{text-decoration:none; color:#0484ba;}
A.footer:Visited  			{text-decoration:none; color:#0484ba;}
A.footer:Active  			{text-decoration:none; color:#0484ba;}
A.footer:Hover 	 			{text-decoration:underline; color: red;}

A.groundup:Link 			{text-decoration:none; color:#ffd800;}
A.groundup:Visited  		{text-decoration:none; color:#ffd800;}
A.groundup:Active  			{text-decoration:none; color:#ffd800;}
A.groundup:Hover 	 		{text-decoration:underline; color: red;}

/* LINKS: on gray */
A.side:Link 				{text-decoration:none; color:white;}
A.side:Visited  			{text-decoration:none; color:white;}
A.side:Active  				{text-decoration:none; color:white;}
A.side:Hover 	 			{text-decoration:underline; color: orange;}

/* LINKS: on thumbnails */
A.thumblink:Link 				{text-decoration:none; color:#7f7f7f;}
A.thumblink:Visited  			{text-decoration:none; color:#7f7f7f;}
A.thumblink:Active  			{text-decoration:none; color:#7f7f7f;}
A.thumblink:Hover 	 			{color: red;}

/* LINKS: nolink */
A.nolink:Link 				{text-decoration:none; color:black;}
A.nolink:Visited  			{text-decoration:none; color:black;}
A.nolink:Active  			{text-decoration:none; color:black;}
A.nolink:Hover 	 			{text-decoration:none; color:black;}

/* NAVIGATION */
#nav_header					{width:366px; height:100px; float:left; position:relative; background:url(../images/navigation/Fallback/header-background.png); }
#nav_header div				{position:absolute;}
#nav_people					{left:7px; top:17px;}
#nav_media					{left:243px; top:13px;}
#nav_work					{left:108px; top:5px;}
#nav_about					{left:70px; top:34px;}
#nav_contact				{left:171px; top:40px;}

input { height:1.2em; border: 0; background-color:#e6e6e6; }

/* Projects */
.projects_wrap				{width:960px;padding-top:10px;/*height:179px;*/ }
.projects_nav				{width:118px; height:110px; float:left; margin-left:-42px; margin-top:15px; display:block; position:relative}
.projects					{float:right; width:862px; overflow:hidden; height:185px; margin-left:22px; margin-top:5px;}
.p_nav						{display:block; margin:0; padding:0; width:118px; height:110px;list-style:none}

.project_cat_1{list-style:none; display:block; margin:10px 0 0; padding:0; float:left; width:90px; height:30px; cursor:pointer}
.project_cat_2{list-style:none; display:block; margin:0; padding:0; float:left; width:90px; height:30px;cursor:pointer}
.project_cat_3{list-style:none; display:block; margin:0; padding:0; float:left; width:90px; height:30px;cursor:pointer}

.project_cat_1:hover{background:url(../images/project_nav.png) -118px -10px;}
.project_cat_2:hover{background:url(../images/project_nav.png) -118px -40px;}
.project_cat_3:hover{background:url(../images/project_nav.png) -118px -70px;}

.projects_nav_active_1{width:118px; height:110px; background: url(../images/project_nav.png) 0 0;}
.projects_nav_active_2{width:118px; height:110px; background: url(../images/project_nav.png) 0 -110px;}
.projects_nav_active_3{width:118px; height:110px; background: url(../images/project_nav.png) 0 -220px;}

.web_pager, .animation_pager, .game_pager{height:36px; float:left; display:block; margin-top:10px; margin-left:32px;background:url(../images/web_pager.gif) 0 0 no-repeat}

.web_pager a, .game_pager a, .animation_pager a{display:block; width:36px; height:36px;float:left; margin-right:17px; position:relative}
.web_pager a span, .animation_pager a span, .game_pager a span{display:none}

.web_pager a.active_0{background:url(../images/navigation/web-1.gif)}
.web_pager a.active_1{background:url(../images/navigation/web-2.gif)}
.web_pager a.active_2{background:url(../images/navigation/web-3.gif)}
.web_pager a.active_3{background:url(../images/navigation/web-4.gif)}
.web_pager a.active_4{background:url(../images/navigation/web-5.gif)}

.game_pager a.active_0{background:url(../images/navigation/games-1.gif)}
.game_pager a.active_1{background:url(../images/navigation/games-2.gif)}
.game_pager a.active_2{background:url(../images/navigation/games-3.gif)}
.game_pager a.active_3{background:url(../images/navigation/games-4.gif)}
.game_pager a.active_4{background:url(../images/navigation/games-5.gif)}

.animation_pager a.active_0{background:url(../images/navigation/animation-1.gif)}
.animation_pager a.active_1{background:url(../images/navigation/animation-2.gif)}
.animation_pager a.active_2{background:url(../images/navigation/animation-3.gif)}
.animation_pager a.active_3{background:url(../images/navigation/animation-4.gif)}
.animation_pager a.active_4{background:url(../images/navigation/animation-5.gif)}

a.pager{display:block; float:left; width:20px; height:20px; margin:3px; background:url(../images/pager.png) center center no-repeat; text-align:center; color:#ffffff}

.active_project				{/*background:url(../images/active_project.png) top center no-repeat;*/margin-top: 0;}
.projects_nav ul li span	{display:none}
.thumblink img				{display:block; margin:5px auto;  padding-top:15px;}
.active_project	img			{/*padding-top:0*/}
.clear						{clear:both}
.jcarousel-control			{display:block; margin:0 auto; height:20px;text-align:center}

/*JCarousel*/
.mycarousel_1, .mycarousel_2, .mycarousel_3{
	height:130px;
}
.jcarousel-skin-tango_1 .jcarousel-direction-rtl, .jcarousel-skin-tango_2 .jcarousel-direction-rtl, .jcarousel-skin-tango_3 .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango_1 .jcarousel-container-horizontal, .jcarousel-skin-tango_2 .jcarousel-container-horizontal, .jcarousel-skin-tango_3 .jcarousel-container-horizontal {
    width: 835px;
    /*padding: 0 22px;*/
}

.jcarousel-skin-tango_1 .jcarousel-clip, .jcarousel-skin-tango_2 .jcarousel-clip, .jcarousel-skin-tango_3 .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango_1 .jcarousel-clip-horizontal, .jcarousel-skin-tango_2 .jcarousel-clip-horizontal, .jcarousel-skin-tango_3 .jcarousel-clip-horizontal {
	margin-top:0;
    width:  837px;
    height: 135px;
}

.jcarousel-skin-tango_1 .jcarousel-item-horizontal, .jcarousel-skin-tango_2 .jcarousel-item-horizontal, .jcarousel-skin-tango_3 .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 6px;
}

.jcarousel-skin-tango_1 .jcarousel-direction-rtl .jcarousel-item-horizontal,
.jcarousel-skin-tango_2 .jcarousel-direction-rtl .jcarousel-item-horizontal,
.jcarousel-skin-tango_3 .jcarousel-direction-rtl .jcarousel-item-horizontal
 {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango_1 .jcarousel-item-vertical,
.jcarousel-skin-tango_2 .jcarousel-item-vertical,
.jcarousel-skin-tango_3 .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango_1 .jcarousel-item-placeholder,
.jcarousel-skin-tango_2 .jcarousel-item-placeholder,
.jcarousel-skin-tango_3 .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango_1 .jcarousel-next-horizontal,
.jcarousel-skin-tango_2 .jcarousel-next-horizontal,
.jcarousel-skin-tango_3 .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    right: 5px;
    width: 20px;
    height: 108px;
    cursor: pointer;
	line-height:100px;
    /*background:url(../images/right_arrow.png) center center no-repeat;*/
}

.jcarousel-skin-tango_1 .jcarousel-direction-rtl .jcarousel-next-horizontal,
.jcarousel-skin-tango_2 .jcarousel-direction-rtl .jcarousel-next-horizontal,
.jcarousel-skin-tango_3 .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}
.jcarousel-skin-tango_1 .jcarousel-next-horizontal:active,
.jcarousel-skin-tango_2 .jcarousel-next-horizontal:active,
.jcarousel-skin-tango_3 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

/*.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    /*background:url(../images/right_arrow.png) center center no-repeat;*/
/*}*/

/*.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
	top: 0;
    left: 5px;
    width: 20px;
    height: 108px;
    cursor: pointer;
	line-height:100px;
    /*background:url(../images/left_arrow.png) center center no-repeat;*/
/*}*/

/*.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
	/*background:url(../images/left_arrow.png) center center no-repeat;*/
/*}*/

/*.jcarousel-prev-horizontal{background:url(../images/left_arrow.png) center center no-repeat;}
.jcarousel-next-horizontal{background:url(../images/right_arrow.png) center center no-repeat;}*/
.jcarousel-next-disabled, .jcarousel-prev-disabled{background:none;}
.js .thumb {display: none;}