body{
	margin:0 0;
	background-color: #000000;
}

body, div, p, span {
	font-family: Arial, Tahoma, Trebuchet, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.6em;
	letter-spacing: 1px;
	color: #dadada;
}

/* ==== NOTES

Content width: 850px, Padded 10px on all sides = 830px available



 ==== */


/* ==== structure ==== */

#main{
	width:850px;
	margin:0px auto;
	text-align:left;
	border:0px solid #ff0000;
}
#flashmast{
	height:250px;
}

#content-left{
	min-height:450px;
	background-image:url('img/bg_colleft.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000000;
}

#content-right{
	min-height:450px;
	background-image:url('img/bg_colright.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000000;
}

#content-full{
	
	min-height:450px;
	background-image:url('img/bg-fullcol.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000000;
	padding: 0 10px;
	position:relative;
}


#content-history{
	min-height:450px;
	background-image:url('img/bg-history.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000000;
	padding: 0 10px;
	position:relative;
}


#content-externaldev{
	min-height:575px;
	background-image:url('img/bg-externaldev.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000000;
	padding: 0 10px;
	position:relative;
}

#content-clientbenefits{
	min-height:525px;
	background-image:url('img/bg-clientbenefits.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000000;
	padding: 0 10px;
	position:relative;
}


.hdr-sidebar{
	height:39px;
	width:301px;
	position:relative;
	overflow: visible;
	background: url(img/hdr-sidebar.gif) 0 0;
}

.hdr-sidebar-rev{
	height:39px;
	width:301px;
	position:relative;
	left: -11px;
	overflow: visible;
	background: url(img/hdr-sidebar-rev.gif) 0px 0px;
}


/* 
SIDEBAR: 290px with 10px of margin = 280 pixels to work with
*/

/* standard columns */

#colmain{
	float:left;
	width:550px;
	min-height:296px;
}

#gutter{
	float:left;
	min-height:296px;
	width:10px;
	border: 0;
	
}

#sidemain{
	position:relative;
	float:left;
	width:290px;
	border-top:0px solid #00FF00;
	margin:0 0 0 0;
	overflow: visible;
}

#sidemain p {
	padding-left:10px;
}


/* reversed columns */

#colmain-rev{
	float:right;
	width:550px;
	min-height:296px;
}

#gutter-rev{
	float:right;
	min-height:296px;
	width:10px;
}

#sidemain-rev{
	float:right;
	width:290px;
	border-top:0px solid #00FF00;
	margin:0 0 0 0;
	overflow: visible;
}


.colpad{
	padding:10px;
}


#footer {
	letter-spacing: 0px;
	padding-top:20px;
}

#localnav {
	letter-spacing: 0px;
	font-size:8pt;
	color:#c1c1c1;
}

#legal{
	float:right;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-size:9px;
	color:#c1c1c1;	
}

#legal-sub{
	letter-spacing: 0px;
	text-transform: uppercase;
	font-size:9px;
	color:#c1c1c1;	
	margin-top:10px;
}

.platform-sub{
	float:right;
}

/* ==== links ==== */


a:link{
	color:#e3e511;
	text-decoration:none;
}
a:visited{
	color:#e3e511;
	text-decoration:none;
}

a:hover{
	color:#e3e511;
	text-decoration:underline;
}

a:active{
	color:#e3e511;
	text-decoration:underline;
}



a.footernav:link{
	color:#e3e511;
	text-decoration:none;
}
a.footernav:visited{
	color:#e3e511;
	text-decoration:none;
}

a.footernav:hover{
	color:#e3e511;
	text-decoration:underline;
}

a.footernav:e3e511{
	color:#817220;
	text-decoration:underline;
}



a.services:link{
	color:#000000;
	text-decoration:none;
}
a.services:visited{
	color:#000000;
	text-decoration:none;
}

a.services:hover{
	color:#666666;
	text-decoration:underline;
}

a.services:active{
	color:#666666;
	text-decoration:underline;
}





/* ===== Formatting ===== */

#colmain b, #content-history b{
	font-weight:bold;
	color:#ffffff;
}

h1{
	color:#e3e511;
	padding:0;
	margin:0 0 8px 0;
	font-size:14px;
}

h2{
	color:#e3e511;
	padding:0;
	margin:0;
	font-size:12px;
}

