* {
margin: 0;
padding: 0;
}

html {

background: #000 url(../img/bg.png) no-repeat top center;
height: 500px;
color: #FFF;
height: 100%;
font-family: Verdana, sans-serif;
font-size: 13px;
}

.clear {
clear: both;
}

a:link, a:visited, a:active {
text-decoration: none;
color: #999;
}

a:hover {
color: #e40090;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

h3 {
color: #e40090;
}

#header {
width: 1024px;
margin: 0 auto;
height: 165px;
}

#logo {
float: left;
}

#hello {
width: 450px;
margin: 5px 0 0 0;
float: right;
}

/*-- Login Page --*/
#login_logo {
margin: 100px auto;
width: 422px;
}

#login_logo img, #header img{
border: none;
text-align: center;
}

#login {
width:275px;
min-height: 100px;
border: 1px dashed #222;
margin: 0 auto;
padding: 25px;
background: black;
}

input#user, input#pass  {
width: 100%;
}

#btns {
text-align: right;
margin-top: 5px;
}
#btns2 {
text-align: left;
padding-left: 240px;
margin-top: 5px;
}

fieldset {
border: none;
}

#login h2 {
text-align: right;
color: #e40090;
}
/*-- Login Page end --*/

#admin {
	width: 100%;
	min-height: 15px;
	background: black; 
}
#admin2 {
	width: 1024px;
	height: 15px;
	font-size: 12px;
	color: #444;
	margin: 0 auto;
	text-align: right;
	padding-right: 0px;
}

.functions{
float: right;
margin: 108px 0px 0 0;
text-align: right;
width: 400px;
height:40px;
font-size: 14px;
font-weight: bold;
vertical-align: middle;
}

.functions li{
list-style: none;
display: inline;
text-align: center;
line-height: 40px;
}

#list a{
width: 150px;
height: 40px;
border-right: 1px solid #000;
display: block;
float:left;
color: #fff;
background: #333;
padding: 0 15px;
text-decoration: none;
}
#list_cur a{
width: 150px;
height: 40px;
background: #e40090;
border-right: 1px solid #000;
display: block;
float:left;
color: #fff;
padding: 0 15px;
text-decoration: none;
}
#list a:hover{
width: 150px;
height: 40px;
background: #555;
display: block;
float:left;
border-right: 1px solid #000;
color: #fff;
padding: 0 15px;
text-decoration: none;
}
#add a{
width: 150px;
height: 40px;
/* border-right: 1px solid #e40090; */
display: block;
float:left;
color: #fff;
background: #333;
padding: 0 15px;
text-decoration: none;
}
#add_cur a{
width: 150px;
height: 40px;
background: #e40090;
/* border-right: 1px solid #e40090; */
display: block;
float:left;
color: #fff;
padding: 0 15px;
text-decoration: none;
}
#add a:hover{
width: 150px;
height: 40px;
background: #555;
display: block;
float:left;
/* border-right: 1px solid #333; */
color: #fff;
padding: 0 15px;
text-decoration: none;
}















.options {
border-bottom: 1px dotted #333;
padding-bottom: 5px;
margin-bottom: 10px;
}

#mainwrap {
width: 1024px;
overflow: hidden;
margin: 0 auto;
}

#header_wrapper {
height: 165px;
min-width: 1024px;
width: 100%;
background: transparent url(../img/navBackground.png) center top repeat;
}

#showcase_clip { /*so showcase doesn't force a horizontal scrollbar*/
width: 100%;
min-width: 1024px;
overflow: hidden;
position: relative;
}

#showcase {
width: 1024px;
height: 500px;
overflow: visible;
margin: 0 auto;
position: relative;
}

#footer_wrapper {
width: 100%;
min-height: 210px;
min-width: 1024px;
background: transparent url(../img/footerBackground.png) center top repeat-x; 
}

#footer {
width: 1024px;
clear: both;
color: #999;
margin: 0 auto;
padding-top: 50px;
}

#footer img {
border: none;
}

.ftr_div {
width: 328px;
margin-right: 20px;
float: left;
}

.ftr_end {
width: 328px;
margin: 0;
float: left;
}

#footer li{
list-style: url(../img/plus.png) inside square;
padding-bottom: 3px;
}










#projects img{
	border: 6px solid #222;
}

#projects {
position: relative;
left: -1024px;
}

#projects div.project {
width: 884px;
height: 500px;
position: absolute;
top: 30px;
}

#project_1 {left: 71px;}
#project_2 {left: 1094px;}
#project_3 {left: 2118px;}
#project_4 {left: 3142px;}
#project_5 {left: 4166px;}
#project_6 {left: 5190px;}
#project_7 {left: 6214px;}
#project_8 {left: 7238px;}
#project_9 {left: 8262px;}
#project_10 {left: 9286px;}
#project_11 {left: 10310px;}
#project_12 {left: 11334px;}
#project_13 {left: 12358px;}
#project_14 {left: 13382px;}
#project_15 {left: 14406px;}

#projects img.showcase_main, #projects a.showcase_link {
width: 615px;
height: 420px;
position: absolute;
top: 0;
left: 0;
}

#projects a.showcase_link {
height: 465px;
background: transparent url(img/shadow1.png) center bottom no-repeat;
}

.desc {
width: 180px;
height: 395px;
position: absolute;
right: 0px;
background: url(../img/desc.png) repeat;
padding: 20px;
}

#previous_project_btn, #next_project_btn {
position: absolute;
top: 170px;
}
#previous_project_btn img, #next_project_btn img {
border: none;
}
#previous_project_btn {
left: 0;
}

#next_project_btn {
right: 0;
}






#footerbar a:link, #footerbar a:visited, #footerbar a:active {
color: #000;
}

#footerbar a:hover{
color: #fff;
}

input {
margin-bottom: 10px;
}
#projectform {
margin-top: 25px;
}

input#name, input#email, #message {
	width:93%;
	margin: -2px 0 5px 0;
	overflow: auto;
}

#stuck {
position: fixed;
bottom: 0px;
min-height: 30px;
background: transparent url(../img/stuck2.png) top repeat-x;
width: 100%;
z-index: 1000;
overflow: hidden;
}
#stuck img{
border: none;
}
#footerbar {
width: 1024px;
margin: 0px auto;
padding: 5px;
height: 20px;
text-align: center; 
color: #e40090;
font-size: 1.1em;
font-family: "Arial Black";
background: transparent url(../img/stuck3.png) top no-repeat;
}

#stuck_wrapper {
width: 960px;
margin: 0px auto;
overflow: hidden;
}

.stuck_box {
width: 300px;
float: left;
margin: 0 200px 0 50px; 
}
#last{
margin: 0;
}
.stuck_box h1{
margin: 0px 0 0 0;
padding: 0px 0 0 0;
}

#close{
text-align: right;
vertical-align: middle;
}