body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000000 none repeat scroll 0 0;
background-position:center 0;
background-repeat:repeat-x;
font-family:Arial,sans-serif;
font-size:13px;
line-height:1.5;
text-align:left;
}
.home-page {
background-image:url(../images/bg_home.jpg);
background-color:#000;
}
.glbg {
background: url('../images/glbg.jpg') no-repeat 0 0; 
background-position:center top;
width:auto;
height:700px;
}

.general-page {
background-image:url(../images/bg_general.jpg);
}

*{
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
}

.content {
width:900px;
margin:0 auto;
}

#logo {
display:inline;
line-height:0;
width:353px;
height:92px;
} 

#logo a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/logobanner.png) no-repeat scroll 0 0;
display:block;
width:910px;
height:88px;
text-indent:-5000px;
filter: alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opcity:0.6;
opacity:0.6;
}

div.navigation {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
margin-bottom:0;
width:850px;
height:30px;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
}

ul#topNav {
border:0 none;
list-style-image:none;
list-style-type:none;
margin:0;
padding:0;
}
ul#topNav li {
display:inline;
height:30px;
}
ul#topNav li a {
text-decoration:none;
color:#dcd6e5;
display: block;
height: 30px;
float:left;
padding:8px 20px;
}
ul#topNav li a:hover {
color: #ffffff;
background:transparent url(../images/bg_topnav_hover.gif) repeat-x scroll 0 0;
}
ul#topNav li.tab_on a {
color: #ffffff;
text-decoration:none;
background:transparent url(../images/bg_topnav_on.gif) repeat-x scroll 0 0;
}

#header {
display:block;
position:relative;
margin-top:1px;
width:900px;
height:364px;
z-index:0;
}

#header, .promo {
background:transparent url(../images/hbanner.jpg) no-repeat scroll 0 0;
background-position:center 0;
background-repeat:no-repeat;
}
#header a {
display: block;
height: 100%;
text-indent: -9999px;
width: 100%;
}
#header .promo {
position:relative;
}

#headergen1 {
display:block;
position:relative;
width:900px;
height:80px;
z-index:0;
}
#headergen1, #headergen1 .promo {
background:transparent url(../images/sbanner_instructions.jpg) no-repeat scroll 0 0;
background-position:center 0;
background-repeat:no-repeat;
}
#headergen1 .promo {
position:relative;
}

#headergen2 {
display:block;
position:relative;
width:900px;
height:80px;
z-index:0;
}
#headergen2, #headergen2 .promo {
background:transparent url(../images/sbanner_registrations.jpg) no-repeat scroll 0 0;
background-position:center 0;
background-repeat:no-repeat;
}
#headergen2 .promo {
position:relative;
}

#headergen3 {
display:block;
position:relative;
width:900px;
height:80px;
z-index:0;
}
#headergen3, #headergen3 .promo {
background:transparent url(../images/sbanner_submission.jpg) no-repeat scroll 0 0;
background-position:center 0;
background-repeat:no-repeat;
}
#headergen3 .promo {
position:relative;
}

#buckets {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
padding:10px 0px 10px 0px;
position:relative;
width:915px;
}
#buckets .big {
color:#dcd6e5;
width:615px;
background:transparent;
hight:auto;
float:left;
}

#buckets .black {
border:1px solid #000;
background-color:#191a1a;
filter: alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opcity:0.6;
opacity:0.6;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
border-radius: 8px;
-moz-border-radius: 8px;
}
#buckets .black2 {
border:1px solid #000;
background-color:#191a1a;
filter: alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opcity:0.8;
opacity:0.8;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
border-radius: 8px;
-moz-border-radius: 8px;
}
#buckets .black3 {
border:1px solid #000;
background-color:#0d0d0d;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
border-radius: 8px;
-moz-border-radius: 8px;
}
#buckets .black2 a a:hover {
border:0;
}

#buckets .big .inblack {
filter: alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opcity:1.0;
color:#fff;
border-bottom:1px solid #9b5202;
padding-bottom:20px;
margin-bottom:20px;
}
#buckets .spotb {
color:#c68824;
font-size:18px;
font-weight:bold;
}
#buckets .spotb_name {
color:#c68824;
font-size:16px;
font-weight: normal !important;
}
#buckets .spotb2 {
color:#c68824;
font-size:16px;
font-weight:bold;
}

#buckets .inblack a {
color:#c68824;
}

.bold {
color: #9b5202;
font-weight:bold;
}

