/*
Stylesheet for 
Author:     	Juliana Yamashita
Updated:    	May 2010
*/

/* core ------------------------- */

body  {
width: 710px;
margin: 0 auto;
padding: 0;
text-align: center;
background:#fff;
font-family: Verdana, Arial, sans-serif;
line-height:1.6em;
letter-spacing: 0px; 
font-size: 70%;
}

a {
/*font-family: Verdana, Arial, sans-serif;*/
text-decoration: none;
color: #C12F02;
border: none;
}

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

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

img {
margin: 0;
padding: 0;
border: none;
}

h3{
margin: 0;
padding: 0;
}

h4{
margin: 0;
padding: 0;
}

div {
margin: 0;
padding: 0;
background: #FFF;
}

p {
margin: 0 0 0 0;
padding: 0;
}

#wrap {
position: relative;
width: 710px;
text-align: left;
}

/* Headers ------------------------ */

#header {
height:216px;
margin-top: 30px;
background: #ccc url(../img/header_h.gif) no-repeat top right;
}

/* Navigation ------------------------ */

#nav {
margin-left: 30px;
margin-top: 0;
padding:0;
width: 710px;
list-style: none;
text-indent: -5000px;
voice-family: "\"}\"";
voice-family: inherit;
width: 680px;
}

html>body #nav {
width: 680px;
}

/* \*/
* html body #nav {
margin-right: -3px;
}
/* */

#nav li {
margin: 0;
padding:0;
list-style: none;
display: inline;
}

#nav ul li, #nav a {
float: left;
height: 30px;
display: block;
}

#thome ul li, #thome a {
width: 163px;
background: url(../img/nav_home.gif) top left no-repeat;
}

#thome a:hover, a:active{
background-position: 0 -30px;
}

#thome a.selected{
background-position: 0 -60px;
}

#twork ul li, #twork a {
width: 163px;
background: url(../img/nav_work.gif) top left no-repeat;
}

#twork a:hover, a:active, a.selected{
background-position: 0 -30px;
}

#twork a.selected{
background-position: 0 -60px;
}

#tplay ul li, #tplay a {
width: 163px;
background: url(../img/nav_play.gif) top left no-repeat;
}

#tplay a:hover, a:active, a.selected {
background-position: 0 -30px;
}

#tplay a.selected{
background-position: 0 -60px;
}

#tcontact ul li, #tcontact a  {
width: 161px;
background: url(../img/nav_contact.gif) top left no-repeat;
}

#tcontact a:hover, a:active, a.selected {
background-position: 0 -30px;
}

#tcontact a.selected{
background-position: 0 -60px;
}

/* Content ------------------------ */

#content {
float: left;
width: 710px;
}

/* Home Top Message */

#top-message {
text-indent: -5000px;
padding-top:10px;
float:left;
width: 650px;
margin-left:30px;
}

#top-message h4{
padding: 15px 0 8px 0px;
color: #C12F02;
font-family: Arial, Verdana, sans-serif;
font-weight: normal;
line-height:1.0em;
font-size: large;
}

/* \*/
* html body #top-message {
margin-left: 15px;
}
/* */

#top-message p{
padding: 0 0 8px 100px;
background: url(../img/txt_home_message.gif) 0 30% no-repeat;
}

/* Play - Full Column*/

#column-full{
float: left;
width: 650px;
margin-left:30px;
}

/* \*/
* html body #column-full {
margin-left: 15px;
}
/* */

#column-full h3 {
height: 30px;
color: #fff;
border: none;
}

#column-full p {
	padding: 0 0 12px 0;
	color: #333;
	border: none;
}

#feature-project h3{
background: #C12F02 url(../img/bar_tile.gif) 0 100% repeat-x;
}

#feature-project h4{
padding: 0 0 12px 0;
}

#recent-project h3{
background: #C12F02 url(../img/bar_tile.gif) 0 100% repeat-x;
}

#recent-project h4{
padding: 0 0 12px 0;
}



/* Home - Column Left */

#column-left {
float: left;
width: 430px;
margin-left:30px;
}

/* \*/
* html body #column-left {
margin-left: 15px;
}
/* */

#column-left h3 {
height: 30px;
color: #fff;
border: none;
}

#column-left p {
	padding: 0 0 12px 0;
	color: #333;
	border: none;
}

