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

body {
background: #FFFFFF;
color: #c1c1c1;
font: normal 11px "san serif", Helvetica, Tahoma, Arial;
text-transform:uppercase;
}

input, select, textarea {
        border: 1px solid #999;
        color: #1e1e1e;
        background: #fff;
}

td {
	font: normal 11px "san serif", Helvetica, Tahoma, Arial;
	color: #c1c1c1;
}

hr {
border: 1px solid #b2b2b2;
height: 1px;
}

h1, h2, h3, h4, h5 {
	color: #1e1e1e;
	margin: 0px;
	text-transform:uppercase;
}


h1 {
    font-size: 31px;
}

h2 {
	font: normal 22px "sans serif", Times, serif;
	text-transform:uppercase;
}

h3 {
    font-size: 14px;
}


a {

font: normal 11px "sans serif", Helvetica, Tahoma, Arial;
color: #c1c1c1;
text-decoration: underline;
text-transform:uppercase;
}

a:hover {

font: normal 11px "sans serif", Helvetica, Tahoma, Arial;
color: #c1c1c1;
text-decoration: none;
text-transform:uppercase;

}

a.white-link-underline {	
	text-decoration: underline;
	color: #FFFFFF;
}

.white-text{
color: #ffffff;
text-decoration: none;

}
a.b1
{
font:  14px tahoma, Arial;
color: #999;
text-decoration: none;
padding: 15px;
margin: 0px;

}
.p
{
padding: 0 0 0 20px;
}
.p1
{
padding: 0 0 0 30px;
}
.p2
{
padding: 30px 50px 30px 30px;
}
.bg1
{
background: #fff;
}


.bg1a
{
background: #fff;
text-align: center;
}

.bg2
{
background: #fff top no-repeat;
}
.bord
{
border: 5px solid #b2b2b2;
}

.menuItem {
width: 140px;
color:#999;
padding: 10px 38px;
text-transform:uppercase;
position: relative;
top: 16px;
font: normal 11px "san serif", Helvetica, Tahoma, Arial;
}
.menuItem:hover {
width: 140px;
color:#1e1e1e;
padding: 10px 38px;
text-transform:uppercase;
position: relative;
top: 16px;
font: normal 11px "san serif", Helvetica, Tahoma, Arial;
}

#menuborder {
height: 46px;
width: 860px;
border-top: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
}

.menu 
{
color:#d0d0d0;
vertical-align:top;
height: 5px;
padding: 10px 0 10px 20px;
text-transform:uppercase;
}

.menu a
{
color:#999;
font: normal 11px  "sans serif", helvetica, tahoma, Arial;
text-decoration: none;
text-transform:uppercase;
}

.menu a:hover
{
color:#1e1e1e;
font: normal 11px  "sans serif", helvetica, tahoma, Arial;
text-decoration: none;
text-transform:uppercase;
}

.blye-text-underline {
color: #5a768d;
text-decoration: underline;
}

.blye-text-regular {
color: #5a768d;
text-decoration: none;
}

.yellow-text-regular {
color: #ffb400;
text-decoration: none;
}

.yellow-text-underline {
color: #ffb400;
text-decoration: underline;
}

.orange-text-regular {
color: #c1c1c1;
text-decoration: none;
font: normal 10px "san serif", Helvetica, Tahoma, Arial;
}

.orange-text-underline {
color: #c1c1c1;
text-decoration: underline;
}
.broun-text-regular {
color: #de4e06;
text-decoration: none;
}

.broun-text-underline {
color: #de4e06;
text-decoration: underline;
}

.red-text-regular {
color: #8c247b;
text-decoration: none;
}

.red-text-underline {
color: #8c247b;
text-decoration: underline;
}
.black-text-regular {
color: #000000;
text-decoration: none;
}

.black-text-underline {
color: #000000;
text-decoration: underline;
}


.gray-text-underline{
color: #7c7c7c;
text-decoration: underline;
}
.gray-text-regular{
color: #7c7c7c;
text-decoration: none;
}

.green-text{
color: #a5b66e;
text-decoration: none;
}

.green-text-underline{
color: #a5b66e;
text-decoration: underline;
}

#portfolio {
	background: #000;
}

#portfolio a {
    text-align: center;
    float: left;
    list-style: none;
    padding: 148px 0px 148px 0px;
    margin: 5px;
    border: 1px solid #000;
    color:#333;
    width: 163px;
    margin: 2px;
    font: bold 16px  "sans serif", helvetica, tahoma, Arial;
}

#portfolio a:hover {
    text-align: center;
    float: left;
    list-style: none;
    padding: 148px 0px 148px 0px;
    margin: 5px;
    border: 1px solid #000;
    color: #fff;
    width: 163px;
    margin: 2px;
    font: bold 16px  "sans serif", helvetica, tahoma, Arial;
}

/*

filter:alpha(opacity=65);
opacity: 0.65;
-moz-opacity:0.65;

#portfolio dd {
filter:alpha(opacity=0);
opacity: 0;
-moz-opacity:0;
}

#portfolio dd:hover {
filter:alpha(opacity=100);
opacity: 100;
-moz-opacity:100;
}
*/

#illustration { background: url(images2/illustration.jpg); }
#storyboards { background: url(images2/Storyboards.jpg); }
#fineart { background: url(images2/fine-art.jpg); }
#design { background: url(images2/Design.jpg); }
#type { background: url(images2/Type.jpg); }

#illustration:hover { background: url(images2/Illustration2.jpg); }
#storyboards:hover { background: url(images2/Storyboards2.jpg); }
#fineart:hover { background: url(images2/Fine-Art2.jpg); }
#design:hover { background: url(images2/Design2.jpg); }
#type:hover { background: url(images2/Type2.jpg); }