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

 
body {
	margin: 0;
	padding: 0;
	background-color: #1B1B1B;
	background-image : url("../images/layout/background.gif"); 
	font-family: Verdana, Geneva, sans-serif;
}
 
a:link {
	color: #99CCFF;
	text-decoration: none;
	font-style: normal;
	background-color: transparent;
}
 
a:visited {
	color: #99CCFF;
	text-decoration: none;
	font-style: normal;
	background-color: transparent;
}
 
a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	background-color: transparent;
}

#wrapper {
	width:980px;
	height: auto;
	margin:0 auto;  
	position: relative;
} 
 
#logo {
	margin: auto;
	padding: 0px;
	border: 0px;
	position: absolute; top: 0px; left: 0px;   
}
 
#facebook {
	background-image:url(../images/layout/facebook-bg.jpg);
}
 
#nav {
	padding: 0px;
	border: 0px;
	position: absolute;
	bottom: -229px;
	left: 655px;
	text-align: right;
	font-size: 15px;
	font-style: italic;
	line-height: 40px;
	color: #FFFFFF;
	white-space: pre;
}
 
#project{
	position: absolute;
	top: 0px;
	left: 0px;
} 
 
#project2{
	position: absolute;
	top: 430px;
	left: 0px;
} 
 
#project3{
	position: absolute;
	top: 860px;
	left: 0px;
} 
 
#project4{
	position: absolute;
	top: 1290px;
	left: 0px;
} 
 
#project5{
	position: absolute;
	top: 1720px;
	left: 0px;
} 
 
#project6{
	position: absolute;
	top: 2150px;
	left: 0px;
} 
 
#project7{
	position: absolute;
	top: 2580px;
	left: 0px;
} 
 
#clients{
	position: absolute;
	top: 3010px;
	left: 0px;
} 
 
.clientPanel {
	padding: 0px;
	border: 0px;
	position: absolute; top: 250px; left: 50px;   
}
 
 
.projectPanel {
	padding: 0px;
	border: 0px;
	position: absolute; top: 250px; left: 50px;   
}
 
.projectImages {  
	padding: 0px;
	border: 0px;
	position: absolute; top: 260px; left: 60px;   
} 
 
.projectImages img {  
    padding: 0px;  
    border:  0px;   
    width:  500px; 
    height: 380px; 
    top:  0; 
    left: 0 
} 
 
.projectText {
	width: 325px;
	position: absolute; top: 280px; left: 598px;   
	font-size: 13px;
	line-height: 20px;
	color: #FFFFFF;
}

.clientText {
	width: 865px;
	position: absolute;
	top: 280px;
	left: 60px;
	font-size: 13px;
	line-height: 20px;
	color: #FFFFFF;
}
 
.contactText {
	width: 865px;
	text-align: center;
	font-size: 12px;
	line-height: 45px;
	color: #CCCCCC;
}
 
.projectTitle{ 
	padding: 15px 0 0 0;
	font-size: 15px;
	font-style: italic;
	line-height: 20px;
	color: #FFFFFF;
}
 
.projectSubhead{
	line-height: 15px;
	color: #99CCFF;
}
 
.URL{
	line-height: 15px;
	color: #FFFFFF;
}

.dev{
	font-size: 10px;
	color: #CCCCCC;
}


#leftColumn { 
float : left; 
width : 168px; 
height : 200px; 
margin : 0; 
text-align : left;
}

#leftmidColumn { 
float : left; 
width : 169px; 
height : 200px; 
margin : 0; 
text-align : center;
} 

#rightmidColumn { 
float : left; 
width : 163px; 
height : 200px; 
margin : 0; 
padding : 0px 5px 0px 0px;
text-align : right;
} 

#rightColumn1 { 
float : right; 
width : 175px; 
height : 200px; 
margin : 0; 
text-align : right;
} 

#rightColumn2 { 
float : right; 
width : 150px; 
height : 200px; 
margin : 0; 
text-align : left;
} 

 
#prev1, #prev2, #prev3, #prev4, #prev5, #prev6, #prev7{
  	padding: 0px;
	border: 0px;
	position: absolute; top: 250px; left: 0px;   
	cursor: pointer;	
    display: block;
    width: 49px;
    height: 400px;
    background: url("../images/layout/navPrevUp.png");
}
 
 
#prev8{
  	padding: 0px;
	border: 0px;
	position: absolute; top: 250px; left: 0px;   
    display: block;
    width: 49px;
    height: 240px;
    background: url("../images/layout/projectPanel.png");
}
 
#prev1:hover, #prev2:hover, #prev3:hover, #prev4:hover, #prev5:hover, #prev6:hover, #prev7:hover {
	background: url("../images/layout/navPrevOver.png");
}

#prev8:hover {
	background: url("../images/layout/projectPanel.png");
}
 
#next1, #next2, #next3, #next4, #next5, #next6, #next7 {
  	padding: 0px;
	border: 0px;
	position: absolute; top: 250px; left: 931px;   
	cursor: pointer;
    display: block;
    width: 49px;
    height: 400px;
    background: url("../images/layout/navNextUp.png");
 
  }
 
 
#next8 {
  	padding: 0px;
	border: 0px;
	position: absolute; top: 250px; left: 931px;   
    display: block;
    width: 49px;
    height: 240px;
    background: url("../images/layout/projectPanel.png");
 
  }
 
 
#next1:hover, #next2:hover, #next3:hover, #next4:hover, #next5:hover, #next6:hover, #next7:hover {
	background: url("../images/layout/navNextOver.png");
}

#next8:hover {
	background: url("../images/layout/projectPanel.png");
}


#contact {
	border: 0px;
	position: absolute; top: 3530px; left: 0px;   
    display: block;
    width: 980px;
    height: 49px;
    background: url("../images/layout/projectPanel.png");
 
  }
 
 
#footer {
  	padding: 0px;
	border: 0px;
	position: absolute; top: 3610px; left: 0px;   
	cursor: pointer;
    display: block;
    width: 980px;
    height: 49px;
    background: url("../images/layout/navTopUp.png");
 
  }
 
#footer:hover {
	background: url("../images/layout/navTopOver.png");
}