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

body{
	font-family:Tahoma, Arial;
	font-size:12px;
	color:#FFF;
	width: auto;
	background-image:url(../images/bg.png);
	border:0px;
	margin:0px;
}

h1{
	font-weight:normal;
	font-size:16px;
}
h2{
	font-weight:normal;
	font-size:14px;
}
p{

}

div#preload { display: none; }

#container {
	width: 800px;
	margin: auto;
	/*padding-top: 50px;*/
	padding-bottom: 50px;
}


A:link {color: white; font-family:Tahoma, Arial; text-decoration:none; border:0}
A:visited {color: white; font-family:Tahoma, Arial;text-decoration:none;border:0}
A:hover {color:#CCCCCC; font-family:Tahoma, Arial;text-decoration:none;border:0}
A:active {color: white; font-family:Tahoma, Arial;text-decoration:none;border:0}


img{
	border:none;	
}


.nav a:link{ 
	display:block;
	height:22px;
	font-family:Tahoma, Arial; color:white; font-size:12px;
	background-repeat:no-repeat;
}

.nav a:visited {
	display:block;
	height:22px;
	background-repeat:no-repeat;
}
.nav a:hover {
	display:block;
	height:22px;
	background-repeat:no-repeat;	
}

.nava a.dark:active {
	display:block;
	height:22px;
	background-repeat:no-repeat;	
}


#nav_container{
	position:relative;
	left: -25px;
	top: 60px;
}

ul#nav	{
	list-style:none;
}

li.nav	{
	height:40px;
	width:140px;
	background-repeat:no-repeat;
}

/*Navigation Menu*/
#home a:link, #home a:visited{
	background-image:url(../images/home_bold.png); 
}
#home a:hover{
	background-image:url(../images/home.png);	
}


#about a:link, #about a:visited{
	background-image:url(../images/about_bold.png); 
}
#about a:hover{
	background-image:url(../images/about.png);	
}

#web_design a:link, #web_design a:visited{
	background-image:url(../images/web_design_bold.png); 
}
#web_design a:hover{
	background-image:url(../images/web_design.png);	
}

#portfollio a:link, #portfollio a:visited{
	background-image:url(../images/portfollio_bold.png); 
}
#portfollio a:hover{
	background-image:url(../images/portfollio.png);	
}

#contact a:link, #contact a:visited{
	background-image:url(../images/contact_bold.png); 
}
#contact a:hover{
	background-image:url(../images/contact.png);	
}



#upper__cont{
	background-image:url(../images/top_gradient.jpg);
	border:2px solid white;
	height:60px;
	
}
#lower__cont{
	background-image:url(../images/lower_grad_large.png);
	border-bottom: 2px solid white;
	border-left: 4px solid white;
	border-right: 4px solid white;
	border-top: 2px solid white;
	height:420px;
	padding: 15px;
}

#banner {
	background-image:url(../images/splash.jpg);
	border:2px solid white;
	height:300px;
	border-bottom: 2px solid white;
	border-left: 4px solid white;
	border-right: 4px solid white;
	border-top: 4px solid white;
}

.main_text_cont{
	width:300px;
	height:300px;
 	margin: 15px;
	background-color:#FFF;
	
}

#left_container{
	width:400px;
	float:left;
	background-color: #2C6BBA;
	padding: 20px;
	
}
#right_container{
	float:right;
	padding:20px;
	background-color: #2C6BBA;
	width: 260px;
}
#movie_container{
	width:720px;
	float:left;
	background-color: #2C6BBA;
	padding: 20px;
	height: 380px;
	
}
#right_container h2{
	text-indent:-9999px;	
}