.smalltext{
	letter-spacing: normal;
	font-size:11px;
}

.compacttext{
	letter-spacing: .05em;
}

.homeicons{
	position:relative;
	top:15px;
	left:5px;
	height:100px;
}

.icon-home{
	margin: 0 2px;
}

.projlink{
	letter-spacing: normal;
	font-size:11px;
	text-align:right;
	margin:25px 10px;
}

.galllink{
	letter-spacing: normal;
	font-size:11px;
	float:right;
	text-align:right;
}

.radial-home{
	margin: 0 auto;
	width: 490px;
	height: 150px;
	background:url(img/radial-home.gif) no-repeat;
}

.radial-home .boxlabel{
	float:left;
	width:200px;
	height:150px;
}

.radial-home .cliserv{
	position:relative;
	top:70px;
	left:40px;
}
.radial-home .vendserv{
	position:relative;
	top:70px;
	left:38px;
}
.radial-home .keybizvert{
	position:relative;
	top:70px;
	left:10px;
}

.radial-home .boxcopy{
	float:left;
}

.radial-home ul {
	list-style-image: url(img/ul-disc.gif);
	list-style-type:disc;
	margin:0 0 0 0;
	padding:0 0 0 20px;;
}

.radial-home ul .sub {
	list-style-image: url(img/ul-dash.gif);
	list-style-type:disc;
	margin:0 0 0 0;
	padding:0 0 0 20px;;
}


.radial-becvend {
	margin: 0 ;
	position:relative;
	width: 510px;
	height: 170px;
	background:url(img/radial-becvend.gif) no-repeat;
}

.radial-becvend .boxcopy{
	margin:10px 10px;
	position:absolute;
	top:70px;
}


.list-side{
	position: relative;
	left:10px;
	margin-top:10px;
	width:275px;
}

.list{
	width:inherit;
}

.list h3{
	position: inherit;
	font-size:inherit;
	font-weight:bold;
	color: #e3e511;
	text-align: center;
	padding: 5px 5px;
	margin:0 0;
	border-bottom: 1px dotted #6e6e6e;
}

.list p{
	position: inherit;
	text-align: center;
	font-size:11px;
	padding: 5px 5px;
	margin:0 0;
	border-bottom: 1px dotted #6e6e6e;
}

.list .last{
	position: inherit;
	text-align: center;
	font-size:11px;
	padding: 5px 5px;
	margin:0 0;
	border-bottom: 0px #6e6e6e;
}

.listlink{
	border-top:1px dotted #6e6e6e;
	line-height:2em;
	font-size:11px;
}

.listlink A:link{
	text-align: center;
	display:block;
	font-weight: normal;
	color:#aaaaaa;
	color: inherit;
	text-decoration:none;
}
.listlink A:visited{
	text-align: center;
	display:block;
	font-weight: normal;
	color:#aaaaaa;
	text-decoration:none;
}

.listlink A:active{
	text-align: center;
	display:block;
	font-weight: normal;
	color:#ffffff;
	text-decoration:none;
	background-color:#22221f;
}

.listlink A:hover{
	text-align: center;
	display:block;
	font-weight: normal;
	color: #ffffff;
	text-decoration:none;
	background-color:#22221f;
}



.history-top{
	width:570px;
	margin: 40px 0;
}


.history-bottom{
	position:relative;
	left:200px;
	width:570px;
	
}

/* History :: Partners */

#partners-damc{
	height:100px;
	width:550px;
	background:url(img/history-logo-damc.jpg) top left no-repeat #22221f;
	margin:10px 0;
}

#partners-dam{
	height:100px;
	width:550px;
	background:url(img/history-logo-dam.jpg) top left no-repeat #22221f;
	margin:10px 0;
}

#partners-dam p{
	letter-spacing: normal;
	position:relative;
	top:10px;
	left:130px;
	width:410px;
	font-size: 11px;
	color: #a9a9a9;
}

#partners-damc p{
	letter-spacing: normal;
	position:relative;
	top:15px;
	left:130px;
	width:410px;
	font-size: 11px;
	color: #a9a9a9;
}


#partners-damc b, #partners-dam b{
	color:#ffffff;
	font-weight: normal;
}

