body, html { padding:0px; margin:0px; color: #333; font-family:Helvetica, Arial; font-size:12px; margin:0px; line-height:1.5; width:100%; }

.loader_holder { z-index:3; position:absolute; text-align:center; top:57px; left:90px; display:none;  }
.cardimgcrop { width:200px; height:134px; overflow:hidden; position:relative; text-align:center; }
.project_thumb { width:200px; height:205px; position:relative; margin-right:35px; float:left; }
.project_header { margin-right:35px; }
.bottompad { clear:both; position:relative; height:35px; width:705px; margin-top:35px; }
.project_thumb .hover { text-decoration:none; }
.project_thumb .nohover { text-decoration:none; }

/* PROJECT CONTENT */
#twitter_div { font-family: arial; font-size:14px; color:#999; width:480px; line-height:1.5; }
#twitter_div a { color:#999; text-decoration:underline; }
#twitter_div a:hover { color:#fff; text-decoration:underline; background:transparent; }
#twitter_div a:active { color:#fff; background:#000; }
#twitter_div ul { list-style:none; padding-left:0px; }
#twitter_div ul li span {  }
ul { margin:0px; }

a#jobs {
	background: #ff0 !important;
	color: #000 !important;	
}

	a#jobs:hover {
		background: #000 !important;
		color: #fff !important;
		text-decoration: none !important;
	}
	
	a#jobs:active {
		background: #ccc !important;
		color: #fff !important;
		text-decoration: none !important;
	}

#home_content #following_header_wrapper a {
	text-decoration: none;
}

	#home_content #following_header_wrapper .personal_network a {
		color: #ccc;
	}
	
		#home_content #following_header_wrapper .personal_network a:hover {
			background: none;
			text-decoration: underline;
			color: #fff;
		}
		
		#home_content #following_header_wrapper .personal_network a:active {
			background: none;
			color: #999;
		}
	
	#home_content #following_header_wrapper #following_sections a.section_link {
		
	}
	
	#home_content #following_header_wrapper  #following_name a {
		color: #0AAF86;
	}
	
		#home_content #following_header_wrapper #following_name a:hover {
			background: none;
			color: #fff;
			text-decoration: underline;
		}
		
		#home_content #following_header_wrapper #following_name a:active {
			background: none;
			color: #999;
			text-decoration: underline;
		}