#feature-project h3{
background: #C12F02 url(../img/bar_tile.gif) 0 100% repeat-x;
}

#feature-project h4{
padding: 0 0 12px 0;
}

#recent-project h3{
background: #C12F02 url(../img/bar_tile.gif) 0 100% repeat-x;
}

#recent-project h4{
padding: 0 0 12px 0;
}

/* Home - Column Right */

#column-right {
width: 210px;
float: right;
color: #888;
margin-right:30px;
}


/* \*/
* html body #column-right {
margin-right: 15px;
}
/* */

#column-right h3 {
height: 30px;
color: #fff;
border: none;
background: #C12F02 url(../img/bar_tile.gif) 0 100% repeat-x;
}

#column-right p {
padding: 0 0 8px 0;
color: #333;
border: none
}

/* Work Header */

#header-w {
margin-top: 30px;
height:140px;
background: #ccc url(../img/header_w.gif) no-repeat top right;
}

/* Work Top Message */

#top-message-w {
padding-top:10px;
float:left;
width: 650px;
margin-left:30px;
}


#top-message-w h4{
padding: 15px 0 8px 0px;
color: #C12F02;
font-family: Arial, Verdana, sans-serif;
font-weight: normal;
line-height:1.0em;
font-size: large;
}


/* \*/
* html body #top-message-w {
margin-left: 15px;
}
/* */

#top-message-w p{
padding: 0 0 8px 100px;
background: url(../work/img/txt_work.gif) 0 30% no-repeat;
}

/* Work Column Left */

#column-left-w {
float: left;
width: 210px;
margin-left:30px;
}

/* \*/
* html body #column-left-w {
margin-left: 15px;
}
/* */

#column-left-w h3 {
padding-top: 8px !important;
border: none;
background: url(../img/hr1_top.gif) 0 100% repeat-x;
}

#column-left-w h4 {
padding: 10px 0 19px 0;
color: #C12F02;
font-family: Arial, Verdana, sans-serif;
font-weight: normal;
line-height:1.0em;
font-size: large;
}

.title-bar{
padding: 10px 0 10px 0;
}

#column-left-w p {
padding: 0 0 8px 0;
color: #333;
border: none;
}


/* Work Column Middle */

#column-middle-w {
float: left;
width: 210px;
margin-left: 10px;
}

/* \*/
* html body #column-middle-w {
margin-left: 10px;
}
/* */

#column-middle-w h3 {
padding-top: 8px !important;
border: none;
background: url(../img/hr1_top.gif) 0 100% repeat-x;
}

#column-middle-w h4 {
padding: 10px 0 19px 0;
color: #C12F02;
font-family: Arial, Verdana, sans-serif;
font-weight: normal;
line-height:1.0em;
font-size: large;
}

#column-middle-w p {
padding: 0 0 8px 0;
color: #333;
border: none;
}


/* Work Column Right */

#column-right-w {
float: right;
width: 210px;
margin-right: 30px;
}

/* \*/
* html body #column-right-w {
margin-right: 15px;
}
/* */

#column-right-w h3 {
padding-top: 8px !important;
border: none;
background: url(../img/hr1_top.gif) 0 100% repeat-x;
}

#column-right-w h4 {
padding: 10px 0 19px 0;
color: #C12F02;
font-family: Arial, Verdana, sans-serif;
font-weight: normal;
line-height:1.0em;
font-size: large;
}

#column-right-w p {
padding: 0 0 8px 0;
color: #333;
border: none;
}

/* Work Popup Styles */

#header-p {
height:58px;
background: #fff url(../img/header_p.gif) no-repeat top center;
text-indent: -5000px;
}

#header-p ul li, #header-p a {
height: 58px;
display: block;
list-style: none;
}


#content-p {
width: 710px;
height: 500px;
padding-bottom: 8px !important;
background: #fff url(../img/hr1_bottom.gif) 0 100% repeat-x;
}

#content-p-new {
width: 710px;
padding-bottom: 8px !important;
background: #fff url(../img/hr1_bottom.gif) 0 100% repeat-x;
}


#wrap-p{
position: relative;
width: 710px;
text-align: left;
background:#fff;
}

#wrap-p body{
width: 710px;
margin: 0 auto;
padding: 0;
text-align: center;
font-family: Verdana, Arial, sans-serif;
line-height:1.3em;
font-size: 60%;
}