/* ===== External Dev ===== */
#extdev-top{
	width:515px;
	position: absolute;
	top:40px;
	left:25px;
}

#extdev-radial1{
	position: absolute;
	top:340px;
	left:19px;
	width:260px;
	height:260px;
	background: url(img/extdev-radial1.gif) no-repeat;
}

#extdev-radial2{
	position: absolute;
	top:340px;
	left:291px;
	width:260px;
	height:260px;
	background: url(img/extdev-radial2.gif) no-repeat;
}

#extdev-radial3{
	position: absolute;
	top:340px;
	left:562px;
	width:260px;
	height:260px;
	background: url(img/extdev-radial3.gif) no-repeat;
}


#extdev-radial1 img, #extdev-radial2 img, #extdev-radial3 img{
	margin:14px 0 10px 10px;
}

#extdev-radial1 p, #extdev-radial2 p, #extdev-radial3 p{
	padding:0 10px;
	font-size:11px;
	color: #e4e4e4;
	letter-spacing: .05em;
}

#extdev-radial1 .hrule, #extdev-radial2 .hrule, #extdev-radial3 .hrule{
	border-top: 1px solid #494945;
	height:1px;
	margin-top: 0px;
	margin-left: 5px;
	width:250px;
}


/* ===== Client Benefits ===== */

#cb-radial1{
	position: absolute;
	top:148px;
	left:9px;
	width:270px;
	height:410px;
	background: url(img/radial-cb1.gif) no-repeat;
}

#cb-radial2{
	position: absolute;
	top:148px;
	left:290px;
	width:270px;
	height:410px;
	background: url(img/radial-cb2.gif) no-repeat;
}

#cb-radial3{
	position: absolute;
	top:148px;
	left:571px;
	width:270px;
	height:410px;
	background: url(img/radial-cb3.gif) no-repeat;
}

#cb-radial1 img, #cb-radial2 img, #cb-radial3 img{
	margin:14px 0 25px 12px;
}

#cb-radial1 p, #cb-radial2 p, #cb-radial3 p{
	padding:0 10px;
	font-size:11px;
	color: #e4e4e4;
}

#cb-radial1 .hrule, #cb-radial2 .hrule, #cb-radial3 .hrule{
	border-top: 1px dotted #494945;
	height:1px;
	margin-top: 0px;
	margin-left: 5px;
	width:250px;
}

#cb-radial1 .bullet, #cb-radial2 .bullet, #cb-radial3 .bullet{
	background-image: url(img/ul-disc.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding: 0 0 0 18px;
	margin:0 10px;
	font-size:11px;
	color: #e4e4e4;
}


/* ===== Gameography ===== */

#games-360{
	width: 780px;
	margin:0 auto;
	clear:both;
}

#games-360 div{	
	float:left;
	height:200px;
	margin-right:27px;
}

#games-ps3{
	width: 760px;
	margin:0 auto;
	clear:both;
}

#games-ps3 div{	
	float:left;
	height:200px;
	margin-right:27px;
}


#games-wii{
	width: 780px;
	margin:0 auto;
	clear:both;
}

#games-wii div{	
	float:left;
	height:200px;
	margin-right:27px;
}

#games-handheld{
	width: 760px;
	margin:0 auto;
	clear:both;
}

#games-handheld div{	
	float:left;
	height:200px;
	margin-right:27px;
}


#games-pc{
	width: 775px;
	margin:0 auto;
	clear:both;
}

#games-pc div{	
	float:left;
	height:200px;
	margin-right:25px;
}

#games-iphone{
	width: 850px;
	margin:-10px auto;
	clear:both;
}

#games-iphone div{	
	float:left;
	height:200px;
	margin-right:8px;
}



/* ===== Outsourcing ===== */

#outsourcing-top{
	float:left;
	width:500px;
	margin:25px 0 0 0;
}

#outsourcing-chart{
	float:left;
	width:285px;
	margin:30px 0 0 25px;
}


.outsourcing-callout-container{
	background-color:#aba00b;
	width:480px;
	height:80px;
	margin:10px 0;
}

.outsourcing-callout{
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	width:450px;
	height:80px;
	position:relative;
	top:0;
	left:14px;
	background-color: #22221f;
}

.outsourcing-callout p{
	padding:10px;
}


