* {
margin: 0;
padding: 0
}

body {
background: #808080 center top no-repeat;
color: #808080;
height: 100%;
}

body.land {
background-image: url(../i/Land.jpg);
}

body.bamboo {
background-image: url(../i/bamboo.jpg);
overflow-x:hidden;
}

/*layout*/

#header_wrap {
height: 145px;
width: 100%;
}

#header {
width: 1024px;
height: 145px
}

#red {
background: transparent url(../i/red.png);
background-repeat: no-repeat;
height: inherit
}

#content_main {
possition: relative;
min-width: 1002px
}

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

#showcase {
width: 1024px;
height: 400px;
overflow: hidden;
position: relative;
}

#content {
width: 884px;
margin: 0 auto
}

#content1 {
padding-top:10px;
width: 600px;
height: 400px
}

#content2 {
width: 600px;
height: 400px
}

#content3 {
padding-top:30px;
width: 600px;
height: 400px
}

#row1 {
float:left;
width: 300px;
top: 0
}
#row2 {
float:left;
width: 300px;
top: 0
}
#row3 {
float:left;
width: 150px;
top: 0
}
#row4 {
float:left;
width: 120px;
top: 0
}

#footer_wrap {
width: 100%
}

#footer {
width: 1024px
}

#footer_options {
float: right;
padding: 20px 0 0 80px;
height: 26px;
width: 350px
}

#footer_options a {
color: #c52424;
font-size: 14px;
font: Verdana, Arial, Helvetica, sans-serif;
font-weight: 500
}

#footer_options li {
display: inline
}

#footer_options #shop_li {
padding: 0 10px 0 10px;
border-right: 2px solid #c52424
}

#footer_options #privacy_li {
padding: 0 10px 0 10px;
border-right: 2px solid #c52424
}

#footer_options #faq_li {
padding: 0 0 0 10px;
border: none
}

#footer_options a:hover {
color: #fff;
text-decoration: none
}

div.legal {
float: left;
clear: both;
padding: 20px 0 0;
text-align: right;
width: 830px
}

#land_enter {
position: fixed;
top: 450px;
left: 60%;
height: 23px;
width: 81px;
z-index:10;
}

#land_footer {
position:relative;
width:100%;
height: 655px;
color: #000000;
white-space:nowrap;
font-size: 11px;
font: Verdana, Arial, Helvetica, sans-serif
}
#land_footer div{
text-align:center;
bottom:0px;
position:absolute;
width:100%;
}
/*styling*/

a img {
border: none
}

#logo {
float: left;
margin: 20px 0 20px 0;
width: 180px;
height: 140px;
background: transparent url(../i/logo.png)
}

#nav_wrap {
position: absolute;
width: 270px
}

#nav {
position: relative;
padding: 30px 0 0 80px;
width: 200px;
list-style-type: none
}

#options {
float: right;
padding: 80px 0 0;
height: 26px;
width: 430px
}

#options a {
color: #c52424;
font-size: 14px;
font: Verdana, Arial, Helvetica, sans-serif;
font-weight: 500
}

#options li {
display: inline
}

#options #home_li {
padding: 0 10px 0 10px;
border-right: 2px solid #c52424
}

#options #bookmark_li {
padding: 0 10px 0 10px;
border-right: 2px solid #c52424
}

#options #mail_li {
padding: 0 0 0 10px;
border: none
}

#options a:hover {
color: #fff;
text-decoration: none
}

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

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

#project_1 {left: 100px}
#project_2 {left: 1124px}
#project_3 {left: 2148px}
#project_4 {left: 3172px}
#project_5 {left: 4196px}
#project_6 {left: 5220px}
#project_7 {left: 6244px}
#project_8 {left: 7268px}
#project_9 {left: 8292px}
#project_10 {left: 9316px}
#project_11 {left: 10340px}
#project_12 {left: 11364px}
#project_13 {left: 12388px}
#project_14 {left: 13412px}
#project_15 {left: 14436px}


/*form rules*/
label {
width: 100%;
display: block;
clear: both;
margin: 10px 0;
font-size: 11px
}

input, textarea, select {
width: 260px;
clear: left;
display: block;
border: none;
font-family: Arial, Helvetica, sans-serif;
color: #999;
padding: 5px;
font-size: 11px
}

#cf_submit {
background: transparent url(../i/sendButton.png) left top no-repeat;
text-indent: -5000px;
height: 35px;
width: 124px;
cursor: pointer
}

/*TYPE*/
body {
font-family: Arial, Helvetica, sans-serif
}

p, li, td{
font-size: 12px;
line-height: 18px
}

p, td{
margin-bottom: .5em;
color: #020202;
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px
}

a {
color: #fff;
text-decoration: none
}

a:hover {
text-decoration: underline
}

h2 {
font-size: 24px;
margin-bottom: 30px
}

h2 span.byline {
display: block;
font-size: 12px
}

#footer_wrap h3 {
color: #c52424;
font-size: 17px
}

h4 {
font-size: 22px;
margin: 30px 0 0 0
}

h4 .date{
font-size: 10px;
font-weight: bold;
padding-left: 10px
}

h5 {
font-size: 16px;
/*color: #73D3E2;*/
color: #23C8FF;
font-style: italic;
margin: 1px 0 7px 0
}

div.errors {
color: #FFF;
background: #E22;
padding: .5em;
border: 1px solid #710
}

div.project_info, div.pi_background, div.pi_hitzone {
width: 624px;
height: 400px;
color: #020202
}

div.project_info {
width: 610px;
height: 400px;
}

.project_info h3 {
color: #020202
}

.project_info p {
}

.project_info strong {
color: #020202;
font-weight: bold
}

.project_info a {
color: #020202;
font-weight: bold
}

#lightbox-infoContainer {
display: none
}