body {
background: #ffffff;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
overflow-y: scroll;
}

.width {
width: 795px;
margin-top: 50px;
}

.logo {
background: url(../../images/logo.gif);
width: 177px;
height: 79px;
margin-bottom: 15px;
}

.sidebar {
width: 177px;
height: auto;
}

.sidebar .tab {
cursor: pointer;
}

.sidebar .tab a {
color: #000000;
text-decoration: none;
}

.sidebar .tab:hover {
text-decoration: underline;
}

.sidebar .selected {
background: #cecece;
width: 177px;
height: auto;
font-weight: bold;
}

.sidebar .selected:hover {
text-decoration: none;
}

/*TOPPER*/
.topper .title {
font-weight: bold;
}

.topper a {
text-decoration: none;
color: #000000;
}

.topper a:hover {
text-decoration: underline;
}

/*MAIN CONTENT*/
.main_content {
width: 575px;
margin-top: 20px;
}

/*SORT AREA*/
.sort_area {
margin-top: 15px;
}

.sort_area ul {
width: 100%;
padding: 0px;
margin: 0px;
}

.sort_area li {
background: #cecece;
padding: 15px;
margin: 0px;
list-style-type: none;
margin-bottom: 1px;
}

.sort_area .handle {
cursor: move;
margin-right: 15px;
}

.sort_area a {
color: #000000;
text-decoration: none;
}

.sort_area a:hover {
text-decoration: underline;
}

/*THUMBAIL*/
.thumbnail {
width: 135px;
cursor: pointer;
}

.thumbnail:hover .image {
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}

.thumbnail .under {
background: #000000;
width: 135px;
color: #ffffff;
font-size: 11px;
margin-top: 1px;
}

/*LIGHTBOX*/
.lightbox {
background: #ffffff;
width: 400px;
margin-left: -200px;
position: fixed;
top: 10%;
left: 50%;
right: 0;
z-index: 1002;
overflow: auto;
}

.lightbox .title {
margin-bottom: 15px;
font-size: 18px;
font-weight: bold;
}

.project_lightbox {
background: #ffffff;
width: 795px;
margin-left: -397px;
position: absolute;
top: 10%;
left: 50%;
right: 0;
z-index: 1002;
overflow: auto;
}

.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
background-attachment: fixed;
z-index:1001;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}

.extra_height {
padding-top: 200px;	
}

/*DISPLAYING PHOTO LIGHTBOX*/
.photo_number {
background: #ffffff;
color: #000000;
margin-bottom: 1px;
cursor: pointer;
}

.photo_number:hover {
text-decoration: underline;
}

.photo_select {
background: #cecece;
color: #000000;
font-weight: bold;
margin-bottom: 1px;
}

.photo_select:hover {
text-decoration: none;
}

.photo_text .title {
font-size: 18px;
font-weight: bold;
}

/*FORMS*/
form {
margin: 0px;
padding: 0px;
}

*:focus {
outline: 0;
}

.submit_button {
background: #cecece;
font-weight: bold;
margin-top: 15px;
cursor: pointer;
color: #000000;
}

.submit_button:hover {
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}

.submit_button a {
color: #000000;
text-decoration: none;
}

.submit_input_button {
background: #cecece;
font-weight: bold;
margin-top: 15px;
padding: 10px 15px 10px 15px;
cursor: pointer;
border: none;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
}

.submit_input_button:hover {
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}

.input_error {
margin-bottom: 10px;
color: #ff0000;
font-style: italic;
}

.input_success {
margin-bottom: 10px;
color: #1f8617;
font-style: italic;
}

.input_area .title {
margin-bottom: 10px;
font-size: 13px;
font-weight: normal;
}

.input_area .input_text {
background: #ffffff;
width: 165px;
padding: 4px;
font-size: 13px;
border: 1px solid #cecece;
}

.input_area .input_large_text {
background: #ffffff;
width: 250px;
padding: 4px;
font-size: 13px;
border: 1px solid #cecece;
}

.input_area .input_large_select {
background: #ffffff;
width: 260px;
padding: 4px;
font-size: 13px;
border: 1px solid #cecece;
}

/*FLOATS*/
.left {
float: left;
}

.right {
float: right;
}

.clear {
clear: both;
}

/*PADDING*/
.p10 {
padding: 10px;
}

.p15 {
padding: 15px;
}

.p20 {
padding: 20px;
}

.ps {
padding: 10px 15px 10px 15px;
}

/*MARGIN*/
.ml10 {
margin-left: 10px;
}

.mr20 {
margin-right: 20px;
}

.mt15 {
margin-top: 15px;
}

.mr8p7 {
margin-right: 8.7px;
}

.mb8p7 {
margin-bottom: 8.7px;
}

.mt10 {
margin-top: 10px;
}

.mb10 {
margin-bottom: 10px;
}

.ml15 {
margin-left: 15px;
}