/* CSS Document */

body{
margin:0;
padding:0;
line-height:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:center;
background-color:#333333;

}

#wrapper{
margin: 0 auto;
width:810px;
}

#topshadow{
position:relative;
float:left;
width:810px;
height:10px;
margin-top:10px;
}

#bottomshadow{
position:relative;
float:left;
width:810px;
height:15px;
}

#main_container{
width:800px;
position:relative;
float:left;
padding-right:5px;
padding-left:5px;
background-image:url(images/shadow_bg.jpg);
background-repeat:repeat-y;
}

#nav{
width:800px;
height:25px;
float:left;
position:relative;
background-image:url(images/nav_bg.jpg);
background-repeat:repeat-x;
text-align:center;
border-bottom:5px solid #666666;
z-index:2;
font-size:10px;
}

#nav a:link{
text-decoration:underline;
color:#FFF;
}

#nav a:visited{
text-decoration:underline;
color:#FFF;
}

#nav a:hover{
text-decoration:underline;
background-color:#FFF;
color:#000;
}


#main{
background-image:url(images/top_bg.jpg);
background-repeat:repeat-x;
background-color:#ebedd2;
position:relative;
float:left;
width:790px;
text-align:left;
padding-left:10px;
padding-bottom:5px;
padding-top:5px;
}

#index_polaroid{
position:relative;
float:left;
width:350px;
height:390px;
}

#index_news{
position:relative;
float:left;
width:430px;
}

#index_news h1{
margin:0;
padding:0;
font-size:36px;
line-height:48px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#index_news p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
line-height:28px;
text-align:left;
}

#index_news strong{
color:#DE1DDB;
font-size:30px;
}

#index_news a:link{
text-decoration:underline;
color:#000;
}

#index_news a:visited{
text-decoration:underline;
color:#000;
}

#index_news a:hover{
text-decoration:none;
color:#333;
background-color:#DE1DDB;
}

.project_wrapper{
width:385px;
position:relative;
float:left;
margin-right:5px;
margin-bottom:5px;
border-bottom:1px solid #666666;
}

.project_container{
width:375px;
/*background-color:#333333;
background-image:url(images/project_bg.jpg);
background-repeat:no-repeat;*/
position:relative;
float:left;
padding:5px;
border-bottom:1px dotted #999;
border-right:1px dotted #999;
margin-right:5px;
margin-bottom:5px;
}

.photo_container{
position:relative;
float:left;
width:532px;
border-bottom:1px dotted #999;
border-right:1px dotted #999;
padding-right:5px;
padding-bottom:5px;
margin-right:5px;
}

.photo_container img{
padding-right:2px;
padding-bottom:2px;
border:0;
}

.project_thumb{
position:relative;
float:left;
width:100px;
padding:5px;
background-image:url(images/bg_thumb.png);
background-repeat:no-repeat;
margin-left:10px;
}

.project_copy{
position:relative;
float:left;
width:255px;
color:#333333;
}

.project_copy h1{
margin:0;
padding:0;
font-size:24px;
line-height:30px;
font-family:Georgia, "Times New Roman", Times, serif;
}

.project_copy strong{
color:#000000;
}

a.viewproject {
display:block;
background: url("images/view_project.jpg") 0 0 no-repeat;
width:385px;
height:20px;
position:relative;
float:left;
background-color:#333333;
}

a:hover.viewproject{
background: url("images/view_project_over.jpg") 0 0 no-repeat;
background-color:#666666;
}

#project_left{
position:relative;
float:left;
width:547px;
}

#backtotop{
position:relative;
float:left;
width:540px;
text-align:right;
}

#project_right{
position:relative;
float:left;
width:220px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
margin-left:3px;
background-color:#333333;
background-image:url(images/project_right_bg.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
font-size:14px;
line-height:18px;
border-bottom:5px solid #666666;
margin-bottom:10px;
}

