/*
LAYOUT: One-Column (Right) Fixed
DESCRIPTION: Two-column 950px fixed layout with one sidebar right of content
*/

body {
    min-width:1200px;
	background: url(../../images/whiteTexture.jpg) repeat;
}

/* HEADER */

#header {
    position:relative;
}
#branding {
    width:1000px;
    margin:0 auto;

	border-bottom: 2px dotted #333;
	padding: 20px 0 20px 0;
}
#access {
    position:relative;
    overflow:hidden;
}
.menu {
    width:1000px;
    margin:0 auto;
}

/* SLIDESHOW */

#ssWrap{
	width: 100%;
	background: url(../../images/canvas.jpg) repeat;
}
#ssVigniette{
	padding: 20px 0 20px 0;

	/* FF3.6+ */
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 47%, rgba(0,0,0,0.25) 100%);
	/* Chrome,Safari4+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(47%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25)));
	/* Chrome10+,Safari5.1+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 47%,rgba(0,0,0,0.25) 100%);
	/* Opera 12+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 47%,rgba(0,0,0,0.25) 100%);
	/* IE10+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 47%,rgba(0,0,0,0.25) 100%);
	/* W3C */
	background: radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 47%,rgba(0,0,0,0.25) 100%);
	/* IE6-9 fallback on horizontal gradient */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40000000',GradientType=1 );

}
#ss{
	width: 1000px;
	height: 500px;
	
	margin: 0 auto;
	padding: 0;
}

#marvelBanner{
	width: 1000px;
	height: 500px;
	
	background: url(../../images/marvelBanner.png) no-repeat; 
}

#ssNav{
	width: 1000px;
	margin: 0 auto;
	margin-top: 20px;
	
	text-align: center;
}
#ssNav a{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	
	text-decoration: none;
	
	font-size: 0px;

	/* ROUNDED CORNERS */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	
	/* BOX SHADDOW */
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .25);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .25);

	/* GRADIENT */	
	/* Old browsers */
	background: #202223;
	/* FF3.6+ */
	background: -moz-linear-gradient(top, #202223 0%, #282b2b 50%, #0a0e0a 51%, #0a0809 100%);
	/* Chrome,Safari4+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#202223), color-stop(50%,#282b2b), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); 
	/* Chrome10+,Safari5.1+ */
	background: -webkit-linear-gradient(top, #202223 0%,#282b2b 50%,#0a0e0a 51%,#0a0809 100%);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #202223 0%,#282b2b 50%,#0a0e0a 51%,#0a0809 100%);
	/* IE10+ */
	background: -ms-linear-gradient(top, #202223 0%,#282b2b 50%,#0a0e0a 51%,#0a0809 100%);
	/* W3C */
	background: linear-gradient(top, #202223 0%,#282b2b 50%,#0a0e0a 51%,#0a0809 100%);
	/* IE6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202223', endColorstr='#0a0809',GradientType=0 );
}
#ssNav a:hover{
	/* GRADIENT */
	/* Old browsers */
	background: #272a2b;
	/* FF3.6+ */
	background: -moz-linear-gradient(top, #272a2b 0%, #343738 50%, #0a0e0a 51%, #0a0809 100%);
	/* Chrome,Safari4+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272a2b), color-stop(50%,#343738), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));	
	/* Chrome10+,Safari5.1+ */
	background: -webkit-linear-gradient(top, #272a2b 0%,#343738 50%,#0a0e0a 51%,#0a0809 100%);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #272a2b 0%,#343738 50%,#0a0e0a 51%,#0a0809 100%);
	/* IE10+ */	
	background: -ms-linear-gradient(top, #272a2b 0%,#343738 50%,#0a0e0a 51%,#0a0809 100%);
	/* W3C */
	background: linear-gradient(top, #272a2b 0%,#343738 50%,#0a0e0a 51%,#0a0809 100%);
	/* IE6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272a2b', endColorstr='#0a0809',GradientType=0 );
}
#ssNav a.activeSlide{
	/* GRADIENT */
	/* Old browsers */
	background: #e6f0a3;
	/* FF3.6+ */
	background: -moz-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%);
	/* Chrome,Safari4+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f0a3), color-stop(50%,#d2e638), color-stop(51%,#c3d825), color-stop(100%,#dbf043)); 
	/* Chrome10+,Safari5.1+ */
	background: -webkit-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%);
	/* IE10+ */
	background: -ms-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%);
	/* W3C */
	background: linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%);
	/* IE6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 );
}


/* MAIN */


#main {
    width:1000px;
    margin:0 auto;
    min-height: 400px;
    overflow:hidden;
    position:relative;
}
#container {
    width:64%;
    float:left;
}
#content {
    margin:0 0 0;
    width: 100%;
    overflow:hidden;
}

/* SIDEBAR */

.home div#primary{
	display: none;
}

