/** silversidestudio main stylesheet **/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	}
html,body{  
	font-family:Arial, "Helvetica", sans-serif; 
	color:#CCC;/*color:#998C5B;*/
	height:100% 
	}
body {
	background:url(../images/bg.jpg) no-repeat center -10px #000000;
	font-size:62.5%;
	line-height:1.5em;
	min-width:940px;
	text-shadow:0 1px 0 #000000;
	}
ul{list-style-type:none;}
img{border:none;}
/*a{font-size: 1.0em;}*/
a:link{text-decoration:none; color:#E2DB9C;}
a:active{outline:none;}
a:visited{text-decoration:none; color:#E2DB9C;}
a:hover{/*text-decoration:underline;*/ color:#ffc66c;}
a:focus {outline:none;}
h1 {font-size: 1.5em; color:#E2DB9C; margin-bottom:10px;}
h2 {font-size: 1.3em; color:#E2DB9C;}
h3 {font-size: 1.2em; color:#E2DB9C;}
h4 {font-size: 1.1em; color:#E2DB9C;}
h5 {font-size: 1.0em; color:#E2DB9C;}
h6 {
	/*font-stretch:semi-condensed;*/
	color:#FFFFFF;
	font-size:1.8em;
	font-weight:normal;
	letter-spacing:-0.05em;
	/*text-align:right;*/
	padding:0 5px;
	/*text-transform:uppercase;*/
	}
.floatLeft{float:left;}
.floatRight{float:right;}
.clear{clear:both;}
.whtTxt{color:#FFF; font-style:normal;}
/**********************************************
       		page wrapper
***********************************************/
#pWrap {
	height:auto !important;
	margin:0 0 -153px 0;
	min-height:100%; min-width:940px;/**/
	}
* html #pWrap {height: 100%;}
#logo{ margin:-90px auto 0 auto; width:900px;}
/**********************************************
       		header - collapse/expand (for js function)
***********************************************/
#hdr{
	background:#000 url(../images/topNavSmoke.jpg) 0 -30px no-repeat; 
	border-top:1px solid #505050; 
	float:left; 
	width:100%; /*min-width:750px;*/
	/*padding:0 20px;*/
	}
#hdr .notice{/*padding:5px; margin-bottom:5px; background:#333; height:100%;*/}
#hdr .logo{float:right; height:82px; margin:0px 15px 0 10px;}
/*#hdr .logo img{zoom:1; z-index:0; position:relative;}*/
/**********************************************
       			page content
***********************************************/
#contentWrap{font-size:1.2em; margin:48px auto 80px auto; width:940px; display:table; padding-bottom:100px;}
.main, .about{float:left; width:650px; line-height:1.6em;}
.introTxt{padding:0 5px 20px 5px;}
.introTxt h4{
	color: #FFFFFF;
    font-size: 1.2em;
    margin: 10px 0 5px 0;
	}
.column{
	float:left;
	line-height:2.2em;
	margin:0 30px 20px 10px;
	text-transform:uppercase;
	}
.introTag{
	line-height:1.2em;
	background:url(../images/txtLead3.png) 15px top no-repeat;
	height:300px;
	text-indent:-9000px;
	margin:-5px 0 0 0px;
	}
.about .introTag{
	line-height:1.2em;
	background:url(../images/txtLeadAbout2.png) left top no-repeat;
	height:248px;
	text-indent:-9000px;
	margin:-5px 0 0 0px;
	}
.behindTxt{
	padding:5px; 
	background:transparent url(../images/icon_silversidestudio.png) no-repeat center top;
	font-size:1em !important;
	line-height:18px;
	padding-top:95px;
	}

#hmflash {margin:10px 0 0 -10px;}

/* jquery.sideswap */
.rotator_area .clear {
	height:5px;
	}
.rotator_area {
	height:150px;
	margin:40px 10px 40px 5px;
	position:relative;
	width:860px;
	}
.rotator_area .big_images {
	clear:both;
	height:150px;
	/*margin:0 5px 5px;*/
	position:absolute;
	width:860px;
	}
.rotator_area .sideswap_nav {
	cursor:pointer;
	height:31px;
	margin:5px;
	padding:0;
	position:absolute;
	text-indent:-9000px;
	top:5px;
	width:31px;
	z-index:1002;
	/*
	background:none;
	background-color:#CCC;
	border:5px solid #AAAAAA;
	text-shadow:none;
	color:#111;
	font-variant:small-caps;
	font-weight:bold;
	padding:5px 15px;
	*/
	}
.rotator_area .sideswap_previous {
	background:url(../images/btn_nextback.png) no-repeat center -31px;
	/*
	-moz-border-radius:0 10px 10px 0; border-radius:0 10px 10px 0;
	-webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px;
	border-left:none;
	*/
	left:0;
	}
.rotator_area .sideswap_next {
	background:url(../images/btn_nextback.png) no-repeat center 0;
	/*
	-moz-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px;
	-webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px;
	border-right:none;
	*/
	right:0;
	}

.featured{margin:0;}
.featured .project{float:left; width:200px; margin:0 5px 5px 2px; border:none; padding:0; /*border-top:2px solid #7dddff;*/background:none; height:auto !important; min-height:inherit !important; display:block !important;}
.featured .project p span{height:40px; display:block; overflow:hidden;}
.featured .thumb-a{
	display:block;
	margin:4px 0px;
	width:200px;
	height:84px;
	position:relative;
	overflow:hidden;
	}
.featured .thumb-tpr{
	background:transparent url(../images/featured_tpr.png) left top no-repeat;
	height:85px;
	position:absolute;
	left:0;
	top:0;
	width:200px;
	z-index:2;
	}
.featured .thumb-a:hover .thumb-tpr{
	background:transparent url(../images/featured_tpr.png) left bottom no-repeat;
	}
.featured img{
	border:none;
	float:left;
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	/*height:85px;
	width:200px;
	height:170%;*/
	width:100%;
	}
.featured h1{color:#7dddff; background:url(../images/ttl_featured.png) left top no-repeat; height:30px; text-indent:-9000px; margin:0;}
.featured h2{color:#ccc;/*color:#c1c62e;*/ font-size:01.2em; font-weight:normal;}
/*.featured img{display:block; border:1px solid #fff; border-bottom-width:3px; width:200px; height:75px; overflow:hidden;}*/
.featured p{font-size:0.9em; line-height:1.3em; color:#666;/*color:#684F38;*/ padding:5px 0;}
.featured p a{background:url(../images/icon_arwR.gif) 0 center no-repeat; padding-left:11px; line-height:2em;}

.sidebar{float:left; width:225px; margin:0 0 50px 24px; color:#CCC;/*color:#684F38;*/}
.sidebar h1{color:#7dddff;  height:30px; text-indent:-9000px; margin:0;}
.sidebar h1.news, .news{display:block; background:url(../images/ttl_news.png) left top no-repeat; color:#7dddff; height:30px; text-indent:-9000px; margin:0;}
.sidebar h1.behindStudio{background:url(../images/ttl_behindStudio.png) left top no-repeat;}
.sidebar p{font-size:.9em;}
.sidebar a.rss{text-indent:-9000px; color:#666666; min-height:11px; padding-right:15px; background:url(../images/rss.gif) no-repeat right 0; float:right;}
.blkTransp {
	background: url(../images/transBlk30.png) repeat 0 0 transparent;
    margin-top:30px;
    padding:10px;
	color:#666666;
	}


.pager table{border-collapse:collapse; border:none; margin-left:5px; position:absolute;}
.pager td{padding-top:1px; padding-bottom:120px;}
.pager td table td{padding-top:0; padding-bottom:0;}
.pager a{padding:0 4px; display:block;}
.pager a:hover{text-shadow: #FF9900 0 0 3px;}
.pager span{background:#1d1d1d; padding:2px 6px; display:block; margin:-2px 2px 0 0; color:#FF9900; font-weight:bold;}
.pagerNav{float:right; /*margin:-15px 0 3px 0;*/ margin:1px 0 0 629px; position:absolute;}
.pagerNav .prev{background:#1d1d1d url(../images/topBar.gif) 0 0; padding:2px 5px;}
.pagerNav .next{background:#1d1d1d url(../images/topBar.gif) 0 0; padding:2px 5px;}
.pagerHide{visibility:hidden; display:none;}
.projects .sidebar{float:left; margin:0 5px 0 0; width:200px;}
.projects .sidebar table{float:left;}/*iphone*/
.projects h1{color:#7dddff; background:url(../images/ttl_projects.png) left top no-repeat; height:30px; text-indent:-9000px; margin:0;}
.projects .main{width:698px;}
/*.main div table{border:none !important;} iphone*/
.projDis{border:0 solid #000 !important;}
.projDis tr, .projDis td{border:none;}

.project{color:#444; /*border:1px solid #111;*/ padding:5px 5px 1px 5px; /*height:500px;*/ min-height:412px; width:698px; background:url(../images/spinner.gif) center center no-repeat; display:none;}
.projectDetails{
	padding-left:200px;
	padding-top:5px;
	position:absolute;
	text-align:right;
	width:495px;
	}

.projectDetails strong{display:inline-block; font-weight:normal; color:#333; margin-right:5px;}
.projectDetails span{margin-right:20px;}
.projectDescription{
	margin-top:40px;
	position:absolute;
	width:695px;
	}
.projectDescription span{display:block;}
.categories {
/*border-top:3px solid #342211;*/
font-size:1.3em;
float:left;
margin:0;
padding-top:0;
width:200px;
text-transform:uppercase;
/*color:#E2DB9C;*/
line-height:22px;
}
.categories td {
/*border-bottom:1px solid #342211;*/
display:block;
margin:0;
padding:1px 0;
}
.categories td a {
/*color:#E2DB9C;*/
display:block;
text-decoration:none;
}
.categories td a:hover, .categoriesItemSelected a {
/*background:#111;*/
/*border-left:3px solid #7DDDFF;*/
/*background:url(../images/arwR.png) no-repeat left center;*/
color:#FFFFFF;
display:block;
padding-left:13px;
text-decoration:none;
}
.categories td a:hover{text-shadow: #00FFFF 0 0 3px;}
.categoriesItemSelected a, .categoriesItemSelected a:hover{font-weight:bold; text-shadow: #00FFFF 0 0 3px; cursor:default;}
/*     */
.projectList {
/*border-top:2px solid #342211;
float:left;*/
margin:10px 0 0 15px;
padding-top:1px;
width:200px;
}
.projectList {
/*color:#684F38;*/
font-size:11px;
line-height:21px;
list-style-type:none;
}
.projectList td {
/*background:#111;*/background:url(../images/transBlk30.png);
/*border-bottom:1px solid #000000;*/
display:block;
margin:0;
margin-bottom:1px;
}
.projectList td a {
/*color:#684F38;*/
display:block;
padding-left:6px;
text-decoration:none;
}
.projectList td a:hover, .projectListItemSelected a {
background:#000;/**/
color:#F2EDB6;
display:block;
padding-left:6px;
text-decoration:none;
text-shadow: #FF9900 0 0 3px;
}
.projectListItemSelected a, .projectListItemSelected a:hover {color:#FF9900 !important; font-weight:bold; text-shadow:none !important; cursor:default;}

.contactttl h1{color:#7dddff; background:url(../images/ttl_contact.png) left top no-repeat; height:30px; text-indent:-9000px; margin:0;}
.legal h1{color:#7dddff; background:url(../images/ttl_legal.png) left top no-repeat; height:30px; text-indent:-9000px; margin:0;}
.legal h2{/*color:#c1c62e;*/}

/**********************************************
       				footer
***********************************************/
#ftrWrap {
	clear:both; text-align:center; text-shadow:none;
	/*height:80px;*/ min-height:113px; padding-top:40px;
	width:100%; min-width:940px;/**/
	background:#000 url(../images/footer_bg.jpg) repeat-x 0 0;
	/*background:#000 url(../images/footer_bg.jpg) no-repeat -50px top;*/
	/*border-top:1px solid #7dddff;*/
	}
#ftrWrap ul{width:940px; padding:9px 20px 0 20px; margin:0 auto;}
#ftrWrap li{float:left; margin-right:5px; text-align:center; color:#7dddff;}
#ftrWrap li a{font-size:1.2em; display:block; color:#333; /*background:url(../images/btmArwR.gif) 0 0 no-repeat;*/ padding:7px 15px; width:270px; height:80px;}
#ftrWrap li a strong{color:#666666;}
#ftrWrap li a:hover{text-decoration:none; color:#7dddff; /*background:url(../images/btmArwR-over.gif) 0 0 no-repeat;*/}

#ftrWrap .ftr{ display:block; clear:both; color:#555; padding:60px 20px 5px; margin:0 auto; width:940px;}
#ftrWrap .ftr a{color:#aaa;}

/**********************************************
       			top Nav
***********************************************/
.hdr{margin:20px auto 0; width:945px; height:77px;}
.hdr .ttl{float:left; text-indent:-9999px;}
.hdr .logo{float:left; margin:-8px 0 0 -20px;}
#topNav{
	float:right;
	background:transparent url(../images/topNavTabs.png) no-repeat 0 0;
	/*padding:2px 10px;*/
	padding-left:36px;
	margin:0 28px 0 0;
	width:434px;/**/
	}
#topNav li{float:left; height:77px; width:99px; text-align:center; color:#00FFFF; text-transform:uppercase;}
#topNav li a{display:block; height:77px; width:99px; text-indent:-9999px; background:none;}
#topNav li.home a:hover, #topNav li.home a.selected{background:url(../images/topNavTabs.png) no-repeat -474px 0;}
#topNav li.about a:hover, #topNav li.about a.selected{background:url(../images/topNavTabs.png) no-repeat -573px 0;}
#topNav li.work a:hover, #topNav li.work a.selected{background:url(../images/topNavTabs.png) no-repeat -672px 0;}
#topNav li.contact a:hover, #topNav li.contact a.selected{background:url(../images/topNavTabs.png) no-repeat -771px 0;}
#topNav li a.selected{cursor:default;}

/**********************************************
			TWITTER feed MODS
***********************************************/
.twtr-hd, .twtr-ft{display:none;}
.twtr-bd{}
.twtr-doc{background:none !important;}
.twtr-timeline{/*background:none;*/}
.twtr-timestamp, .twtr-reply{display:none !important;}
.twtr-tweet {border-bottom:1px solid #111111 !important;}
.twtr-tweet-text em {display:none !important;}

/**********************************************
			Contact page
***********************************************/
.formbg{
	/*background:url(../images/formbg.png) no-repeat scroll 30px 0 transparent;*/
	height:374px;
	padding-top:20px;
}
.mailicon{padding:100px 0 0 0; margin-left:0; float:left;}
.contactttl{margin-left:80px;}
.contactform{margin:0 auto; width:580px;}
.contactform .labels{vertical-align:top;}
.contactform .labels small{color:#666666;}
input, textarea{
	background:transparent url(../images/transBlk30.png) repeat scroll 0 0;
	border:1px solid #444;
	padding:4px;
	margin-bottom:3px;
	font-family:Arial, "Helvetica", sans-serif; 
	font-size:11px;
	color:#fff;
	overflow:auto;
	vertical-align:top;
	}
input:focus, textarea:focus{border:1px solid #fff;/*#FF9900*/background:transparent url(../images/transWht30.png) repeat scroll 0 0;}
input.send{background:url(../images/btn_send.png) no-repeat 0 0; width:119px; height:30px; text-indent:-9000px; margin:0 0 0 20px; padding:0; border:none; cursor:pointer;}
.formLast{width:500px;}
.formLast .security{float:left}
.formLast .send{float:right}

.keyABC123{background:url(../images/keyA.gif) no-repeat 0 0; width:52px; height:22px; display:inline-block !important;}
.key123ABC{background:url(../images/keyB.gif) no-repeat 0 0; width:52px; height:22px; display:inline-block !important;}
.keyCBA321{background:url(../images/keyC.gif) no-repeat 0 0; width:52px; height:22px; display:inline-block !important;}

.contactform .feedback{font-size:120%; color:#FF9900; /*padding-left:22px; background:url(../images/txtBubble.gif) no-repeat 0 0;*/}
.faqs{
	float:left;
	color:#555555;
	/*font-size:110%;*/
	line-height:18px;
	width:750px;/**/
	padding:0 20px;
	margin:60px;
	}
.faqs h4{color:#7DDDFF; margin:10px 0; font-size:1.2em;}
.faqs p{color:#888; padding-bottom:10px;}
.faqs em{font-weight:normal;}
.faqs dl {
	line-height:18px;
	margin-bottom:40px;
	}
.faqs dt{
	color:#999;
	font-weight:bold;
	padding:10px 0 5px 0;
	}
.faqs dd{}

/**********************************************
			MANAGE Project/Artifact
***********************************************/
.manage table th{background-color:#000; padding:5px; color:#fff;}

/**********************************************
   Top Nav-tab - control for collapse/expand
***********************************************/
.topNav-tab{clear:both; border-top:1px solid #b59e8b;}
.topNav-tab ul{float:right; margin-right:45px;}
.topNav-tab li{background:#b59e8b; text-align:center; font-size:1.2em;}
.topNav-tab li.top{height:10px;}
.topNav-tab li.top .l{
	background:url(../images/topNav-tab-topL.gif) no-repeat 0 0;
	float:left;
	padding:5px 5px 0 0; 
	margin-left:-5px;/**/
	}
.topNav-tab li.top .r{
	background:url(../images/topNav-tab-topR.gif) no-repeat 0 0; 
	float:right; 
	padding:5px 0 0 5px;
	margin-right:-5px;/**/
	}
.topNav-tab li a{
	color:#342211; 
	display:block;
	margin-top:-10px;
	padding:5px 10px 3px 20px;
	line-height:20px;
	height:20px;
	text-decoration:none;
	border-bottom:3px solid #23ADDE;
	background:url(../images/icon_updwn.gif) no-repeat 5px 9px;
	}
.topNav-tab li a:hover{
	color:#fff; 
	border-bottom:2px solid #1B829E; 
	background:url(../images/icon_updwn-blue.gif) no-repeat 5px 9px;
	}