/*Makeshift CSS Reset
{
 margin: 0;
 padding: 0;
}
 Tell the browser to render HTML 5 elements as block 
header, footer, aside, nav, article { display: block; }
body { margin: 0 auto; font: 13px/22px Helvetica, Arial, sans-serif; background: #f0f0f0; }
h2 { font-size: 28px; line-height: 44px; padding: 22px 0; }
h3 { font-size: 18px; line-height: 22px; padding: 11px 0; }
p { padding-bottom: 22px; }

/* begin real styles */

body { background: #000!important; color: #ccc!important; margin: 0 auto; }
.container { margin-top: 20px!important; width: 963px!important; }

h1 { color: #fff!important; line-height: 20px; text-transform: uppercase; font-size: 3.65em!important; margin-bottom: 15px!important; letter-spacing: -1px; }
h2 { color: #fff!important; text-transform: uppercase; font-size: 2.4em!important; margin: 10px 5px 5px 0px!important; position: relative; z-index: 1; line-height: 20px!important;  }
h3 { color: #fff!important; font-size: 1.5em;  }

a:link { color: #fff; }
a:visited { color: #fff; }
a:hover { color: #ccc!important; }

.fbLike { position: absolute; top: 30px; }


.logo { float: left; }
.pagetitle { float: left; }
.top { margin-bottom: 30px; }
a img { border: none; }
.clear { clear: both; }
.relative { position: relative; }
.resetUL { list-style-type: none; padding: 0px; }
.resetUL li { background: url("../img/check.png") no-repeat scroll left top transparent; padding-left: 25px; }
ul.horizontUL { list-style-type: none !important; margin: 0; padding: 0; display: block; }
.horizontUL li { display: inline;  }
a.visitURL { color: #000!important; }
.visitURL { background: #fff; padding: 8px 12px; color: #000; text-decoration: none; font-size: 1.1em; text-transform: uppercase; }
.visitURL:hover { color: #000; background: #fff; }
a.visitURL:active { -moz-transform: scale(0.97); -webkit-transform: scale(0.97); -o-transform: scale(0.97); }
a.importantURL { background: #25AAE1!important; color: #fff!important; }
.featuresList  { margin-bottom: 30px; }




/* nav */
.groupTab, .groupTab:hover { color: #25AAE1 !important; }
.portTab , .portTab:hover{ color: #3dcb2e !important; }.blogTab , .blogTab:hover{ color: #e19525 !important; }
.conTab , .conTab:hover { color: #e1256e !important; }
.nav { float: right; margin-top: 3px; }
.nav ul { text-align: right; margin: 0; list-style-type: none; }
.nav li { margin-top: -7px;  }
.nav a { text-decoration: none; text-transform: uppercase; color: #333; font-size: 1.5em; letter-spacing: -0.07em; line-height: 20px; }
.off { color: #fff!important; }

/*middle*/

.middle { position: relative; }
.banner { height: 472px; }
.bannerHDR { position: absolute; position: absolute; top: 150px;}


/* portfolio */

.portfolio { color: #ccc; margin: 1px 0 10px 0;  }
.blox { width: 320px; float: left; margin-bottom: 1px; position: relative; overflow: hidden; height: 200px; margin-right: 1px; }
.blox img { position: absolute; z-index: 20; }
.bloxNfo { position: relative; z-index: 0; padding: 0 10px; }

.pageNfo { width: 240px; float: left; color: #ccc; }
.pageSLDR { width: 710px; float: right;}
.photopageNfo { width: 100%; float: left; color: #ccc; }
.picpackage { margin-bottom: 10px; }
.picpackage img { margin-bottom: -5px; }

.pageNfo_wide { color: #ccc; float: right; clear: both;}
.pageSLDR_wide { width: 960px; }


/*bottom*/

.copyright { position: absolute; right: 2px; top: 4px; color: #fff; padding-bottom: 30px; }
.navB { position: absolute; left: 0; top: 4px; }
.navB ul { text-align: right; margin: 0; list-style-type: none; }
.navB li { margin-top: -4px; }
.navB a { text-decoration: none; color: #fff; font-size: 1em;  }
.navB a:hover { color: #ccc!important; }

.coffeecup { position: relative; top: -125px; left: 217px; margin-bottom: -85px; }
.footer { padding: 15px 0;  border-top: 3px solid #CCCCCC; margin: 10px 0;  }
.bottom { border-top: 1px solid #ccc; }

.ftrblox { width: 319px; float: left; margin-bottom: 1px; position: relative; height: 115px; color: #fff; }
.ftrbloxNfo {  padding-right: 15px; }
.sub a { color: #fff; }
.sub a:hover { color: #ccc; }


/* Easy Slider */
#slider { }
#slider ul, #slider li, #slider2 ul, #slider2 li { margin:0; padding:0; list-style:none; }
#slider2 { margin-top: 1em; }
#slider li, #slider2 li { /* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ width:960px; height:500px; overflow:hidden; }
#prevBtn, #nextBtn, #slider1next, #slider1prev { display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000; }
#nextBtn, #slider1next { left:696px; }
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a { display:block; position:relative; width:30px; height:77px; background:url(../images/btn_prev.gif) no-repeat 0 0; }
#nextBtn a, #slider1next a { background:url(../images/btn_next.gif) no-repeat 0 0; }
/* numeric controls */	

ol#controls { margin:1em 0; padding:0; }
ol#controls li { margin:0 5px 0 0; padding:0; float:left; list-style:none; height:10px; width: 10px; }
ol#controls li a { float:left; height: 10px; width: 10px; border: 1px solid #ccc; background:#333; color:#637080; text-decoration:none; font-size: 0px;  -moz-border-radius: 8px; -webkit-border-radius: 8px;}
ol#controls li a:hover { background: #fff; }
ol#controls li.current2 a { background: #fff; border: 1px solid #fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline:none; }
/* // Easy Slider */
#status { width:50%; padding:10px; outline:none; height:36px; }


/* form */

.block { }
.element * { }
.element label {  font-weight: normal;  }
.element input.text {  width: 307px !important; border: 1px solid #333; background: #000; color: #fff; }
.element .textarea {  border: 1px solid #333; height: 50px; width: 307px !important; color: #fff; background: #000; }
.element .hightlight { border: 1px solid #e80c0c !important; background: url(../img/iconCaution.gif) no-repeat 2px;  }
.element #submit {  
background: #fff url(/images/alert-overlay.png) repeat-x;
display: inline-block;
 padding: 5px 10px 6px;
 color: #000;
 text-decoration: none;
 font-weight: bold;
 line-height: 1;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;

 position: relative;
 cursor: pointer;

}
.loading { background: url(/img/ajax-loader.gif) no-repeat; height: 28px;  width: 28px; position: relative; left: 60px; top: -20px; margin-bottom: -28px;  display: none; }
.done { display: none; position: absolute; left: 0px; bottom: 10px; width: 500px;  }
input:hover { background-color:#f7f7f7; }
input#submit {

}
input#submit:hover {  }


.footer { opacity: 0.3; }
.footer h3 { color: #fff!important; }

#body-background { opacity: 0.5; filter: Alpha(Opacity=70); //IE }