.main-aside {
    width:32%;
    float:right;
    position:relative;
}
#secondary {
    clear:right;
}

/* PRODUCT PAGE */

div#page-top{
	width: 64%;
	float: left;
}
div#page-top iframe{
	margin: 23px 0 0 0;
}

div#page-bottom{
	width: 32%;
	float: right;
}

div#page-bottom img{
	margin: 23px 0 20px 0;	
	display: block;

	/* BORDER RADIUS */
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}
div#productShare{
	padding: 10px 0 0 0;
	border-top: 2px dotted #000;
}

ul#appFeatures,
ul#appReviews{
	margin: 0 0 15px 45px;
	list-style: circle;
}
ul#appFeatures li,
ul#appReviews li{
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}
ul#appReviews li a{
	display: inline-block;
	background: #666;
	color: #EEE;
	text-decoration: none;
	padding: 0 10px 0 10px;
	
	/* BORDER RADIUS */
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}
ul#appReviews li a:hover{
	background: #AB5626;
}
/*ul#appReviews li a:before{
	content: "[";
}
ul#appReviews li a:after{
	content: "]";
}*/

div#productGal{
	width: 638px;
	height: 478px;
	margin: 0 0 15px 0;
	border:  thin solid #CCC;
	
	overflow: hidden;
	
	/* BORDER RADIUS */
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}
div#productGal img{
	width: 100%;
	height: 478px;
	display: block;
}
div#productGal:hover{
	cursor: pointer;
}
div#prevSlide{
	float: left;
	width: 48%;
	padding-left: 2%;
	background: #AB5626;
	color: #EEE;
	margin-bottom: 15px;
	
	/* DISABLE SELECTABLE TEXT */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	
	/* BORDER RADIUS */
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px; 
}
div#nextSlide{
	width: 48%;
	padding-right: 2%;
	float: right;
	background: #AB5626;
	color: #EEE;
	text-align: right;
	margin-bottom: 15px;
	
	/* DISABLE SELECTABLE TEXT */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	/* BORDER RADIUS */
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}
div#prevSlide:hover,
div#nextSlide:hover{
	background: #666;
	cursor: pointer;
}

body.page-template-template-page-product-php div.page{
	width: 64%;
	float: left;
}

body.page-template-template-page-product-php div.page div.entry-content p{
	font-size: 1.25em;
	line-height: 1.25em;
}


/* FOOTER */

#footerWrap{
	width: 100%;
	background: url(../../images/canvasDark.png) repeat;
	padding: 40px 0;
}
#footer {    
}
#subsidiary {
    width:940px;
    margin:0 auto;
    overflow:hidden;
}
#subsidiary .aside {
    width:300px;
    float:left;
    margin:0;
}
#subsidiary #third {
    margin:0;
}
#siteinfo {
	display: none;
    font-size: 0;
}

/* BASIC */
.clear{
	clear: both;
}


/* =Page Templates
-------------------------------------------------------------- */

/*
    Home Template
    Full Width Template
    Product Page Template
*/

.home #container,
.page-template-template-page-product-php #container,
.page-template-template-page-portfolio-php #container,
.page-template-template-page-fullwidth-php #container {
	margin:0;
	width:100%;
    float: none;
}

.home #content,
.page-template-template-page-product-php #content,
.page-template-template-page-portfolio-php #content,
.page-template-template-page-fullwidth-php #content {
	width:100%;
}

.home .main-aside {
    width:100%;
    float: none;
    position:relative;
}

.home #comments,
.page-template-template-page-fullwidth-php #comments {
    width: 100%;
}

div.entry-utility{
	display: none;
}