#buckets .big .form {
width:500px;
margin-top:20px;
margin-left:40px;
background:transparent;
}
#buckets .big .form .label {
margin-top:5px;
width:130px;
float: left;
}
#buckets .big .form .input300 {
margin-top:10px;
width:300px;
font-family:tahoma;
font-size:12px;
}
#buckets .big .register {
margin-bottom:5px;
width:300px;
font-family:tahoma;
font-size:11px;
}
.button	{
font-family:arial;
font-size:11px;
}

#buckets .right {
float: right;
height:250px;
width:270px;
}
#buckets .rightb {
float: right;
border-left:1px solid #6d411d;
height:250px;
width:250px;
}

#buckets div h3 {
margin-bottom:0;
padding:15px 0 5px 15px;
}
#buckets div p {
font-size:13px;
line-height:19px;
padding-top:5px;
padding-left:15px;
padding-right:15px;
color:#dcd6e5;
}
#buckets .spot {
font-size:18px;
color:#906a2d;
font-weight:bold;
}
#buckets .spot2 {
font-size:16px;
color:#906a2d;
font-weight:bold;
}

#buckets div ul li {
font-size:13px;
line-height:18px;
padding-left:10px;
padding-right:15px;
padding-top:5px;
list-style: none;
}
#buckets div ul li.reglist {
color:#fff;
margin-left:45px;
padding-left:0;
list-style-image:url(../images/bullet.gif);
}

#buckets a {
color:#906a2d;
text-decoration:none;
}
#buckets a:hover {
color:#fff;
text-decoration:none;
background-color:#593434;
}

#buckets a.spotlink {
color:#906a2d;
font-size:14px;
padding:5px;
text-decoration:none;
font-weight:bold;
}
#buckets a.spotlink:hover {
color:#fff;
text-decoration:none;
background-color:#593434;
}
#buckets li.spotlinkOn a {
color:#fff;
border:1px solid #906a2d;
background-color:#593434;
text-decoration:none;
}

#buckets a.spotlink_sub {
color:#fff;
font-size:12px;
padding:2px;
text-decoration:none;
}
#buckets a.spotlink_sub:hover {
color:#fff;
text-decoration:none;
background-color:#593434;
}
#buckets li.spotlinkOn_sub a {
color:#fff;
border:1px solid #906a2d;
background-color:#593434;
text-decoration:none;
}

#buckets .big .person {
padding:0px 0px 0px 30px;
margin-bottom:20px;
float:left; 
width:580px;
background:transparent;
}
#buckets .big .person .info {
width:450px;
height:100%;
float:left;
border-left:1px solid #cadae8;
padding-left:10px;
background:transparent;
}
#buckets .person img {
float:left; 
margin-right:10px;
}
#buckets .person .name, #buckets .name {
font-size:18px; 
margin:0px 0px 0px 0px; 
padding:0px; 
color:#5a8ab2; 
font-weight:bold;
}
#buckets .person .position {
font-size:12px; 
margin-top:0px; 
padding-top:0px; 
font-weight:bold;
color:#5a8ab2;
}
#buckets .person .description, #buckets .description {
font-size:13px; 
margin:0px; 
padding:0px; 
line-height:18px; 
}

/** Home icons **/
#buckets .tnhome_ui a {
background:transparent url(../images/tnhome_ui.gif) no-repeat scroll 0 0;
display: block;
width: 190px;
height: 120px;
float:left;
margin-left:15px;
background-position: 0 -120px; 
text-indent: -99999px;
}
#buckets .tnhome_ui a:hover {
background:transparent url(../images/tnhome_ui.gif) no-repeat scroll 0 0;
}

#buckets .tnhome_photo a {
background:transparent url(../images/tnhome_phorography.gif) no-repeat scroll 0 0;
display: block;
width: 190px;
height: 120px;
float:left;
margin-left:15px;
background-position: 0 -120px; 
text-indent: -99999px;
}
#buckets .tnhome_photo a:hover {
background:transparent url(../images/tnhome_phorography.gif) no-repeat scroll 0 0;
}

#buckets .tnhome_label {
display: block;
width: 190px;
float:left;
margin-left:15px;
margin-top:10px;
}

#buckets .tnhome_web a {
background:transparent url(../images/tnhome_webdesign.gif) no-repeat scroll 0 0;
display: block;
width: 190px;
height: 120px;
float:left;
margin-left:15px;
background-position: 0 -120px; 
text-indent: -99999px;
}
#buckets .tnhome_web a:hover {
background:transparent url(../images/tnhome_webdesign.gif) no-repeat scroll 0 0;
}
#buckets .tnhome_fashion a {
background:transparent url(../images/tnhome_fashion.gif) no-repeat scroll 0 0;
display: block;
width: 190px;
height: 120px;
float:left;
margin-left:15px;
background-position: 0 -120px; 
text-indent: -99999px;
}
#buckets .tnhome_fashion a:hover {
background:transparent url(../images/tnhome_fashion.gif) no-repeat scroll 0 0;
}