.featured_head { font-size:12px; font-weight:normal; padding:21px 0px 0px 235px; }

	.featured_head.gallery_header {
		padding-left: 260px;
	}
	
	.featured_head.gallery_header a { color: #777; }
	.featured_head.gallery_header a:hover { color: #000; text-decoration: underline; }
	.featured_head.gallery_header a:active { color: #999; }
	
	

.project_title { font-family:Helvetica, Arial; font-size:24px; color: #000; font-style:regular; font-weight:normal; line-height:1.5; padding-bottom:30px; }
.project_content { width:560px;  }
.project_content img { margin:0px 15px 15px 0px; }
.project_content #slideshow_container img { margin:0px; }
.project_content #slideshow_container { margin:0px 15px 15px 0px; }
#howitworks_content #slideshow_container_preview_0 { float: left; height: 405px; }
#howitworks_content #slideshow_wrapper_preview_0 { height: 405px; }
.project_footer { clear:both; padding:30px 0px 0px 0px; font-size:11px; color:#999; }
.project_bottom { clear:both; width:670px; border-bottom:1px solid #ccc; margin:15px 0px; }
.project_index { float:right; margin-top:-1px; }
.tags { color:#999; }
blockquote { color:#666; margin-top:0px; margin-bottom:0px; }
.project_views { font-style:italic; color:#999; }
.footer_title_type { font-weight:bold; color:#000; }

.project_header { height:40px; border-bottom:1px solid #ccc; margin:-35px -35px 27px !important; overflow:hidden; }
.project_header .project_close { float:right; width:91px; border-left:1px solid #ccc; }
.project_header .project_link { color:#000; float:left; padding:11px 0px 0px 35px; }
.project_header .wl { color:#000; float:left; padding:11px 0px 0px 35px; font-size:11px; }

.project_header .follow { float:right; padding:12px 15px 0px 35px; width:auto; width:68px; font-size:11px; }
.project_header .follow .following_header_bolt { position:relative !important; top:auto !important; left:auto !important; float:left; padding-right:5px; }
.project_header .follow .following_header_follow { position:relative !important; top:auto !important; left:auto !important; }

.people_container .follow { position:absolute; z-index:100; padding:17px 15px 0px 35px; width:70px; left:618px; font-size:11px; }
.people_container .follow .following_header_bolt { position:relative !important; top:auto !important; left:auto !important; float:left; padding-right:5px; }
.people_container .follow .following_header_follow { position:relative !important; top:auto !important; left:auto !important; }
.people_container .follow iframe { margin-top:5px; }

h1 { font-size:20px; line-height:165%; color: #000; font-weight: normal; margin-bottom: 23px; }
h2 { font-size:16px; line-height:165%; }
h3 { font-size:14 x; line-height:150%; }


/* SLIDESHOW STYLES */
.slideshow_nav { color:#999; font-size:11px; padding-bottom:10px; }
.slideshow_count { color:#999; font-size:11px; }
.slideshow_wrapper { margin:0px 15px 15px 0px; }
.slideshow_wrapper img { margin:0px; }


 ul.slideshow_thumbs {
            margin: 0;
            padding: 0;
        }    

        .slideshow_thumb {
            float: left;
            list-style: none;
            margin: -3px 7px 7px -3px;
        }

        .slideshow_thumb a {
            border: 1px solid transparent;
            display: block;
            padding: 2px;
        }

            .slideshow_thumb a:hover {
                border: 1px solid #ccc;
            }

            a.activeSlide {
                background: none;
                border: 1px solid #ccc;
            }

            .slideshow_thumb a:active, a.activeSlide:active {
                border: 1px solid #666;
            }

        .slideshow_thumb img {
            border: 0;
            display: block;
            margin: 0;
            height: 60px;
        }


/* TAG VIEW STYLE */
.view_tag_info { font-size:11px; color:#999; padding-left:3px; }

/* DECK AD */
.module.deck { height:150px; width:178px; padding:10px; border:1px solid #ccc; }
.follow_container .module.deck { height: 158px; margin-bottom: 30px; border: 1px solid #333; }


/* #################### LINK STYLES START #################### */

/* BODYCOPY */
.home_content a { color:#000; text-decoration:underline; }
.home_content a:hover { color:#000; background:#ff0; text-decoration:none; }
.home_content a:active { color:#fff; background:#000; }

.home_green a { color:#0AAF86; text-decoration:underline; }
.home_green a:hover { color:#fff; text-decoration:underline; }
.home_green a:active { color:#f03; background:none; }

.home_content a img:hover { color:#000; background:transparent; text-decoration:none; }
.home_content a img:active { color:#fff; background:transparent; }

.slideshow_nav a {  }
.slideshow_nav a:hover {  }
.slideshow_nav a:active {  }

/* PROJECT HEADER */
.project_header .project_index a { text-decoration:underline; color:#999; font-style:italic; padding:2px 3px 2px 3px; }
.project_header .project_index a:hover { text-decoration:none; background:#ff0; color:#000; }
.project_header .project_index a:active { color:#fff; background:#000; }
.project_header .project_index a:visited {  }


/* PROJECT FOOTER */
.project_footer .permalink a { text-decoration:underline; color:#999; font-style:italic; }
.project_footer .permalink a:hover { background:#ff0; color:#000; }
.project_footer .permalink a:active { color:#fff; background:#000; }
.project_footer .permalink a:visited {  }

.project_footer .editlink a { color:#0066ff; font-style:italic; }
.project_footer .editlink a:hover { color:#000; background:#ff0; }
.project_footer .editlink a:active { color:#fff; background:#000; }
.project_footer .editlink a:visited {  }

.view_tag_info a { color:#0066ff; }
.view_tag_info a:hover { color:#000; background:#ff0; }
.view_tag_info a:active { color:#fff; background:#000; }
.view_tag_info a:visited {  }


.tags a { color:#000; text-decoration:none; }
.tags a:hover { background:#ff0; text-decoration:none; }
.tags a:active { color:#fff; background:#000; }
.tags a:visited {  }

.project_top a { text-decoration:underline; color:#999; font-style:italic; }
.project_top a:hover { }
.project_top a:active {  }
.project_top a:visited {  }

.project_link a, .follow a { text-decoration:none; color:#0aaf86; font-weight:bold; }
.project_link a:hover, .follow a:hover { text-decoration:underline; background:none; }
.project_link a:active, .follow a:active { text-decoration:underline; color:#ff3300; }
.project_link a:visited {  }

/* HOMEPAGE */
body.home { background:url(../_gfx/home-bg.gif) repeat-y; height:100%; }
.homenav_container { background-color:#f2f2f2; width:200px; height:100%; position:fixed; top:0px; left:0px;  }
.homenav_tab { background-color:#f2f2f2; width:40px; height:100%; position:fixed; top:0px; left:0px; padding-top:5px; }
.home_content_container { background-color:#000; height:100%; width:100%; top:0px; left:0px; }
.home_content { background-color:#1e1e1e; width:740px; position:relative; left:200px; height:100%; top:0px; }
.agreement_content {  width:640px; position:relative; left:235px; height:100%; top:30px; }
.more_load { padding:15px 35px; display:none; font-size:11px; color:#999; }
.home_content h2 { font-size:16px; font-weight:bold; color:#e2e0bb; margin:25px 35px 15px; }
.home_content .info { padding:0px 35px; font-size:12px; color:#777; }


.nav_logo { width: 200px; height: 134px; margin-bottom: -1px; }

#logo_img_loader {
	background: #f2f2f2;
	padding: 0 0 5px;
	position: absolute;
	top: 24px; left: 112px;
	z-index: 109;
}

a#home_logo {
	background-image: url(/_gfx/cargo_logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	width: 200px;
	height: 134px;
	position: absolute;
	z-index: 99;
}

a#home_logo.logo_loaded:hover {
	background-position: 0 -134px;
}

.nav_logo #img_wall {
	filter: alpha(opacity=100);
    zoom: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: hidden;
}

.nav_logo #img_wall {
	position: absolute;
	left: 0; top: -0; right: auto;
}

	.nav_logo #img_wall img {
		display: block;
		width: 200px; height: 134px;
	}
	
	.nav_logo #img_wall .wall_img {
		float: none;
		margin: 0;
		opacity: 1;
		filter: alpha(opacity=100);
    	zoom: 1;
    	-moz-opacity: 1;
    	-khtml-opacity: 1;
    	opacity: 1;
    	overflow: hidden;
		position: absolute;
		top: 0; left: 0;
		width: 200px; height: 134px;
	}
	
	#img_wall div.wall_img:hover {
		opacity: 1;
	}

.nav_tab { position:absolute; z-index:5; top:0px; left:0px; padding-top:5px; }
.nav_content { color:#666; font-family:Arial; font-size:14px;  line-height:16px; }
.nav_teaser { padding:25px 30px 0px 25px; border-top:1px solid #ccc; color:#333; font-size:12px; line-height:19px;  }
.nav_teaser a, .agreement_content a, .featured_browser a { color:#000; font-size:12px; text-decoration:underline; font-weight:normal; }
.nav_teaser a:hover, .agreement_content a:hover, .featured_browser a:hover { color:#0AAF86; text-decoration:underline; }
.nav_teaser a:active, .agreement_content a:active, .featured_browser a:active { color:#FF3333; text-decoration:underline; }
.nav_search { font-size: 11px; color: #999; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 10px 7px 24px; z-index: 999; }
.nav_search input.search { width:146px; padding:2px; font-size:12px; color: #999; }
.nav_search input.search:focus { color: #000; }
.nav_search input.submit { font-size:13px; font-weight:bold; border:0px none; background:#f2f2f2; color:#000; padding:0px; font-family:Arial; cursor:pointer; }
.nav_search .radios { padding: 7px 0 3px 0; }

.nav_info_txt {
	background: #fff;
	border-top: 1px solid #ccc;
	color: #999;
	font-size: 12px;
	padding: 20px 10px 20px 24px;
	line-height: 19px;
}

.nav_info_txt a.selected { font-weight: bold; }

	.nav_info_txt ul#info_txt_list {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	ul#info_txt_list li.line_break {
		margin-bottom: 1.2em;
	}
	
	ul#info_txt_list li.external a {
		color:#999;
		text-decoration: underline;
	}
	
	ul#info_txt_list li.external a:hover {
		color: #0AAF86;
	}
	
	ul#info_txt_list li.external a:active {
		color: #999;
	}
	
	.nav_info_txt a {
		color: #333;
		text-decoration: none;
	}
	
	.nav_info_txt a:hover {
		color: #0AAF86;
		text-decoration: underline;
	}
	
	.nav_info_txt a:active {
		color: #999;
	}

.nav_status_txt { border-top: 1px solid #ccc; font-size:12px; line-height: 1.5; padding:15px 10px 15px 41px; color:#999; position: relative; }
.nav_status_txt img { vertical-align: baseline; position: absolute; top: 17px; left: 21px; }
.nav_status_txt a { color: #333; font-size: 12px; text-decoration:none; margin-top: 10px; }
.nav_status_txt a:hover { color:#0AAF86; text-decoration: underline; }
.nav_status_txt a:active { color:#ff3333; }
.nav_status_txt_bolt { padding-right:6px; margin-bottom:-5px; }
.nav_status_meta a { color: #999; text-decoration: underline; }
.nav_status_meta a:hover { color: #000; text-decoration: underline; }
.nav_status_meta a:active { color: #666; }
.nav_footer { font-size: 11px; color:#999; margin: 20px 0 0 24px; }
.nav_footer a { color:#999; text-decoration:underline; }
.nav_footer a:hover { color:#0AAF86; }
.nav_footer a:active { color:#ff3333; }
.nav_sticker { position: fixed; top:57px; left:206px; z-index:201; }


.tabnav { border-top:1px solid #ccc; color:#333; font-weight:bold; text-decoration:none; cursor:pointer; padding: 0 0 0 23px; height: 42px; line-height: 42px; }
.tabnav:hover { text-decoration:underline; background: #e4e4e4; } 
.tabnav:active { text-decoration:underline; background: #f2f2f2; color: #666; } 
.tabnav.selected { color:#777; background:#fff; text-decoration:none; font-weight:normal; } 

a#tab_showcase {
	display: block; border-top:1px solid #ccc; color:#333; font-weight:bold; text-decoration:none; cursor:pointer; padding: 0 0 0 23px; height: 42px; line-height: 42px;
}

a#tab_showcase:hover {
	background: #e4e4e4;
}

	a#tab_showcase:hover .text {
		text-decoration: underline;
	}

a#tab_showcase:active {
	background: #f2f2f2;
	color: #666;
}

	.new_tag {
		background: #00c462;
		color: #f2f2f2;
		font-size: 11px;
		line-height: 10px;
		font-weight: normal;
		font-family:arial, sans-serif;
		padding: 1px 5px 2px 4px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		margin-left: 10px;
		text-transform: lowercase;
		text-decoration: none !important;
	}

a#tab_gallery {
	display: block; border-top:1px solid #ccc; color:#333; font-weight:bold; text-decoration:none; cursor:pointer; padding: 0 0 0 23px; height: 42px; line-height: 42px;
}

a#tab_gallery:hover {
	background: #e4e4e4;
}

	a#tab_gallery:hover .text {
		text-decoration: underline;
	}

a#tab_gallery:active {
	background: #f2f2f2;
	color: #666;
}

a#tab_featured {
	display: block; border-top:1px solid #ccc; color:#333; font-weight:bold; text-decoration:none; cursor:pointer; padding: 0 0 0 23px; height: 42px; line-height: 42px;
}

a#tab_featured:hover {
	background: #e4e4e4;
}

	a#tab_featured:hover .text {
		text-decoration: underline;
	}

a#tab_featured:active {
	background: #f2f2f2;
	color: #666;
}

.contactlinks { margin-left:25px; line-height:1.8; font-size:11px; }
.contactlinks a { color:#333; text-decoration:underline; }
.contactlinks a:hover { color:#000; }

.content_container { font-family:Arial; color:#666; font-size:11px; height:165px; border-bottom:1px solid #333; cursor:pointer; }
.content_container_open { background-color:#fff; cursor:normal; padding:35px; border-bottom:1px solid #333; border-left:1px solid #ccc; overflow:hidden; }
.content_container.over { background-color:#1a1a1a; }
.content_container .cardimgcrop { margin:15px 35px; float:left; }
.content_container .loadspin { margin:15px 35px; float:left; }
.content_container .arrow { float:right; margin:35px 35px 0px 0px; background:url(/_gfx/home-arrow.gif) no-repeat top left; width:21px; height:11px; }
.content_container .arrow.over { float:right; margin:35px 35px 0px 0px; background:url(/_gfx/home-arrow-o.gif) no-repeat top left; width:21px; height:11px; }

.people_container { font-family:Arial; color:#666; font-size:11px; height:147px; border-bottom:1px solid #333; cursor:pointer; }
.people_container.over { background-color:#1a1a1a; }
.people_container .arrow { float:right; margin:63px 35px 0px 0px; background:url(/_gfx/home-people-arrow.gif) no-repeat top left; width:11px; height:21px; }
.people_container .arrow.over { float:right; margin:63px 35px 0px 0px; background:url(/_gfx/home-people-arrow-o.gif) no-repeat top left; width:11px; height:21px; }

.people_container .text_container { float:left; width:670px; }
.text_container .text_people { float:left; margin:35px 0 35px 35px; font-size:11px; color:#777; }

.deck_container { font-family:Arial; color:#666; font-size:12px; height:165px; border-bottom:1px solid #333; border-left:1px solid #ccc; background-color:#fff; }

.homeblock { width:740px; height:118px; }

#howitworks_content a#showcase_link {
	color:#0AAF86;
}

#howitworks_content a#showcase_link:hover {
	color: #fff;
}


#howitworks_content a#showcase_link:active {
	color: #999;
}


.info-banner { width:740px; position:relative; height:117px; border-bottom:1px solid #333; background-color:#151515; }
.info-banner .info { padding:26px 35px; font-size:12px; color:#999; }
.info-banner .info a.selected { text-decoration:none; font-weight:bold; color:#f2f2f2; }
.info-banner.fixed { position:fixed; z-index:200; left:200px; }
.info-banner .info .filters { margin-top:29px; }
.info-banner .info .subinfo { margin-top:13px; }
.info-banner .npinfo { margin-top:-22px; float:right; padding-right:25px; font-size:11px; color:#3b3b3b; }
.info-banner .filters .npinfo { margin-top:0px; padding-right:0px; font-size:11px; color:#3b3b3b; }
.info-banner .search { background-color: #151515; border:1px solid #333; color:#fff; padding:3px; font-size:16px; }
.search { font-family:Arial; }
.nextprev { position:fixed; left:941px; margin-top:-1px; }
.nextprev a, .nextprev a:hover, .nextprev a:active { background:none !important; }

.text_container	{ float:left; width:400px; }
.text_container .title 	{ width:75px; float:left; }
.text_container .green, .home_content .green, .home_content .info .green,
.text_container .green a, .home_content a.green, .home_content .info a.green,
.text_container .green a:visited, .home_content a.green:visited, .home_content .info a.green:visited,
.text_container .green a:active, .home_content a.green:active, .home_content .info a.green:active { color:#0AAF86; text-decoration:none; }
.text_container .green a:hover, .home_content a.green:hover, .home_content .info a.green:hover  { color:#fff; text-decoration:underline; background:none; }
.home_content .info a { color:#999; text-decoration:underline; }
.home_content .info a:hover, .projects-info { color:#FFF; text-decoration:underline; background:none; }
.home_content .info a:active { color:#f33; }
.text_container .link 	{ text-decoration:underline; background:none; }
.text_container .white 	{ color:#FFF; }
.text_container .text_portfolio { float:left; width:400px; margin:25px 0px 1px; font-size:11px; color:#777; }
.text_container .text_project 	{ font-size:16px; font-weight:bold; color:#ddd; }
.text_container .text_name		{ font-weight:bold; }
.text_container .tags			{  }
.text_container .text_date		{  }

.featured_browser { position:absolute; top:26px; right:20px; color:#666; }
.featured_browser a {
	color: #666;
}

.featured_browser a:hover {
	color: #00AF8A;
}

.featured_browser a:active {
	color: #999;
}





/* How it works
***********************************************************************************************************/

.grid_one, .grid_two {
    float: left;
    margin: 0 20px 70px;
}

.grid_one {
    width: 670px
}

.grid_two {
    width: 315px;
}

.grid_one.howitworks_designs {
    width: 710px
}

    .howitworks_designs .design_browser_design {
        margin-right: 33px !important;
        margin-bottom: 0 !important;
    }
    
#howitworks_content {
    font-family: 'ff-dagny-web-pro-1','ff-dagny-web-pro-2', arial;
    font-size:16px; 
    color:#999; 
    line-height:1.4em;
    
    position: relative;
    margin-left: 215px;
    padding: 24px 0 0 0;
    width: 710px;
}

#howitworks_content a {
    color:#999;
}

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

#howitworks_content a:active {
    color:#666;
}

#howitworks_title {
    border: 0;
    display: block;
    margin-bottom: 80px;
    margin-left: 20px;
}

.howitworks_intro {
    padding-right: 25px;
    width: 290px;
}

a.grid_three {
    font-family: 'ff-dagny-web-pro-1','ff-dagny-web-pro-2', arial;
    font-size:16px; 
    color:#999; 
    line-height:1.4em;
    float: left;
    margin: 0 35px 35px 0;
    text-align: center;
    text-decoration: none;
    width: 200px;
}

a.grid_three .howitworks_thumb {
    display: block;
    height: 134px;
    margin-bottom: 20px;
    position: relative;
    text-decoration: none;
    width: 200px;
}

a.grid_three:hover {
    color: #fff;
    text-decoration: underline;
}

a.grid_three:hover .howitworks_thumb {
    outline: 1px solid #ccc;
    outline-offset: 2px;
}

.plus_icon {
    display: block;
    height: 19px;
    position: absolute;
    bottom: -10px; left: 92px;
    width: 19px;
    z-index: 2;
}





/* Browse designs page
***********************************************************************************************************/

#browse_designs_content {
    position: relative;
    margin-left: 235px;
    padding: 24px 0 0 0;
}

#browse_designs_title {
    border: 0;
    display: block;
    margin-bottom: 83px;
}

    .design_browser_design {
        float: left;
        height: 358px;
        margin: 0 35px 70px 0;
        position: relative;
        width: 318px;
    }
    
    .design_browser_design .design_title {
        background: url(/_gfx/homeimg/browser-top.gif);
        color: #1e1e1e;
        display: block;
        font-size: 12px;
        font-family: Arial, sans-serif;
        font-weight: bold;
        height: 24px;
        line-height: 24px;
        padding-left: 15px;
        text-align: center;
        width: 303px;
    }
    
    .design_browser_design a {
        background: transparent !important;
        display: block;
        font-size: 12px;
        font-weight: bold;
        height: 318px;
        text-decoration: none !important;
        width: 318px;
        z-index: 2;
    }
    
    
        .design_browser_design img {
            opacity: 1;
            filter: alpha(opacity=100);
            zoom: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
        }
    
        .design_browser_design a span.preview_design {
            background: #ff3a40;
            color: #fff;
            display: block;
            font-size: 12px;
			font-family: Arial, sans-serif;
			font-weight: bold;
            height: 30px;
            line-height: 30px;
            margin: 135px 97px;
            position: absolute;
            top: 26px; right: 1px; bottom: 8px; left: 1px;
            text-align: center;
            text-decoration: none;
            width: 124px;
            z-index: 2;
            
            opacity: 0;
            filter: alpha(opacity=0);
            zoom: 1;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }
    
        .design_browser_design a:hover span.preview_design {
            opacity: 1;
            filter: alpha(opacity=100);
            zoom: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
        }
        
        .design_browser_design a:active span.preview_design {
            margin: 136px 97px 134px;
        }
        
        .design_browser_design a:hover img {
            opacity: 0.65;
            filter: alpha(opacity=65);
            zoom: 1;
            -moz-opacity: 0.65;
            -khtml-opacity: 0.65;
        }
        
        .design_browser_design a:active img {
            opacity: 0.65;
            filter: alpha(opacity=65);
            zoom: 1;
            -moz-opacity: 0.65;
            -khtml-opacity: 0.65;
        }
        
        .design_footer {
            background: url(/_gfx/homeimg/browser-bottom.gif);
            height: 8px;
        }
        
    .design_browser_footer {
        clear: both;
    }
	
	
	
	
	
/* Signup page
***********************************************************************************************************/

#application_form {
	font-family: 'ff-dagny-web-pro-1','ff-dagny-web-pro-2', arial;
	font-size:16px; 
	color:#999; 
	line-height:1.4em;
	position: relative;
	margin-left: 235px;
	padding: 33px 0 0 0;
}

	#application_form a {
		color:#999;		
	}
	
	#application_form a:hover {
		color:#fff;
	}
	
	#application_form a:active {
		color:#666;
	}

#application_note {
	height: 92px;
	width: 560px;
	margin-top:-5px;
}

#application_form_items {
	list-style: none;
	margin: 0;
	padding: 0;
}

#application_form_items li {
	margin: 8px 0 0 0;
}

#application_form_items h3 {
	font-family: 'ff-dagny-web-pro-1','ff-dagny-web-pro-2', arial;
	font-size:16px; 
	line-height:1.4em;
	color: #D0BFA6;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
}

#application_form textarea {
	line-height: 1.5em !important;
	padding-right: 100px;
	max-width: 600px;
}

#application_form input, #application_form textarea { 
	background:#1f1f1f;
    color:#777; 
    border-color: #444;
    border-style: solid;
    border-width: 2px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0 5px; 
	color:#999; 
	font-family: Arial, sans-serif !important;
	font-size:14px; 
	height: 31px;
	margin: 0;
	width: 540px;
	
	
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
}

#application_form input:focus, #application_form textarea:focus { 
 	background-color:#f2f2f2; 
 	border-color: #f2f2f2 !important;
    border-style: solid;
    border-width: 2px; 
 	color:#000 !important; 
 }
 
#application_form input.signup_button { 
	background:#0AAF86;
    color:#212121;
    cursor: pointer;
    border:2px solid #0AAF86; 
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:5px; 
	font-family: Arial, sans-serif !important;
	font-size:14px; 
	width:270px; 
}
	
	#application_form input.signup_button:hover {
		background-color: #f2f2f2;
		border-color: #f2f2f2 !important;
	}
	
	#application_form input.signup_button:active {
		background-color: #999;
		border-color: #999 !important;
		margin: 1px 0 -1px;
	}
	
#application_form input.apply_button { 
	background:#0AAF86;
    color:#212121;
    cursor: pointer;
    border:2px solid #0AAF86; 
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:5px; 
	font-family: Arial, sans-serif !important;
	font-size:14px; 
	width:270px; 
}
	
	#application_form input.apply_button:hover {
		background-color: #fff;
		border-color: #fff !important;
	}
	
	#application_form input.apply_button:active {
		background-color: #999;
		border-color: #999 !important;
		margin: 1px 0 -1px;
	}



/* #################### LINK STYLES END #################### */

/* Audio component
***********************************************************************************************************/

.audio_component {
	color: #777777;
	font-family: 'Droid Sans Mono', Monaco, Monospace, Arial, san-serif;
    font-size: 10px;
	height: 30px;
	line-height: 26px;
    width: 300px;
}

	.audio_component div {
    	height: 26px;
    }

	.audio_component .border {
		border: 2px solid #aaaaaa;
		opacity: 0.5;
		
		-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	filter: alpha(opacity=50);
    	zoom: 1;
    	-moz-opacity: 0.5;
    	-khtml-opacity: 0.5;
	}
	
	.audio_component .vertical_border {
		background: #aaaaaa;
		opacity: 0.50;
		
		filter: alpha(opacity=50);
		zoom: 1;
    	-moz-opacity: 0.5;
    	-khtml-opacity: 0.5;
	}
	
		.audio_component .vertical_border {
			position: absolute;
			left: 34px;
		}
	
		.audio_component .vertical_border.right {
			position: absolute;
			right: 58px;
			left: auto;
		}
    
    .audio_component .controls {
    	top: 2px; left: 2px;
    }
    
    	.audio_component .play_pause {
    		background: url("/_gfx/playpause.png");
    	}
    
	.audio_component .spectrum .spectrum_bar {
        background: #666666;
    }
    
    .audio_component .loading {
    	background: #bbbbbb;
    	opacity: 0.25;
    	
    	filter: alpha(opacity=25);
    	zoom: 1;
    	-moz-opacity: 0.25;
    	-khtml-opacity: 0.25;
    }
    
    .audio_component .progress {
    	background: #bbbbbb;
    	border-right: 1px dotted #333333;
    	opacity: 0.25;
    	
    	filter: alpha(opacity=25);
    	zoom: 1;
    	-moz-opacity: 0.25;
    	-khtml-opacity: 0.25;
    }
    
    .audio_component .volume_slide.hover {
    	background: #bbbbbb;
    	opacity: 0.3;

    	filter: alpha(opacity=30);
    	zoom: 1;
    	-moz-opacity: 0.3;
    	-khtml-opacity: 0.3;
	}
	
/* Audio component global
***********************************************************************************************************/

.audio_component {
    cursor: default;
    float: left;
    margin: 0 15px 15px 0;
    position: relative;
}

    .audio_component div {
    	float: left;
    }

    .audio_component .border {
    	position: absolute;
    	width: 296px;
    	z-index: 1;
    }

    .audio_component .vertical_border {
    	height: 100%;
    	width: 1px;
    }

    .audio_component .controls {
    	position: absolute;
    	width: inherit;
    	z-index: 2;
    }

    	.audio_component .play_pause {
    		background-position: -81px center;
    		background-repeat: no-repeat;
    		cursor: pointer;
    		display: block;
    		width: 35px;
    		position: absolute;
    		z-index: 99;
    	}

    	.audio_component .play {
    		background-position: -81px center;
    	}

    	.audio_component .pause {
    		background-position: -16px center;
    	}

    .audio_component .info {
    	position: absolute;
    	width: 202px;
    }

    .audio_component .href {
    	display: none;
    	position: absolute;
    	visibility: hidden;
    }

    .audio_component .spectrum {
    	height: 100%;
		margin-left: 1px;
		margin-right: 2px;
		overflow: hidden;
		position: absolute;
		width: 100%;
    }

    	.audio_component .spectrum .spectrum_bar {
    		position: absolute;
    	}

    .audio_component .loading {
    	position: absolute;
    	top: 0; left: 35px;
    }

    .audio_component .glass {
    	height: 100%;
    	opacity: 0.0;
    	position: absolute;
    	width: 100%;

    	filter: alpha(opacity=0);
    	zoom: 1;
    	-moz-opacity: 0.0;
    	-khtml-opacity: 0.0;
    }

    .audio_component .position {
    	overflow: hidden;
    	position: absolute;
    	width: inherit;
    }

    .audio_component .position .playhead {
    	cursor: ew-resize;
    	cursor: -moz-grab;
    	cursor: grab;
    	position: absolute;
    }
	
	.home_content .audio_component .info {
		padding:0px;
	}
	
    .audio_component .progress {
    	position: absolute;
    }

    .audio_component .text {
    	display: hidden;
    	left: 35px;
    	overflow: hidden;
    	padding: 0 10px 0 10px;
    	position: absolute;
    	white-space: nowrap;
    	width: 90%;
    }

    .audio_component .volume {
    	cursor: ns-resize;
    	cursor: -moz-grab;
    	cursor: grab;
    	right: 0;
    	overflow: hidden;
    	position: absolute;
    	width: 58px;
    }

    .audio_component .volume_slide {
    	position: absolute;
    	width: 100%;
    }

	.audio_component .volume_slide.hover {

	}

.drag_ew {
    cursor: ew-resize;
    cursor: -moz-grab;
    cursor: grab;
}

.drag_ns {
    cursor: ns-resize;
    cursor: -moz-grab;
    cursor: grab;
}

#sm2movie, #sm2-container {
    opacity: 0.0;
    filter: alpha(opacity=0);
    zoom: 1;
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
}

#img_wall {
	display: block;
	position: fixed;
	left: 940px; top: -50px; right: -200px;
}

	#img_wall img {
		display: block;
	}
	
	#img_wall div.wall_img {
		float: left;
		margin: 0 0 1px 1px;
		opacity: 0.18;
		filter: alpha(opacity=18);
    	zoom: 1;
    	-moz-opacity: 0.18;
    	-khtml-opacity: 0.18;
    	opacity: 0.18;
		width: 200px; height: 134px;
	}
	
	#img_wall div.wall_img:hover {
		filter: alpha(opacity=50);
    	zoom: 1;
    	-moz-opacity: 0.5;
    	-khtml-opacity: 0.5;
    	opacity: 0.5;
	}