/*
CSS Style build for NuTastic.net
By NuTastic Designz -Jarmell James
www.nutastic.net 2012

FONTS
font-family: 'Raleway', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Oswald', sans-serif;

COLORS
Red: #a61c1c
Orange: #cd9933
/*

/*FONTS
-----------------------------*/
@import url(http://fonts.googleapis.com/css?family=Raleway|Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700|Oswald:400,700);
/*-----------------------------
GENERAL STYLING BEGINS*/
html,body { margin:0px !important; padding:0; }

body{ font-family:sans-serif; font-size:14px; font-weight:300; color:#444; background:#fff; }

/*Site CSS*/
.container, .container2{ margin:0px auto; width:970px; clear:both; height:auto; }
.container:after, .container2:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden;}
#header { height:40px; width:100%; float: left; background:#ffffff; position:fixed; z-index:1000; border-bottom:0px solid rgba(150, 150, 150, 0.3); padding:8px 0px; }
#header::after { background:url(/images/general/links/shadow.png) no-repeat center top; bottom:-6px; content:""; display:block;height:5px;position:absolute;width:100%; opacity:0.30;}
#footer { width:970px; padding:8px 0px; float:left; height: auto; color:#666; font-size:16px; text-align:center; font-weight:400; }
.footerIcons{ font-size:35px; }
.footerIcons .icon-stack{ margin-left:10px; margin-right:10px; }

#logo{ height:85px; width:200px; float:left; background:url(/images/home/logo.png) no-repeat left; position:absolute; top:42px; }
#pageTitle{ margin-top:5px; font-size:20px; font-family:'Oswald', sans-serif; text-align:left; float:left; color:#a61c1c; z-index:1001; height:30px; position:relative; padding-top:0px;}
#socials{ width:100%; height:40px; float:left; position:absolute; background: #dedede; padding:8px 0px;}
.socialsIconL{ width:25px; height:25px; margin-top:8px; float:left; opacity:1.00; margin-right:10px; position:relative; z-index:10001; }
.socialsIconR{ width:25px; height:25px; margin-top:8px; float:right; opacity:1.00; margin-left:10px; position:relative; z-index:10001; }
#menu{ width:538px; margin:5px 216px 0px; padding:2px 0px; height:40px; float:left; position:absolute; z-index:1000; }
.menuNav{ width:122px; padding-top:3px; height:auto; float:left; font-size:18px; text-align:center; color:#a61c1c; position:relative; z-index:1002; font-family:sans-serif; }
.menuEnd{ float:right; width:216px; height:29px; font-size: 8px; position: relative; z-index: 1001; text-align: right; padding-top: 5px;}
.menuFill{ float:left; width:538px; height:1px; }
.menuIconHolder{ margin-left:5px; }
.menuIcon{ color:#a61c1c !important; } .menuIcon:hover{ color:#323232 !important; }
.menuNav a:link, .menuNav a:visited, .manuNav a:active{ color:#a61c1c; } .menuNav a:hover{ color:#333; }
#nav1{ background: url(/images/general/links/home.png) no-repeat center; width:50px; height:auto; padding-top:0px; }
#nav2{ background: url(/images/general/links/home2.png) no-repeat center; width:50px; height:auto; padding-top:0px; }
#nav2:hover{ background: url(/images/general/links/home3.png) no-repeat center; width:50px; height:auto; padding-top:0px; }
#navx{ width:50px; height:5px; padding-top:0px; }

/*General*/
.dividerD{ float:left; width:100%; min-height:60px; background:url(/images/general/utils/divide_down.png) center no-repeat; position:absolute;}
.dividerU{ float:left; width:100%; min-height:60px; background:url(/images/general/utils/divide_up.png) center no-repeat; position:absolute;}
#redBG{ float:left; width:100%; height:auto; background:#a61c1c; border-top:1px #600 solid; padding:50px 0px; }
#blackBG{ float:left; width:100%; min-height:355px; background:url(/images/general/bgs/black_top.jpg) repeat; padding:40px 0px 10px; border-top:1px #000 solid; }
#stripBG{ float:left; width:100%; background:#ddd; border-top:1px #600 solid; padding:20px 0px; }
#topBG{ float:left; width:100%; height:695px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.leftSide{ width:695px; float:left; height:auto; margin-left:10px; }
.rightSide{ width:225px; float:left; height:auto; margin-right:10px; }
.leftSide2{ width:620px; float:left; height:auto; margin-right:5px; }
.rightSide2{ width:300px; float:right; height:auto; margin-left:30px; }

/*HOME*/
#slidesRef{ position:absolute; width:770px; height:500px; top:95px; z-index:500; margin:0px 100px; }
#tweeters{ font-size:20px; color:#fff; text-align:left; height:170px; width:455px; float:left; }
#tweeters ul { margin:0px; -webkit-padding-start:0px; padding:0px; }
#tweets{ list-style:none; font-family: 'Oswald', sans-serif; font-size:28px; color:#dddddd; }
.portBox{ width:220px; height:220px; float:left; margin-right:30px; margin-bottom:25px; }
.portImage{ width:220px; height:220px; float:left; position:absolute; }
.portSpan{ width:200px; height:140px; padding:80px 10px 0px; position:absolute; background:#ffffff; background:rgba(255,255,255,1.00); border-radius:120px; opacity:0; text-align:center; }
.pIE{ margin-right:0px; }
.pieInfo1{ font-family:'Oswald', sans-serif; color:#a61c1c; font-weight:400; -webkit-font-smoothing: antialiased; font-size:18px; line-height:20px; text-transform:uppercase; }
.pieInfo2{ color:#323232; font-weight:300; font-size:14px; }
.blogPreviewTitle{ width:310px; float:left; height:50px; background:#323232; }
.blogPreviewImg{ width:310px; float:left; background:#999999; border-radius:15px; }
#showInfo{ float:left; width:300px; height:300px; margin-left:40px; background:url(/images/home/shows/showinfo.png) repeat; padding:10px; color:#333; font-size:16px; text-align:left; font-weight:400; -webkit-font-smoothing: antialiased;}
#showImage{ float:right; width:533px; height:300px; margin-right:50px;}
#showPort{ border: 10px solid rgba(100, 100, 100, 0.30); }
#showButtons{ width:970px; height:30px; text-align:center; float:left; margin-top:30px; position:relative; z-index:100; }
.show
.slideBtn{ cursor:pointer; }
.botLefty{ width:470px; float:left; height:320px; margin-left:10px; }
.botSplit{ width:15px; margin-right:14px; float:left; border-right:1px solid rgba(255, 255, 255, 0.10); height:340px; }
.botRighty{ width:450px; float:right; min-height:320px; margin-right:10px; }
.ft_social{ margin-left:60px; width:150px; height:150px; float:left; margin-bottom:10px; }
.ft_social2{ width:455px; height:60px; float:left;}
.ft_social3{ margin-right:40px; width:130px; float:left; margin-bottom:10px; margin-left:22px; }
.ft_social4{ width:175px; height:60px; float:left; padding-top:22px;}

/*DESIGNZ*/
.thumbd{ cursor:pointer; }
#portTitle{ font-family: 'Oswald', sans-serif; font-size:30px; line-height:35px; text-transform:uppercase; letter-spacing:0.5px; font-weight:400; -webkit-font-smoothing: antialiased; }
#chooser{ width:300px; height:42px; position:absolute; top:56px; margin-left:335px; opacity:1.0; font-weight:400; -webkit-font-smoothing: antialiased; }
.chooserBtn{ float:left; height:31px; padding:11px 8px 0px; width:133px; border-right:1px solid #800; font-size:18px; text-align:center; color:#fff; background:#9d0101; }
.chooserBtn2{ float:left; height:31px; padding:11px 8px 0px; width:134px; font-size:18px; text-align:center; color:#fff; background:#323232; }
.chooserHover{ float:left; height:30px; width:120px;position:absolute; top:62px; margin-left:342px; z-index:1001; cursor:pointer; }
.chooserHover2{ float:left; height:30px; width:120px;position:absolute; top:62px; margin-left:508px; z-index:1001; cursor:pointer; }
#topBGDes{ float:left; width:100%; height:620px; background-position:center; background-repeat:no-repeat; background-color:#eeeeee;}
#redBGDes{ float:left; width:100%; height:auto; background:#a61c1c; border-top:1px #600 solid; padding:30px 0px; min-height:100px; }
#stripBGDes{ float:left; width:100%; height:auto; background:#ddd; border-top:1px #600 solid; padding:20px 0px; }
#portBGDes{ float:left; width:100%; height:auto; border-top:0px #666 solid;}
#blackBGDes{ float:left;width:100%;height:auto; background:#323232 url(/images/general/bgs/bottomBG.jpg) repeat; padding:30px 0px; border-top:1px #000 solid;}
#loading_des{ background:url(/js/slider/ajax-loader.gif) center no-repeat; height:100px; width:970px; position:absolute; top:250px; display:none; text-align:center; font-size:15px; color:#333; }
#screen{ width:100%; height:620px; margin:0px auto 0px; clear:both; background:url(/images/web/screen.png) no-repeat center; }
#screenOverlay{ width:100%; height:620px; background:url(/images/web/screenO.png) no-repeat center; position:absolute; top:0px; } 
#desContainer{ width:960px; height:auto; margin:0px auto; top:160px; clear:both; position:relative; }
#webdesign{ float:left; width:533px; margin-left:36px; margin-top:12px;  }
#designBox{ float:left; width:533px; margin-left:36px; margin-top:-20px; border:none; }
#designInfo{ float:right; width:325px; height:366px; margin-right:15px; margin-top:-10px; }
.designTitle{ margin-top:5px; }
.designTitle2{ margin-top:2px; padding-bottom:5px; border-bottom:1px dashed rgba(155, 155, 155, 0.3); }
#portButtons{ width:200px; height:30px; text-align:center; top:545px; position:absolute; z-index:100; }
#fullPortList{ color:#ccc; line-height:26px; background:#555555;margin:8px 10px 0px; padding:15px; width:920px; overflow:auto; height:360px; outline:none;}
#fullPortList a{width: 432px; float:left; line-height:28px; height: 30px; background: #323232; display: block; margin-bottom: 10px;padding:6px 5px;font-size: 14px;border-radius: 2px;margin-right: 5px;margin-left:5px;overflow: hidden;}
#fullPortList a:link, #fullPortList a:visited, #fullPortList a:active{ color:#ccc; }
#fullPortList a:hover{ color:#c90; }
#fullViewD, #fullView { color:#323232; }
#fullViewD:hover, #fullView:hover { color:#a61c1c; }
.portWebImg{ height:30px; width:47px; margin-right:5px; float:left; }
.portDesImg{ height:30px; width:40px; margin-right:5px; float:left; }
.portShowImg{ height:30px; width:53px; margin-right:5px; float:left; }

/*SHOWCASE*/
#topBGShow{ float:left; width:100%; height:550px; background-position:center; background-repeat:no-repeat; background-color:#f1f1f1;}
#showBox{ float:left; margin-left:5px; margin-top:-5px; border:none; }
#showContainer{ width:960px; height:auto; margin:0px auto; top:120px; clear:both; position:relative; }
#blogButtons{ width:150px; height:30px; text-align:center; top:345px; position:absolute; z-index:100; }
.moreShowBox{ float:right; width:300px; height:auto; margin:4px 0px; }
.moreShowBox2{ float:right; width:300px; height:auto; }
.showNail1{ width:115px; height:68px; float:right; background:#ccc; margin:5px 0px 5px 10px; }
.showTitle1{ width:200px; padding-top:10px; font-size:12px; float:right; color:#fff; text-align:right; }
.showNail2{ width:60px; float:left; margin-left:10px; margin-bottom:5px; margin-left:60px; }
.showTitle2{ width:170px; font-size:12px; float:right; color:#fff; text-align:right; margin:3px 0px; padding-top:3px; }
.padBorder{ border-bottom:rgba(200, 200, 200, 0.3) dashed 1px; border-top:rgba(200, 200, 200, 0.3) dashed 1px; padding:5px 0px; }

/*SHOWBLOG*/
.blogHeaderL{ width:485px; float:left; font-weight:400; text-align:left; }
.blogHeaderR{ width:485px; float:right; font-weight:400; text-align:right; }
.blogContainer{ min-height:1000px; padding-top:60px; text-align:center;}
.blogContainer2{ min-height:0px; padding-top:42px; padding-bottom:8px; text-align:center;}
.tileContainer{ width:98%; float:left; margin:0px 1%; }
/*
.blogColumn{ width:310px; float:left; margin-right:20px; }
.blogColumnEnd{ margin-right:0px; }
.blogTile{ background:#990000; float:left; width:100%; height:auto; margin-bottom:20px; }
*/
.blogColumn{ width:33.33%; float:left; margin-right:0px; }
.blogColumnEnd{ margin-right:0px; }
.blogTile{ background:#990000; float:left; width:100%; height:auto; margin-bottom:0px; }
.blogButton{ display:inline-block; font-size:15px; color:#ffffff; background:#bf2121; text-align:center; padding:11px 20px; margin-right:12px; border-radius:4px; }
.blogButton:hover{ background:#880000; }
.divider{ margin:20px 0px;; border-bottom:2px dashed #bf2121; float:left; width:100%; }
.postTitle{ text-align:center; line-height:62px;}
.postDate{ text-align:center; font-weight:700; -webkit-font-smoothing: antialiased; font-size:20px; color:#fff; }
.postInfo{ text-align:left; float:left; width:100%; }
.postMainImg{ max-width:800px; margin-bottom:5px; border-radius:4px; }
.postThumb{ width:100px; height:100px; display:inline-block; border-radius:60px; border:3px solid #ffffff; background-position:center; background-size:cover; background-repeat:no-repeat; margin:8px; }
.relatedPost{ width:290px; margin:0px 0px 10px; background:#bf2121; color:#ffffff; display:inline-block; padding:10px; height:80px; border-radius:4px; overflow:hidden; font-size:16px; text-align:left; float:right; }
.relatedPost img{ float:left; width:142px; height:80px; margin-right:8px; border-radius:4px; }
.relatedPost:hover{ background:#880000; }
#relatedSection{ float:right; width:330px; }
#comments{width:600px; display:inline-block; float:left; padding:0px 30px 0px 0px; border-right:#bf2121 dashed 2px; min-height:500px;}
/*Custom Chzn*/
#blogSearch1_chzn .chzn-choices{ border:0px !important; background:#bf2121 !important; padding:6px; border-radius:4px; }
#blogSearch1_chzn .chzn-choices .search-field .default{ color:#330000 !important; font-size:15px; color:#dddddd !important; }

/*ABOUT AND CONTACT*/
#aboutContainer{ width:960px; height:auto; margin:0px auto; top:80px; clear:both; position:relative; text-align:center; }
#contactBox{ float:left; width:450px; margin-right:15px; margin-top:16px; border:none; background:#a61c1c; height:370px; padding:20px; text-align:left; }
#contactText{ float:right; width:450px; margin-top:-10px; text-align:left; }
.contactBoxInput{ border-radius:0px !important; }
.btnSpecial1{ border-radius:0px !important; box-shadow:none !important; padding-top:10px !important; padding-bottom:10px !important; }


/*Text*/
.bigWords{font-family: 'Oswald', sans-serif; color:#323232; font-size:85px; line-height:90px; }
.words1, .words2{ color: #fff; font-size:16px; text-align:left; font-weight:400; -webkit-font-smoothing: antialiased; }
.words3{ color: #fff; font-size:18px; text-align:left; }
.title1{ font-family: 'Oswald', sans-serif; color:#fff; font-size:45px; line-height:44px; }
.title2{ font-family: 'Oswald', sans-serif; color:#900; font-size:22px; }
.title3{ font-family: 'Oswald', sans-serif; color:#fff; font-size:30px; }
.title4{ font-family: 'Oswald', sans-serif; color:#fff; font-size:55px; }
.title5{ font-family: 'Oswald', sans-serif; color:#fff; font-size:18px; text-transform:uppercase; }
.smallWords { font-size:11px; }
.textShadow{ text-shadow: 5px 5px 8px rgba(0, 0, 0, 0.25);}
.spaceWords { line-height:20px; }
.words3 h1{ font-family:'Oswald', sans-serif; font-size:24px; line-height:28px; color:#fff; font-weight:400; margin:0px 0px 10px; }
#contactBox label{ font-family:'Oswald', sans-serif; font-size:18px; text-transform:uppercase; line-height:18px; color:#fff; font-weight:400; }

/*Common Link*/
a:link { color: #cd9933; text-decoration: none; }
a:visited { text-decoration: none; color: #cd9933; }
a:hover { text-decoration: none; color: #323232; }
a:active { text-decoration: none; color: #cd9933; }

/*Common*/
img{ border:none; }
.hide{ display:none; }
.clear{ clear:both;}
.clear2{ clear:both; height:5px; }
.clear3{ clear:both; height:10px; }
.clear4{ clear:both; height:30px; }
.corners{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.corners2{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.top_corners{ 
  -moz-border-radius-topleft: 10px; 
  -moz-border-radius-topright: 10px; 
  -webkit-border-top-left-radius: 10px; 
  -webkit-border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.bot_corners{ 
	-moz-border-radius-bottomleft: 10px; 
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px; 
	border-bottom-left-radius: 10px;
  	border-bottom-right-radius: 10px;
}

.left_corners{
	-moz-border-radius-bottomleft: 10px; 
	-moz-border-radius-topleft: 10px;
	-webkit-border-bottom-left-radius: 10px; 
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
  	border-bottom-left-radius: 10px;
}
.right_corners{ 
	-moz-border-radius-bottomright: 10px; 
	-moz-border-radius-topright: 10px;
	-webkit-border-bottom-right-radius: 10px; 
	-webkit-border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
  	border-top-right-radius: 10px;
}
.bot_corners_r{ -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;}
.bot_corners_l{ -moz-border-radius-bottomleft: 10px;  -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;}
.shadow { -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, .06); -moz-box-shadow:0 2px 5px rgba(0, 0, 0, .06); box-shadow:0 2px 5px rgba(0, 0, 0, .06); }
.shadow2{ 
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.05);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);
}
.shadow3 { 
	box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.10); 
}
.shadow4{ 
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.25);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}
.shadowIn{
    /*box-shadow: inset 0px 60px 150px 105px rgba(0, 0, 0, 0.05);*/
}

/*ScrollerCSS*/
.jspContainer{ overflow: hidden; position: relative; }
.jspPane{ position: absolute; }
.jspVerticalBar{position: absolute; top: 0; right: 0; width: 12px; height: 100%; background: #990000; }
.jspHorizontalBar{ position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: #990000;}
.jspVerticalBar *,.jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap{ display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{ background: #666666;position: relative;}
.jspDrag{background: #990000;position: relative;top: 0;left: 0;cursor: pointer;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{float: left;height: 100%;}
.jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;}
.jspArrow.jspDisabled{cursor: default;background: #80808d;}
.jspVerticalBar .jspArrow{height: 16px;}
.jspHorizontalBar .jspArrow{width: 12px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{	background: #eeeef4;float: left;height: 100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin: 0 -3px 0 0;}