#buckets #tnhome {
width:190px;
height:150px; 
border:0; 
float:left;
margin-left:15px;
margin-bottom:10px;
margin-top:10px;
cursor:pointer;
}
#tnhome {
display:inline;
line-height:0;
} 

#buckets  .web {
background:transparent url(../images/tn_webhome.gif) no-repeat scroll 0 0;
}
#buckets .fashion {
background:transparent url(../images/tn_fashionhome.gif) no-repeat scroll 0 0;
}
#buckets .photo {
background:transparent url(../images/tn_photohome.gif) no-repeat scroll 0 0;
}
#buckets .ui {
background:transparent url(../images/tn_uihome.gif) no-repeat scroll 0 0;
}
#tnhome a {
font-weight: bold;
margin-top: 130px;
position:absolute;
}
#tnhome a:hover {
}

/** Portfolio **/
.portfolio_img {
margin-right:5px;
margin-bottom:5px;
margin-top:5px;
cursor:pointer;
outline: none;
border:0;
}
#buckets a.portfolio_img:hover {
background-color:#1a1a1a;
}

.portfolio_ui_chimp a {
background:transparent url(../portfolio/ui_chimp_sm.gif) no-repeat scroll 0 0;
display: block;
width: 190px;
height: 120px;
float:left;
margin-right:15px;
margin-bottom:15px;
background-position: 0 -120px; 
text-indent: -9999px;
}
.portfolio_ui_chimp a:hover {
background:transparent url(../portfolio/ui_chimp_sm.gif) no-repeat scroll 0 0;
}

.portfolio_ui_instore a {
background:transparent url(../portfolio/ui_instore_sm.gif) no-repeat scroll 0 0;
display: block;
width: 190px;
height: 120px;
float:left;
margin-right:15px;
margin-bottom:15px;
background-position: 0 -120px; 
text-indent: -9999px;
}
.portfolio_ui_instore a:hover {
background:transparent url(../portfolio/ui_instore_sm.gif) no-repeat scroll 0 0;
}

.portfolio_ui_fresh a {
background:transparent url(../portfolio/ui_fresh_sm.gif) no-repeat scroll 0 0;
display: block;
width: 190px;
height: 120px;
float:left;
margin-right:15px;
margin-bottom:15px;
background-position: 0 -120px; 
text-indent: -9999px;
}
.portfolio_ui_fresh a:hover {
background:transparent url(../portfolio/ui_fresh_sm.gif) no-repeat scroll 0 0;
}

.portfolio_ui_srmenu a {
background:transparent url(../portfolio/ui_srmenu_sm.gif) no-repeat scroll 0 0;
display: block;
width: 190px;
height: 120px;
float:left;
margin-right:15px;
margin-bottom:15px;
background-position: 0 -120px; 
text-indent: -9999px;
}
.portfolio_ui_srmenu a:hover {
background:transparent url(../portfolio/ui_srmenu_sm.gif) no-repeat scroll 0 0;
}