/* =Apps Page
-------------------------------------------------------------- */
#appFeature{
	width: 100%;
	background: url(../../images/canvas.jpg) repeat;
}
#vigniette{
	padding: 20px 0 20px 0;

	/* FF3.6+ */
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 47%, rgba(0,0,0,0.25) 100%);
	/* Chrome,Safari4+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(47%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25)));
	/* Chrome10+,Safari5.1+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 47%,rgba(0,0,0,0.25) 100%);
	/* Opera 12+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 47%,rgba(0,0,0,0.25) 100%);
	/* IE10+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 47%,rgba(0,0,0,0.25) 100%);
	/* W3C */
	background: radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 47%,rgba(0,0,0,0.25) 100%);
	/* IE6-9 fallback on horizontal gradient */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40000000',GradientType=1 );

}
div#featureSpot{
	width: 1000px;
	height: 300px;
	margin: 0 auto;
	background: #333;
	overflow: hidden;
	
	/* BORDER RADIUS */
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	
	/* BOX SHADDOW */
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .25);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .25);
}
div#featureSpot a{
	display: block;
	width: 100%;
	height: 300px;
	background: url(../../images/feature.png) no-repeat;
}
div#featureSpot a:hover{
}

div#categoryFilter{
	border-top: thin solid #CCC;
	margin: 0 0 15px 0;
}

/* Filterable Portfolio Styles */


/* Simple Reset
------------------------------------------------------------ */
dl, dd, dt{ margin: 0; padding: 0; }


/* Filter */
dl { 
	color: #333;
}
dt, dd { 
	float: left;
}
dt { 
	margin-right: 5px;
}
.filter {
	list-style:  none;
	margin: 0;
	padding: 0;
}
.filter li { 
	float: left;
}
.filter li:after { 
	content: "/"; 
}
.filter li:last-child:after { 
	content: ""; 
}

/* Portfolio Items */
ul.portfolio{
	list-style:  none;
	margin: 0;
	padding: 20px 0 0 0;
	
	border-top: 2px dotted #333;
}
.portfolio li { 
	float: left;
	width: 31%;
	min-height: 340px;
	
	border-bottom: 1px solid #ccc;
	margin: 1%;
}
.portfolio li:nth-child(4n) { 
	/*margin-right: 0; */
}
.portfolio a { 
	display: block; 
	width: 100%;
	height: 225px;
	margin-bottom: 10px;
	
	/* BORDER RADIUS */
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}
.portfolio a:hover {  	
	/* BOX SHADDOW */
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .25);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .25);
}

/* ICONS */

a#iconWDY{
	background: url(../../images/appIcons/iconWDY.png) no-repeat;
}

a#iconBT{
	background: url(../../images/appIcons/iconBT.png) no-repeat;
}


a#iconCBT{
	background: url(../../images/appIcons/iconCBT.png) no-repeat;
}

a#iconBNH{
	background: url(../../images/appIcons/iconBNH.png) no-repeat;
}
a#iconCBA{
	background: url(../../images/appIcons/iconCBA.png) no-repeat;
}
a#iconCBC{
	background: url(../../images/appIcons/iconCBC.png) no-repeat;
}
a#iconCBH{
	background: url(../../images/appIcons/iconCBH.png) no-repeat;
}
a#iconGNM{
	background: url(../../images/appIcons/iconGNM.png) no-repeat;
}
a#iconMARVEL{
	background: url(../../images/appIcons/iconMARVEL.png) no-repeat;
}
a#iconBYD{
	background: url(../../images/appIcons/iconBYD.png) no-repeat;
}
a#iconMBLLL{
	background: url(../../images/appIcons/iconMBLLL.png) no-repeat;
}
a#iconGTBB{
	background: url(../../images/appIcons/iconGTBB.png) no-repeat;
}
a#iconBHGH{
	background: url(../../images/appIcons/iconBHGH.png) no-repeat;
}
a#iconPR{
	background: url(../../images/appIcons/iconPR.png) no-repeat;
}
a#iconSN{
	background: url(../../images/appIcons/iconSN.png) no-repeat;
}
a#iconBB{
	background: url(../../images/appIcons/iconBB.png) no-repeat;
}
a#iconNBC{
	background: url(../../images/appIcons/iconNBC.png) no-repeat;
}