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

body{
     background:url(../images/gradient.jpg) 0% 0% repeat-x;
	 } 

#wrapper{
		width:1440px;
		height:1200px;
		margin:0px auto 0px auto;
				}


				
#header{
		width:auto;
		height:100px;
		margin: 0px auto 0px auto;
		padding-left:480px;
		}
		
#headerimage{
		width:400px;
		height:100px;
		background-image:url(../images/header.png)
		}

#navbar{
		width:1440px;
		height:50px;
		margin:10px auto 0px auto;
		border:1px #000000 thin;
		}
#homebutton{
		float:left;
		width:200px;
		height:35px;
		margin:0px auto 0px 270px;
		background-image:url(../images/homeButton.png);
		}

#homebutton:hover{
		float:left;
		width:200px;
		height:35px;
		margin:0px auto 0px 270px;
		background-image:url(../images/homeHover.png);
		}
		
#portfoliobutton{
		float:left;
		width:200px;
		height:35px;
		margin:0px auto 0px 110px;
		padding-left:3px;
		background-image:url(../images/portfolioButton.png);
		}

#portfoliobutton:hover{
		float:left;
		width:200px;
		height:35px;
		margin:0px auto 0px 110px;
		padding-left: 3px;
		background-image:url(../images/portfolioHover.png);
		}
		
#contactbutton{
		float:left;
		width:200px;
		height:35px;
		margin:0px auto 0px 120px;
		background-image:url(../images/contactButton.png);
		}

#contactbutton:hover{
		float:left;
		width:200px;
		height:35px;
		margin:0px auto 0px 120px;
		background-image:url(../images/contactHover.png);
		}

#contentbox{
		width:1200px;
		height:450px;
		margin: 10px auto 0px auto;
		padding-left:250px;
		}
		
#contentbox2{
		width:1200px;
		height:170px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
		float:left;
		margin: 10px auto 50px auto;
		padding-left:220px;
		
		}
		
#contentbox3{
		width:1200px;
		height:170px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
		float:left;
		margin: 5px auto 20px auto;
		padding-left:220px;
		
		}
		
#whocontent{
		width: 300px;
		height: auto;
		font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        margin-top: .5em; color: #33333;
		margin-right: 20px;
		float:left;

		}
#whatcontent{
		width: 300px;
		height: auto;
		font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        margin-top: .5em; color: #33333;
		margin-right: 20px;
		float:left;

		}
#onecontent{
		width: 300px;
		height: auto;
		font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        margin-top: .5em; color: #33333;
		float:left;

		}

#title{
	    width: 240px;
	    height:75px;
	    margin:0px auto 0px auto;
				
		}
#title2{
		width: 240px;
	    height:75px;
	    margin:0px auto 0px auto;
		float:left;
		padding-left:560px;
		}
		
.h1{
	    font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        margin-top: .5em; color: #33333;
		float:left;
		}
#contactbox{
		width: 600px;
		height: 400px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin-top: .5em; color: #333333;
        font-size: 13px;
        margin:50px auto 0px 385px;
		float:left;
		padding-left:100px;
		}
#portfoliobox{
		width: 1300px;
		height: 700px;
		margin: 0px auto 0px auto;
		float:left;
		padding-left:75px;
		}
.videobox{
		width: 1200px;
		height: 480px;
		margin: 5px auto 50px auto;
		float: left;
		padding-left: 335px;
		padding-bottom:50px;
		}

.text{
	    font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #333333;
        font-size: 12px;
		text-align:left;
		text-decoration:none;
		font-weight:bold;

	
		}

#updates{
		width: 960px;
		height: 200px;
		margin:0px auto 0px 250px;
		float:left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #333333;
        font-size: 12px;
		text-align:left;
		text-decoration:none;
		overflow:scroll;
		border:1px solid #000000;
		padding:10px;
		}