/* CSS Document */

body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	background-image: url(../images/background-portfolio.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #383838;
	}
#container {
	position:relative;
	width:975px;
	height:800px;
	margin: auto;
}
div.Logo {
	position:absolute;
	left:20px;
	top:40px;
	width:185px;
	height:30px;
	z-index:5;
}
div.GraphicDesignStudio {
	position:absolute;
	left:20px;
	top:115px;
	width:367px;
	height:42px;
	z-index:5;
}
div.HomeButton {
	position:absolute;
	left:20px;
	top:181px;
	width:85px;
	height:25px;
	z-index:3;
	background-image: url(../images/home-button.png);
	background-repeat: no-repeat;
	padding-top: 8px;
}
div.AboutButton {
	position:absolute;
	left:108px;
	top:181px;
	width:85px;
	height:25px;
	z-index:3;
	background-image: url(../images/about-button.png);
	background-repeat: no-repeat;
	padding-top: 8px;
}
div.ServicesButton {
	position:absolute;
	left:196px;
	top:181px;
	width:103px;
	height:25px;
	z-index:3;
	background-image: url(../images/services-button.png);
	background-repeat: no-repeat;
	padding-top: 8px;
}
div.PortfolioButton {
	position:absolute;
	left:303px;
	top:181px;
	width:101px;
	height:25px;
	z-index:3;
	background-image: url(../images/portfolio-button.png);
	background-repeat: no-repeat;
	padding-top: 8px;
}
div.ContactButton {
	position:absolute;
	left:408px;
	top:181px;
	width:94px;
	height:25px;
	z-index:3;
	background-image: url(../images/contact-button.png);
	background-repeat: no-repeat;
	padding-top: 8px;
}
div.TopPara {
	position:absolute;
	left:20px;
	top:255px;
	width:285px;
	height:164px;
	z-index:5;
}
div.RecentWorkPara {
	position:absolute;
	left:671px;
	top:255px;
	width:285px;
	height:164px;
	z-index:5;
}
div.RecentWorkTitle {
	position:absolute;
	left:579px;
	top:187px;
	width:376px;
	height:33px;
	z-index:5;
}
div.RecentWorkImage {
	position:absolute;
	left:346px;
	top:255px;
	width:285px;
	height:164px;
	z-index:5;
	}
div.TopLine {
	position:absolute;
	left:350px;
	top:40px;
	width:604px;
	height:30px;
	z-index:5;
	}
div.FadeBackground {
	position:absolute;
	left:0px;
	top:255px;
	width:975px;
	height:506px;
	z-index:2;
	background-image: url(../images/fade-background.jpg);
	background-repeat: no-repeat;
	}
div.ColumnOne {
	position:absolute;
	left:20px;
	top:646px;
	width:281px;
	height:84px;
	z-index:5;
	border-top-color: #c5e118;
	border-top-width: 4px;
	border-top-style: solid;
	padding-top: 10px;
}
div.ColumnTwo {
	position:absolute;
	left:20px;
	top:496px;
	width:281px;
	height:220px;
	z-index:5;
	border-top-color: #c5e118;
	border-top-width: 4px;
	border-top-style: solid;
	padding-top: 10px;
}
div.ColumnThree {
	position:absolute;
	left:671px;
	top:304px;
	width:285px;
	height:390px;
	z-index:5;
}
div.BottomCopyOne {
	position:absolute;
	left:20px;
	top:840px;
	width:100px;
	height:130px;
	z-index:5;
}
div.BottomCopyTwo {
	position:absolute;
	left:140px;
	top:840px;
	width:100px;
	height:130px;
	z-index:5;
}
div.BottomCopyThree {
	position:absolute;
	left:260px;
	top:840px;
	width:100px;
	height:130px;
	z-index:5;
}
div.BottomCopyFour {
	position:absolute;
	left:380px;
	top:840px;
	width:145px;
	height:130px;
	z-index:5;
}
div.BottomCopyFive {
	position:absolute;
	left:671px;
	top:840px;
	width:200px;
	height:130px;
	z-index:5;
}
div.Copyright {
	position:absolute;
	left:20px;
	top:1011px;
	width:300px;
	height:30px;
	z-index:5;
}
div.Button {
	position:absolute;
	left:20px;
	top:372px;
	width:269px;
	height:18px;
	z-index:5;
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	padding: 6px;
}
div.ButtonTwo {
	position:absolute;
	left:20px;
	top:405px;
	width:269px;
	height:17px;
	z-index:5;
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	padding: 6px;
}
div.ButtonThree {
	position:absolute;
	left:20px;
	top:437px;
	width:269px;
	height:18px;
	z-index:5;
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	padding: 6px;
}
div.PageTitle {
	position:absolute;
	left:20px;
	top:304px;
	width:266px;
	height:18px;
	z-index:5;
}
div.PageTitleTwo {
	position:absolute;
	left:345px;
	top:304px;
	width:534px;
	height:18px;
	z-index:5;
}
div.Image {
	position:absolute;
	left:321px;
	top:255px;
	width:654px;
	height:529px;
	z-index:5;
}
div.ImageText {
	position:absolute;
	left:785px;
	top:191px;
	width:93px;
	height:20px;
	z-index:4;
	padding-top: 2px;
	padding-left: 7px;
	background-image: url(../images/portfolio-text-background_large.png);
}
div.NextButton {
	position:absolute;
	left:889px;
	top:191px;
	width:68px;
	height:20px;
	z-index:5;
	padding-left: 7px;
	padding-top: 2px;
	background-image: url(../images/next-button-background.png);
	background-repeat: no-repeat;
}
div.PreviousButton {
	position:absolute;
	left:796px;
	top:313px;
	width:83px;
	height:17px;
	z-index:5;
	padding: 1px;
	padding-left: 4px;
	background-color: #222121;
}
div.Validate {
	position:absolute;
	left:842px;
	top:1011px;
	width:120px;
	height:30px;
	z-index:5;
}