.portfolio_ui_haystack a {
background:transparent url(../portfolio/ui_haystack_sm.gif) no-repeat scroll 0 0;
display: block;
width: 190px;
height: 120px;
float:left;
margin-right:15px;
margin-bottom:15px;
background-position: 0 -120px; 
text-indent: -9999px;
}
.portfolio_ui_haystack a:hover {
background:transparent url(../portfolio/ui_haystack_sm.gif) no-repeat scroll 0 0;
}
.portfolio_ui_aj a {
background:transparent url(../portfolio/ui_aj_sm.gif) no-repeat scroll 0 0;
display: block;
width: 190px;
height: 120px;
float:left;
margin-right:15px;
margin-bottom:15px;
background-position: 0 -120px; 
text-indent: -9999px;
}
.portfolio_ui_aj a:hover {
background:transparent url(../portfolio/ui_aj_sm.gif) no-repeat scroll 0 0;
}
.portfolio_ui_guides a {
background:transparent url(../portfolio/ui_guides_sm.gif) no-repeat scroll 0 0;
display: block;
width: 190px;
height: 120px;
float:left;
margin-right:15px;
margin-bottom:15px;
background-position: 0 -120px; 
text-indent: -9999px;
}
.portfolio_ui_guides a:hover {
background:transparent url(../portfolio/ui_guides_sm.gif) no-repeat scroll 0 0;
}
.portfolio_ui_spamagochi a {
background:transparent url(../portfolio/ui_spamagochi_sm.gif) no-repeat scroll 0 0;
display: block;
width: 190px;
height: 120px;
float:left;
margin-right:15px;
margin-bottom:15px;
background-position: 0 -120px; 
text-indent: -9999px;
}
.portfolio_ui_spamagochi a:hover {
background:transparent url(../portfolio/ui_spamagochi_sm.gif) no-repeat scroll 0 0;
}
.portfolio_ui_ibs a {
background:transparent url(../portfolio/ui_ibs_sm.gif) no-repeat scroll 0 0;
display: block;
width: 190px;
height: 120px;
float:left;
margin-right:15px;
margin-bottom:15px;
background-position: 0 -120px; 
text-indent: -9999px;
}
.portfolio_ui_ibs a:hover {
background:transparent url(../portfolio/ui_ibs_sm.gif) no-repeat scroll 0 0;
}
.portfolio_ui_correlator a {
background:transparent url(../portfolio/ui_correlator_sm.gif) no-repeat scroll 0 0;
display: block;
width: 190px;
height: 120px;
float:left;
margin-right:15px;
margin-bottom:15px;
background-position: 0 -120px; 
text-indent: -9999px;
}
.portfolio_ui_correlator a:hover {
background:transparent url(../portfolio/ui_correlator_sm.gif) no-repeat scroll 0 0;
}
.portfolio_ui_garcon a {
background:transparent url(../portfolio/ui_garcon_sm.gif) no-repeat scroll 0 0;
display: block;
width: 190px;
height: 120px;
float:left;
margin-right:15px;
margin-bottom:15px;
background-position: 0 -120px; 
text-indent: -9999px;
}
.portfolio_ui_garcon a:hover {
background:transparent url(../portfolio/ui_garcon_sm.gif) no-repeat scroll 0 0;
}
.portfolio_ui_yootles a {
background:transparent url(../portfolio/ui_yootles_sm.gif) no-repeat scroll 0 0;
display: block;
width: 190px;
height: 120px;
float:left;
margin-right:15px;
margin-bottom:15px;
background-position: 0 -120px; 
text-indent: -9999px;
}
.portfolio_ui_yootles a:hover {
background:transparent url(../portfolio/ui_yootles_sm.gif) no-repeat scroll 0 0;
}

.portfolio_ui_mapchat a {
background:transparent url(../portfolio/ui_mapchat_sm.gif) no-repeat scroll 0 0;
display: block;
width: 190px;
height: 120px;
float:left;
margin-right:15px;
margin-bottom:15px;
background-position: 0 -120px; 
text-indent: -9999px;
}
.portfolio_ui_mapchat a:hover {
background:transparent url(../portfolio/ui_mapchat_sm.gif) no-repeat scroll 0 0;
}

#footer {
padding:50px 0;
text-align:center;
color:#965e03;
clear:both;
}

#footer a {
color:#965e03;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}

.hline {
margin-top:10px;
margin-left:10px;
margin-bottom:20px;
width:500px;
height:1px;
background-color:#442506;
}

.hline2 {
margin-top:20px;
margin-bottom:10px;
width:590px;
height:1px;
background-color:#442506;
clear:both;
}

.red {
color:red;
}
table {
color:#fff;
}

#idates {
position:absolute;
top:120px;
right:40px;
width:170px;
height:180px;
color:#c3b7cd;
}
#idates ul {
list-style-image:none;
list-style-type:none;
margin:0;
padding:0 0 0 4px;
}
#idates li {
margin-bottom:2px;
}
#idates li a {
color:#c3b7cd;
text-decoration:none;
}
#idates li a:hover {
color:#ffffff;
text-decoration:none;
background-color:#2a1647;
}

.ifrm {
margin :0px;
scrollbar-face-color:#f7f7f7;
scrollbar-highlight-color:#e8e8e8;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#808080;
scrollbar-track-color:#ebebeb;
border :0px solid #000;
}

#rightbox {
position: relative;
overflow: hidden;
border: 1px solid #000;
color: #fff;
border-radius: 8px;
-moz-border-radius: 8px;
}

.clear {
clear:both
}







.imgportfolio {
width:190px;
height:120px; 
border:0; 
float:left;
margin-right:10px;
margin-bottom:30px;
margin-top:5px;
}