.right_project_link{
position:relative;
float:left;
width:220px;
padding-left:5px;
padding-right:5px;
padding-top:4px;
padding-bottom:6px;
margin-left:3px;
background-color:#333333;
background-image:url(images/right_project_bg.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
font-size:14px;
margin-top:1px;
}

.right_project_link strong{
font-size:14px;
color:#FEA0FB;
}

.large_project_container{
position:relative;
width:547px;
float:left;
background-image:url(images/side_project_shadow.png);
background-position:right;
background-repeat:repeat-y;
text-align:left;
}

.nascar_project_container{
position:relative;
width:545px;
float:left;
background-image:url(images/side_project_shadow.png);
background-position:right;
background-repeat:repeat-y;
text-align:left;
}

.video_project_container{
position:relative;
width:485px;
float:left;
background-image:url(images/video_right_shadow.png);
background-position:right;
background-repeat:repeat-y;
text-align:left;
}

.large_project_container img{
border:1px solid #333333;
}

.bottom_shadow{
position:relative;
float:left;
background-image:url(images/bottom_project_shadow.png);
background-repeat:no-repeat;
background-position:right;
width:547px;
height:5px;
}

.nascar_bottom_shadow{
position:relative;
float:left;
background-image:url(images/bottom_project_shadow.png);
background-repeat:no-repeat;
background-position:right;
width:545px;
height:5px;
}

.video_bottom_shadow{
position:relative;
float:left;
background-image:url(images/video_bottom_shadow.png);
background-repeat:no-repeat;
background-position:top right;
width:485px;
height:5px;
}

#project_right strong {
font-size:16px;
line-height:20px;
color:#FEA0FB;
}

#footer{
position:relative;
float:left;
width:800px;
height:160px;
background-image:url(images/bottom_bg.jpg);
background-repeat:repeat-x;
text-align:center;
}

#footer_copy{
position:relative;
margin-left:150px;
margin-right:150px;
width:500px;
margin-top:80px;
text-align:left;
font-size:10px;
}

#tentacle_left{
	position:absolute;
	width: 205px;
	height: 125px;
	left: -44px;
	top: -5px;
	z-index:3;
}

#tentacle_right{
	position:absolute;
	width: 100px;
	height: 100px;
	left: 755px;
	top: 0px;
	z-index:3;
}

#project_right_link_holder{
position:relative;
float:left;
width:220px;
}

a.underline:link {
text-decoration:none;
border-bottom:1px dotted #FF0099;
color:#333333;
}

a.underline:active {
text-decoration:none;
border-bottom:1px dotted #FF0099;
color:#333333;
}

a.underline:visited {
text-decoration:none;
border-bottom:1px dotted #FF0099;
color:#333333;
}

a.underline:hover {
text-decoration:none;
border-bottom:1px dotted #666666;
color:#FF0099;
background-color:#CCCCCC;
}

.right_project_link a:link{
text-decoration:none;
border-bottom:1px dotted #FF0099;
color:#FFFFFF;
}

.right_project_link a:visited{
text-decoration:none;
border-bottom:1px dotted #FF0099;
color:#FFFFFF;
}

.right_project_link a:active{
text-decoration:none;
border-bottom:1px dotted #FF0099;
color:#FFFFFF;
}


.right_project_link a:hover{
text-decoration:none;
border-bottom:1px dotted #666666;
color:#FF0099;
background-color:#CCCCCC;
}


a.project:link {
text-decoration:none;
border-bottom:1px dotted #FF0099;
color:#FFFFFF;
}

a.project:active {
text-decoration:none;
border-bottom:1px dotted #FF0099;
color:#FFFFFF;
}

a.project:visited {
text-decoration:none;
border-bottom:1px dotted #FF0099;
color:#FFFFFF;
}

a.project:hover {
text-decoration:none;
border-bottom:1px dotted #666666;
color:#FF0099;
background-color:#CCCCCC;
}

a.image:link{
filter: alpha(opacity = 100);
-moz-opacity:1;
opacity: 1;
}

a.image:hover{
filter: alpha(opacity = 75);
-moz-opacity:0.75;
opacity: 0.75;
}

a img{
border:1px solid #333333;
}