*{	-webkit-transition: .7s ease-out;
 	-moz-transition: .7s ease-out;
 	-o-transition:  .7s ease-out;
 	transition: .7s ease-out;
    list-style: none;
}


body {
    font-family: 'Raleway', sans-serif;
    line-height: 1.8em;
}

.bigicon {font-size: 3em;}
h2{font-size: 38px;padding:0margin:0;}
h3{font-size: 28px;}
h4{font-size: 22px; line-height: 1.4em;font-style:italic;}

p{
    letter-spacing: 1px;
    color: #333;
    font-weight: lighter;
}

.nopadding{padding: 0!important;}
.bodysection{padding:40px 0;}


ul{padding: 0;}
a{white-space: nowrap;}
a{color: #ea9312}
a:hover{color: #c3c3c3; text-decoration: underline;}

#services{text-align: center;}

.col-md-3 {padding: 0;}

.sectionhead{
    text-align: center;
    padding-top: 100px;
    padding-bottom: 50px;
}

hr.separetor{
    width: 80px;
    color: #363942;
    border-top: 2px solid #ea9312;
}


.btn-default{
    background: none;
    border: none;
    text-transform: uppercase;
    margin: 50px 0;
    color: #c3c3c3;
    letter-spacing: 2px;
}

.btn-default:hover{
    background: none;
    color: #ea9312;
}

.btnicon, .brandicon{
    margin-right: 10px;
}


.navbar-inverse .navbar-toggle{background-color:#333;}

#hero{
    color: #fff;
    text-align: center;
    background: url(../img/main-background.png)no-repeat; /*your background image*/
    max-height: 880px;
    overflow: hidden;
    padding-top:40px;
    background-size:cover;
   
}


#hero-submit{
    color: #fff;
    text-align: center;
    background: url(../img/main-background.png)no-repeat; /*your background image*/
    min-height: 880px;
    overflow: hidden;
    padding-top:40px;
   
}



.herocontent{
    padding-top: 100px;
    width: 100%;
    max-width: 1200px;
}
.heroshot{
    margin-top: 20px;
    width: 100%;
    max-width: 1200px;

}

#quotebar{position:relative;top:-64px;margin-bottom:-64px;background-image:url('../img/quotebg.png');padding:12px 0 5px;text-align:center;}

#quotebar p{line-height:16px;font-size:1.3em;color:#FFF;font-weight:800;font-style:italic;}
.quote{position:relative;top:-8px;left:4px;text-align:left;}


.navbar{background-color:#EAEAEA!important;border-bottom:none;margin-top:20px;min-height:70px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}

.logo{width:250px;position:relative;top:-40px;left:-40px;}
.navbar-nav>li>a{padding:28px 26px;font-size:1.1em;}
.navbar-nav>li>a:hover{background-color:#000!important;}


#portfolio {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}

#biography {
    display: block;
    position: relative;
    top: -38px;
    visibility: hidden;
}

#my-accomplishments {
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;
}

#recommendations{
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}

#contact-brian{
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}

.resume-download a{
    background-color:#E2E2E2;
    color:#333;
    display:block;
    padding:10px 20px;
    text-align:center;
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
}

.resume-download a:hover,.resume-download a:active{text-decoration:none;background-color:#939393;}
.resume-download {/* Safari */
z-index:2000;position:fixed;left:-74px;top:50%;
-webkit-transform: rotate(90deg);

/* Firefox */
-moz-transform: rotate(90deg);

/* IE */
-ms-transform: rotate(90deg);

/* Opera */
-o-transform: rotate(90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.

#clients{

    background-color:#E2E2E2;
}
#clients h4{
    text-transform: uppercase;
    font-size:1em;
}



.logos img{width:15%;position:relative;top:-10px;}
#clients .col-md-4{
    padding-bottom: 0;
}

#clients ul{float: right}

#clients li{
    display: inline;
    margin-right: 35px;
}

#clients li:last-child{
    margin-right: 0px;
}




#bottom-quote{background-color:#C4C4C3;text-align:center;}
.quote2{position:relative;top:-10px;}
#bottom-quote p{font-size:1.4em;font-weight:800;line-height:70px;font-style:italic;padding-top:4px;}