.outsourcing-srvcol{
	float:left;
	width:155px;
	margin-right:7px;
}

.srvcol-list{
	width:138px;
	position:relative;
	left:7px;
}


/* Contact */

#contact {
	padding: 40px 10px 0 10px;
}


.contact-address{
	float:right;
}

/* Management Team */

#management-copy{
	padding-top: 30px;
}

.logogrid{
	position: relative;
	height: 160px;
	
}

.title{
	color:#e3e511;
	font-size:16px;
	padding:10px 0;
	margin: 0 0;
}

.bio{
	padding: 0 0 30px 0;
	margin: 0 0;
}

/* Managemnet Team Logo Grid - row 1*/

#logo-dam {
	position: absolute;
	top:15px;
	left:20px;
}

#logo-prd {
	position: absolute;
	top:20px;
	left:125px;
}

#logo-damc {
	position: absolute;
	top:15px;
	left:260px;
}

#logo-midway {
	position: absolute;
	top:10px;
	left:380px;
}

#logo-ms {
	position: absolute;
	top:25px;
	left:485px;
}
#logo-ion {
	position: absolute;
	top:15px;
	left:598px;
}
#logo-ea {
	position: absolute;
	top:15px;
	left:720px;
}


/* Managemnet Team Logo Grid - row 2 */

#logo-amaze {
	position: absolute;
	top:82px;
	left:15px;
}

#logo-dd {
	position: absolute;
	top:65px;
	left:125px;
}

#logo-6 {
	position: absolute;
	top:72px;
	left:252px;
}

#logo-tencent {
	position: absolute;
	top:82px;
	left:370px;
}

#logo-jamdat {
	position: absolute;
	top:72px;
	left:486px;
}
#logo-pana {
	position: absolute;
	top:80px;
	left:605px;
}
#logo-thq {
	position: absolute;
	top:85px;
	left:716px;
}



/* ===== Work at PRD ===== */

.jobtitle{
	color:#e3e511;
	font-size:16px;
	padding:0 0 10px 0;
	margin:0 0;
}

.jobheading{
	color:#e3e511;
	font-size:14px;
}

.joblist {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 4px;
}

.joblist li {
	background-image: url(img/ul-disc.gif);
	background-repeat: no-repeat;
	background-position: 2px 3px;
	padding-left: 16px;
}




/* Recent Projects */

.projinfo{
	padding-left:175px;
	line-height:1.5em;
	height:140px;
	overflow:visible;
}

.vidlink-sml{
	background-image: url(img/icon-video.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 3px 0 0 28px;
}

#mg-1, #mg-2 {
	width:285px;
	padding-bottom:10px;
}


#mg-1 img, #mg-2 img {
	float:left;
	margin-right:2px;
	margin-bottom:2px;
	border: 0 solid #000000;
}


/* ===== Gallery ===== */

#viewer{

}

/* ===== Rounded Corners ===== */

.rounded-tab{
	width:150px;
	margin-bottom:10px;
}
	

.rounded{display:block;}


.rounded *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#22221f;
  }
.rounded1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #0e0e0d;
  border-right:1px solid #0e0e0d;
  background:#191917;
  }
.rounded2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #030303;
  border-right:1px solid #030303;
  background:#1b1b19;
 }
.rounded3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #1b1b19;
  border-right:1px solid #1b1b19;
  }
.rounded4{
  border-left:1px solid #0e0e0d;
  border-right:1px solid #0e0e0d;
  }
.rounded5{
  border-left:1px solid #191917;
  border-right:1px solid #191917;
  }
.roundedfg{
	background:#22221f;
	padding-left:20px;
	height:15px;
	font-weight:bold;
	font-size:11px;
}



/* ===== Tooltip ===== */

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}	
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:8px;
    left:3px;
	padding: 10px 0 0 0;
	width:110px;
	height:28px;
	color: #000000;
    background: url(img/balloon.gif) no-repeat top;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 15px 0px 0;
    background: url(img/balloon.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	color:#252525;
	font-weight:bold;
	padding: 0 0 0 0; 

}
a.tt:hover span.bottom{
	display: block;
	padding:6px 0px 0px;
	color: #548912;
    background: url(img/balloon.gif) no-repeat bottom;
}