#project-image h3{
background: #C12F02 url(../img/bar_tile.gif) 0 100% repeat-x;
}

#project-image h4{
padding: 0 0 12px 0;
}

#project-image-full{
padding: 20px 0px 0 0;
}


#project-image-full h3{
background: #C12F02 url(../img/bar_tile.gif) 0 100% repeat-x;
}

#project-image-full h4{
padding: 0px 0 20px 0;
color: #C12F02;
font-family: Arial, Verdana, sans-serif;
font-weight: normal;
line-height:1.0em;
font-size: large;
}

#project-description{
padding: 45px 0 0px 0;
}

#project-description p {
padding: 10px 0 10px 0;
}

#project-description ul li {
padding: 0 0 4px 12px;
line-height: 1.1em;
background: url(../img/bullet.gif) no-repeat 0 3px;
}

#project-description ul {
list-style: none;
margin: 0em 0 1em 0;
padding-left: 1px;
}

#project-description h3 {
padding: 0px 0 0px 0;
}

#project-description h4 {
padding: 20px 0 20px 0;
color: #C12F02;
font-family: Arial, Verdana, sans-serif;
font-weight: normal;
line-height:1.0em;
font-size: large;
}


.right{
float: right;
}

.left{
float: left;
}

/*Play Top Message */

#top-message-pl {
padding-top:10px;
padding-bottom:10px;
float:left;
width: 650px;
margin-left:30px;
}

/* \*/
* html body #top-message-pl {
margin-left: 15px;
}
/* */

#top-message-pl p{
padding: 0 0 8px 100px;
background: url(../img/txt_play.gif) 0 30% no-repeat;
}


/* Contact */

#contact h4{
padding: 20px 0 2px 0;
}

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


/* Content-flexible - for ADC page */


#wrap-flex{
position: relative;
width: 910px;
text-align: left;
background:#fff;
}

#wrap-flex body{
width: 910px;
margin: 0 auto;
padding: 0;
text-align: center;
font-family: Verdana, Arial, sans-serif;
line-height:1.3em;
font-size: 60%;
}

#content-flex {
width: 910px;
height: 650px;
padding-bottom: 8px !important;
background: #fff url(../img/hr1_bottom.gif) 0 100% repeat-x;
}

#header-flex {
height:58px;
background: #fff url(../img/header_flex.gif) no-repeat top center;
text-indent: -5000px;
}

#column-flex {
float: left;
width: 850px;
margin-left:30px;
}

/* \*/
* html body #column-flex {
margin-left: 15px;
}
/* */

#column-flex h3 {
height: 30px;
color: #fff;
border: none;
}

#column-flex p {
padding: 0 0 8px 0;
color: #333;
border: none;
}

#project-flex h3{
background: #C12F02 url(../img/bar_tile.gif) 0 100% repeat-x;
}

#project-flex h4{
padding: 0 0 12px 0;
}

#project-flex h3{
background: #FC12F02 url(../img/bar_tile.gif) 0 100% repeat-x;
}

#project-flex h4{
padding: 0 0 12px 0;
}

#project-flex ul li {
list-style: none;
padding: 0 0 4px 12px;
line-height: 1.1em;
background: url(../img/bullet.gif) no-repeat 0 3px;
}


/* Rulers */

.bottomrule {
padding-bottom: 8px !important;
background: url(../img/hr1_bottom.gif) 0 100% repeat-x;
}


.dottedtoprule {
padding-top: 2px !important;
background: url(../img/hr2.gif) 0 0 repeat-x;
}

.dottedbottomrule {
padding-bottom: 2px !important;
background: url(../img/hr2.gif) 0 100% repeat-x;
}


/* News */
#news ul li {
padding: 0 0 4px 12px;
line-height: 1.1em;
background: url(../img/bullet.gif) no-repeat 0 3px;
}

#news ul {
list-style: none;
margin: 0em 0 1em 0;
padding-left: 1px;
}

#news p {
padding: 10px 0 8px 0;
}

.date {
padding: 10px 0 8px 0;
color: #FF7200;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
line-height:1.1em;
}

.projectTitle {
	color: #cc3300;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height:1.0em;
	font-size: large;
}


/* Footer ------------------------ */

#footer {
position: relative;
clear: both;
margin: 0;
padding: 0;
background: #eee;
}

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