/*================================
CONTACT SECTION
================================*/

#contact{min-height:400px;padding-top:30px;}
#contact h3{text-align:center;color:#FFF;}
.control-label{color:#FFF;}
.contact-form{margin-top:30px;}
#contact{background-image:url('../img/contactbg.png');background-size:cover;}
.contact-txt p{color:#FFF;}
.contact-img img{width:100%;}

/*================================
PORTFOLIO SECTION
================================*/

#b-portfolio{text-align:center;padding-bottom:30px;}
.line{width: 100%; height: 20px; border-bottom: 1px solid black; text-align: center;background-color:#FFF;margin:30px 0;}
.line span{background-color: #FFF; padding: 0 10px;}

.line2{width: 100%; height: 20px; border-bottom: 1px solid black; text-align: center;background-color:#F7F7F7;margin:30px 0;}
.line2 span{background-color: #F7F7F7; padding: 0 10px;}

.line3{width: 100%; height: 20px; border-bottom: 1px solid black; text-align: center;background-color:transparent;margin:30px 0;}
.line3 span{background-color: #000; padding: 0 10px;}
.line3 h3{color:#FFF;}



#portfolio-links{}
.box{-webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 4px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 4px 0px rgba(50, 50, 50, 0.75);}



.hover:hover{background-image:url('../img/cat-hover.png');cursor:pointer;}

.feight-thumb{background-image:url('../img/feight-thumb.jpg');min-height:183px;background-size:cover;}
.dashboard{background-image:url('../img/cat-dashboard.png');min-height:183px;background-size:cover;}

.webhosting-coop-thumb{background-image:url('../img/webhosting-coop-thumb-01.jpg');min-height:183px;background-size:cover;}


.coffee{background-image:url('../img/coffee-thumb.jpg');min-height:183px;background-size:cover;}
.websites{background-image:url('../img/websites/hg-merch-thumb.png');min-height:183px;background-size:cover;}
.codero-thumb{background-image:url('../img/websites/hg-merch-thumb.png');min-height:183px;background-size:cover;}

.whc-thumb{background-image:url('../img/websites/whc-thumb.png');min-height:183px;background-size:cover;}
.hg-thumb{background-image:url('../img/websites/hg-thumb.png');min-height:183px;background-size:cover;}
.hgblog-thumb{background-image:url('../img/websites/hgblog-thumb.png');min-height:183px;background-size:cover;}
.paradigmh-thumb{background-image:url('../img/websites/paradigmh-thumb.png');min-height:183px;background-size:cover;}
.sas-thumb{background-image:url('../img/websites/sas-thumb.png');min-height:183px;background-size:cover;}
.seohosting-thumb{background-image:url('../img/websites/seohosting-thumb.png');min-height:183px;background-size:cover;}
.shoemoney-thumb{background-image:url('../img/websites/shoemoney-thumb.png');min-height:183px;background-size:cover;}
.sitebuilder-thumb{background-image:url('../img/websites/sitebuilder-thumb.png');min-height:183px;background-size:cover;}
.srp-thumb{background-image:url('../img/websites/srp-thumb.png');min-height:183px;background-size:cover;}
.voipo-thumb{background-image:url('../img/websites/voipo-thumb.png');min-height:183px;background-size:cover;}

.sixpack-thumb{background-image:url('../img/6-pack-abs-thumb-01.png');min-height:183px;background-size:cover;}

.sixpacksupport-thumb{background-image:url('../img/six-thumb-01.png');min-height:183px;background-size:cover;}
.avc-thumb{background-image:url('../img/avc-thumb.png');min-height:183px;background-size:cover;}


/*  Websites */

.powerlinedata-thumb{background-image:url('../img/powerlinedata-thumb-01.png');min-height:183px;background-size:cover;}
.turbo-thumb{background-image:url('../img/turbo-thumb-01.png');min-height:183px;background-size:cover;}

.power-thumb{background-image:url('../img/power-thumb.png');min-height:183px;background-size:cover;}

.codero-thumb{background-image:url('../img/websites/websites/codero-thumb.png');min-height:183px;background-size:cover;}

.foundation-thumb{background-image:url('../img/websites/websites/foundation-thumb.png');min-height:183px;background-size:cover;}

.gallantknight-thumb{background-image:url('../img/websites/websites/gallantknight-thumb.png');min-height:183px;background-size:cover;}gallant-

.hgblog-thumb{background-image:url('../img/websites/websites/hgblog-thumb.png');min-height:183px;background-size:cover;}

.hgstore-thumb{background-image:url('../img/websites/hg-merch-thumb.png');min-height:183px;background-size:cover;}

.hostgator-thumb{background-image:url('../img/websites/websites/hostgator-thumb.png');min-height:183px;background-size:cover;}


.hostingreview-thumb{background-image:url('../img/websites/websites/hostingreview-thumb.png');min-height:183px;background-size:cover;}

.launchpad-thumb{background-image:url('../img/websites/websites/launchpad-thumb.png');min-height:183px;background-size:cover;}

.paradigmhelicopters-thumb{background-image:url('../img/websites/websites/paradigmhelicopters-thumb.png');min-height:183px;background-size:cover;}

.paradigmsrp-thumb{background-image:url('../img/websites/websites/paradigmsrp-thumb.png');min-height:183px;background-size:cover;}

.ssl-checker-thumb{background-image:url('../img/ssl-security-thumb-01.png');min-height:183px;background-size:cover;}

.sasaero-thumb{background-image:url('../img/websites/websites/sasaero-thumb.png');min-height:183px;background-size:cover;}


.onsite-thumb{background-image:url('../img/onsite-thumb.jpg');min-height:183px;background-size:cover;}

.redesign-thumb{background-image:url('../img/redesign-panel-thumb-01.jpg');min-height:183px;background-size:cover;}


.seohosting-thumb{background-image:url('../img/websites/voipo-thumb.png');min-height:183px;background-size:cover;}

.voipo-thumb{background-image:url('../img/websites/websites/voipo-thumb.png');min-height:183px;background-size:cover;}

.webhostingcoop-thumb{background-image:url('../img/websites/websites/webhostingcoop-thumb.png');min-height:183px;background-size:cover;}

.webhostingfoundation-thumb{background-image:url('../img/websites/websites/foundation-thumb.png');min-height:183px;background-size:cover;}

.wepoll-landing-thumb{background-image:url('../img/code-examples/wepoll-thumb.png');min-height:183px;background-size:cover;}

.iot-panel-thumb{background-image:url('../img/iot-panel-thumb-01-01.jpg');min-height:183px;background-size:cover;}

.webhostingcoop-foundation-thumb{background-image:url('../img/code-examples/webhostingcoop-foundation-thumb.png');min-height:183px;background-size:cover;}

.ads{background-image:url('../img/cat-ads.png');min-height:183px;background-size:cover;}

.comodo-website{background-image:url('../img/comodo-website-01.png');min-height:183px;background-size:cover;}
.blacktiger{background-image:url('../img/btthumb.png');min-height:183px;background-size:cover;}
.tradeshows{background-image:url('../img/cat-tradeshows.png');min-height:183px;background-size:cover;}


.ssl-landing-page-thumb{background-image:url('../img/ssl-landing-with-nav-thumb-01.jpg');min-height:183px;background-size:cover;}



.comodo-control-panel{background-image:url('../img/controlpanel-thumb-01.png');min-height:183px;background-size:cover;}

.countdown{background-image:url('../img/coundown-thumb-01.png');min-height:183px;background-size:cover;}

.control-panel2{background-image:url('../img/comodo-all-ssl-thumb-02-01.png');min-height:183px;background-size:cover;}

.musiclab{background-image:url('../img/musiclab.png');min-height:183px;background-size:cover;}

.guarantee{background-image:url('../img/guarantee-background-01.png');min-height:183px;background-size:cover;}

.comodo{background-image:url('../img/comodo-control-panel-01.png');min-height:183px;background-size:cover;}

.magazine-ads{background-image:url('../img/cat-magazine-ads.png');min-height:183px;background-size:cover;}

.billboards{background-image:url('../img/cat-billboards.png');min-height:183px;background-size:cover;}

.apparel{background-image:url('../img/cat-apparel.png');min-height:183px;background-size:cover;}

.collateral{background-image:url('../img/cat-collateral.png');min-height:183px;background-size:cover;}


.website-banners{background-image:url('../img/advertising/website-banners.png');min-height:183px;background-size:cover;}

.billboards{background-image:url('../img/advertising/billboard-thumb.png');min-height:183px;background-size:cover;}

.brochures{background-image:url('../img/advertising/brochure-thumb.png');min-height:183px;background-size:cover;}

.magazine-ads{background-image:url('../img/advertising/magazinead-thumb.png');min-height:183px;background-size:cover;}

.business-cards{background-image:url('../img/advertising/businesscard-thumb.png');min-height:183px;background-size:cover;}


.tradeshow{background-image:url('../img/tradeshows/tradeshow-thumb.png');min-height:183px;background-size:cover;}


.collateral2{background-image:url('../img/tradeshows/collateral-thumb.png');min-height:183px;background-size:cover;}

.wireframe-thumb{background-image:url('../img/websites/wireframe-thumb.png');min-height:183px;background-size:cover;}

.comodoevssl-thumb{background-image:url('../img/comodoevsll-thumb-01.png');min-height:183px;background-size:cover;}


.real-estate-thumb{background-image:url('../img/realestate-thumb.png');min-height:183px;background-size:cover;}


.google-thumb{background-image:url('../img/control-panels/google-thumb.png');min-height:183px;background-size:cover;}

.dashboard-thumb{background-image:url('../img/control-panels/dashboard-thumb.png');min-height:183px;background-size:cover;}

.api-widget-thumb{background-image:url('../img/control-panels/api-widget-thumb.png');min-height:183px;background-size:cover;}


.hg-affiliates-thumb{background-image:url('../img/control-panels/hg-affiliates-thumb.png');min-height:183px;background-size:cover;}



.hg-domains-thumb{background-image:url('../img/control-panels/hg-domains-thumb.png');min-height:183px;background-size:cover;}



.launchpad-thumb{background-image:url('../img/control-panels/launchpad-thumb.png');min-height:183px;background-size:cover;}

.fliers-thumb{background-image:url('../img/advertising/fliers-thumb.png');min-height:183px;background-size:cover;}

.supportsuit-thumb{background-image:url('../img/control-panels/supportsuit-thumb.png');min-height:183px;background-size:cover;}

.webhostingcoop-thumb{background-image:url('../img/control-panels/webhostingcoop-thumb.png');min-height:183px;background-size:cover;}

.wepoll-thumb{background-image:url('../img/control-panels/wepoll-thumb.png');min-height:183px;background-size:cover;}


.collateral2{background-image:url('../img/tradeshows/collateral-thumb.png');min-height:183px;background-size:cover;}

.comodo-all-ssl-thumb{background-image:url('../img/comodo-all-ssl-thumb-01.png');min-height:183px;background-size:cover;}

.apparel2{background-image:url('../img/tradeshows/aparrel-thumb.png');min-height:183px;background-size:cover;}

.category{background-image:url('../img/quotebg.png');width:100%;}

.wepoll2-thumb{background-image:url('../img/wepoll2-thumb-01.png');min-height:183px;background-size:cover;}


.category p{color:#FFF;padding:4px 10px;}
.box img{width:100%;}
.box a{color:#FFF;}
.box a:hover{text-decoration:underline;}
.bottom-row{margin-top:20px;}

.cat1{background-image:url('img/cat-website.png');}




/*================================
BIO SECTION
================================*/

#bio-intro{background-image:url('../img/triangles3.png');padding:0;margin-top:60px;}

#bio-intro h4{font-size:2em;font-weight:800;color:#FFF;}
#bio-intro p{color:#FFF;}

.photo{background-image:url('../img/photo1.png');-webkit-background-size: 100% auto;
   -moz-background-size: 100% auto;
   -o-background-size: 100% auto;
    background-size: 100% auto;
min-height:450px;background-size:cover;}

.triangles{background-image:url('../img/triangles3.png');background-size:cover;height:500px;}

.bio-content {padding:90px 30px 0 70px;}


/*================================
ACCOMPLISHMENTS
================================*/
#traits{margin-top:40px;}
#traits p{text-align:center;}
#accomplishments{margin-top:40px;}
.trait-box{background-color:#F4F4F4;border-radius: 6px 6px 6px 6px;padding:20px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;background-image:url('../img/lion.png');background-repeat:no-repeat;background-position:bottom right;background-size:180px 250px;}
.trait-box h5{font-size:1.7em;font-weight:800;}
.trait-box ul{}
.trait-box ul li{list-style-type:disc;margin-left:40px;}


/*================================
ABOUT SECTION
================================*/
#about{padding-top: 100px;}

.myapps{margin-top: 25px;}
.myapps li{display: inline}
.myapps li img{
    width: 30px;
}

/*================================
PORTFOLIO SECTION
================================*/


#shotsByPlayerId li{
    width: 31%;
    float: left;
    padding: 15px;
    margin: 10px;
    background: #fff;
    border-radius: 5px;
}

#shotsByPlayerId li:hover{
    box-shadow: 1px 2px 25px rgba(160, 160, 160, 0.4);
    -webkit-transition: .7s ease-out;
 	-moz-transition: .7s ease-out;
 	-o-transition:  .7s ease-out;
 	transition: .7s ease-out;
}

#shotsByPlayerId li img{
    width: 100%;
    border-radius: 5px;
}

#shotsByPlayerId img:hover{
    opacity: .5;
    overflow: hidden;
}

#shotsByPlayerId a:hover{color: #ea9312;}

#shotsByPlayerId h3{
    text-align: left;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: normal;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;}

#shotsByPlayerId h3 a{color: #363942;}

.likecount a{float: left; color: #c3c3c3;}
.commentcount a{float: right; color: #c3c3c3;}
.center{text-align:center;}

/*================================
TESTIMONIAL SECTION
================================*/

#testimonials{background-color:#F7F7F7;margin-top:40px;padding-top:40px;}


#testimonials2{padding-top:40px;}

.clientsphoto img{
    width: 80px;
    float: left;
    margin-right: 20px;
    border-radius: 50%;
}

.clientsphoto img:hover{
    border-radius: 15%;
}

blockquote{
    margin: 0;
    padding: 0 0 10px 0;
    border: none;
}

blockquote p{   
    font-style: italic;
    font-size: 14px;
}

.quote{overflow: hidden}
.quote h5{margin-bottom: 5px;}


/*================================
FOOTER SECTION
================================*/


.submit-footer{position:fixed;bottom:0;}

footer{
    text-align: center;
    background: #262626;
}

.social{margin-top:10px;}
.social ul{}
.social ul li{display:inline;padding:0 4px;}

.social img{width:60px;}

footer p, footer .bigicon {color: #7e7e7e;}

footer img{width:200px;}
.footerlinks{}
.footerlinks ul{}
.footerlinks ul li{display:inline;}


.footerlinks{margin: 30px 0;}
.footerlinks li{
    display: inline;
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.footersocial {margin-top: 30px;}

.footersocial li{
    display:inline;
    padding: 0 15px;
    font-size: 2em;
}

.footersocial li a {color: #FFF;}
.footersocial li a:hover {text-decoration:underline;}

/*================================
FOLLOW BUTTON
================================*/
.dribbble-follow-button {
	display: inline-block;
    margin-top: 15px;
}

.dribbble-follow-button .label, .dribbble-follow-button .count {
    font: bold 11px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #333;
    border: 1px solid #ccc;
    text-decoration: none;
    display: inline-block;
    position: relative;
    border-radius: 3px;
}

.dribbble-follow-button .label {
    padding: 0 3px 0 1px;
    white-space: nowrap;
    background: #e3e3e3;
    background: linear-gradient(top, white, #dedede);
}

.dribbble-follow-button .label i {
    height: 18px;
    width: 18px;
    float: left;
    background: url(../img/icon.png) no-repeat top left;
}

.dribbble-follow-button .label:hover {
    border-color: #bbb;
    background: #fff;
    color: #333;
}

.dribbble-follow-button .label:active {            
     box-shadow: 0 1px 5px rgba(0,0,0,.15) inset;
}

.dribbble-follow-button .count {
    margin-left: 5px;
    padding: 0 3px;
    color: #333;
    border-color: #bbb;
    font-weight: normal;
    background: white;
}

.dribbble-follow-button .count:hover {
    text-decoration: underline;
}

.dribbble-follow-button .count > * {
	top: 50%;
	left: 0;
	margin: -4px 0 0 -4px;
	border: 4px solid transparent;
	border-right-color: #aaa;
	border-left: 0;
	position: absolute;
}

.dribbble-follow-button .count u {
    margin-left: -3px;
    border-right-color: white;
}

.navbar-inverse .navbar-nav>li>a{color:#333;}
.navbar-inverse .navbar-nav>li>a:hover{color:#999;}


#page-title{
    color: #fff;
    text-align: left;
    background: url(../img/page-title-bg.png)no-repeat; /*your background image*/
    max-height: 380px;
    overflow: hidden;
    padding:20px 0 70px;
    background-size:cover;
   
}

.page-title-content{
    padding-top: 100px;
    width: 100%;
    max-width: 1200px;
}

#breadcrumbs{position:relative;top:-44px;margin-bottom:-64px;background-image:url('../img/quotebg.png');padding:12px 0 5px;text-align:center;}

#breadcrumbs p{line-height:16px;font-size:1em;color:#FFF;font-weight:800;font-style:italic;text-align:left;padding-left:1px;}
.breadcrumbs{position:relative;top:-8px;left:4px;}
#breadcrumbs a{color:#fff;}

.project{border-bottom:dashed 1px #CCCCCC;margin-bottom:20px 0 20px 0!important;padding:30px 0 20px 0!important;}
.project h4{font-size:1.3em;font-weight:700;margin:0;padding:0;font-style:normal!important;}
.btn-inverse {
    color: #333333;
    background-color: #ffffff;
    border-color: #333333;
}

.btn-inverse:hover{color:#ffffff;
background-color:#000;
border-color:#ffffff;}

.scrollspy-example {
    position: relative;
    height: 500px;
    overflow-y: auto;
    display:block;
}


a.anchor {
  display: block; 
  position: relative; 
  top: -130px; 
  visibility: hidden; }


.subnav{min-width:200px;}
.subnav ul{}
.subnav ul li{float:none;}
.subnav ul li a{color:#000;width:100%;display:block;line-height:10px;}
.subnav ul li a:hover{background-color:#000;color:#fff;}
.subnav ul li a:active{background-color:#000!important;color:#fff;}
.subnav-fixed {
  background-color: #fff;
  margin: 0 auto;
  position: fixed;
  top: 0;
  transform: translate(0px);
  
  z-index: 10;
    margin-top:120px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{background-color:#000!important;}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li a:hover{background-color:#000!important}



.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.main-icons{text-align:center;padding:40px 0 70px;}

.main-icons a{color:#000;}
.main-icons img{width:70%;}


.design-bg{background-image:url('../img/design-bg.jpg');background-repeat:repeat;}
.design-nav{text-align:right;}

.software-bg{background-image:url('../img/software-bg.jpg');background-repeat:repeat;}


.top-sec{padding:40px 0!important;text-align:center;}

.top-sec2{padding:0 0 40px 0;text-align:center;}

.dropdown-menu>li>a:hover{background-color:#000;color:#fff;}

.centerlink{padding:0;}

.main-title{margin-top:-50px;}



/*
A Bootstrap 3.1 affix sidebar template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

body {
 padding-top:50px;
}

#masthead { 
 min-height:250px;
}

#masthead h1 {
 font-size: 30px;
 line-height: 1;
 padding-top:20px;
}

#masthead .well {
 margin-top:8%;
}

@media screen and (min-width: 768px) {
  #masthead h1 {
    font-size: 50px;
  }
}

.navbar-bright {
 background-color:#111155;
 color:#fff;
}

.affix-top,.affix{
 position: static;
}

@media (min-width: 979px) {
  #sidebar.affix-top {
    position: static;
  	margin-top:30px;
  	width:228px;
  }
  
  #sidebar.affix {
    position: fixed;
    top:70px;
    width:228px;
  }
}

#sidebar li.active {
  border:0 #eee solid;
  border-right-width:5px;
}

.affix-bottom { 
    position: absolute; 
}

.tab-pane .active { 
outline: 0;

}

#container {
  margin: 20px;
  width: 400px;
  height: 8px;
  position: relative;
}