/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
* {
   -moz-box-sizing : border-box;
   -webkit-box-sizing : border-box;
   box-sizing : border-box;
}

/* Wrap Styles */

.wrap.topline{
    background: url('../images/wrap-bg.png') repeat;
	width: 960px;
	margin: auto;
	border-left: 7px solid #c75000;
	margin-bottom: 10px;
}

.wrap.topline h1 {
   color: #ffffff;
   font-family: bebas,Arial;
   text-transform: uppercsase;
   font-size: 60px;
   padding-top: 16px;
   padding-left: 3px;
}

.wrap.topline h1 span{
   color: #c75000;
   font-family: bebas,Arial;
   text-transform: uppercase;
   font-size: 60px;
   padding-top: 16px;
}

.socialicon {
   float: right;
   padding-top: 26px;
   margin-right: 30px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

.fadesocial {
   opacity: 1;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
     font: 0/0 a;
    text-shadow: none;
    color: transparent;
   }
 
   .fadesocial:hover {
      opacity: 0.8;
      filter: alpha(opacity=80);
      -khtml-opacity: 0.8;
      -moz-opacity:0.8;
	  cursor: pointer;
	     font: 0/0 a;
    text-shadow: none;
    color: transparent;
      }

.wrap.main {
    background: url('../images/wrap-bg.png') repeat;
	width: 960px;
	margin: auto;
	padding-bottom: 30px;
}

.mainline {
    float: right;
	border: 2px solid #f0f0f0;
	width: 43%;
}

.mainlinebottom {
	border: 2px solid #f0f0f0;
	width: 43%;
	margin-bottom: 6px;
}


.messagem {
   text-align: center;
   color: #ffffff;
   font-family: bebas,Arial;
   text-transform: uppercase;
   font-size: 28px;
   padding-top: 1px;
   padding-bottom: 10px;

}


.messagem span{
   text-align: center;
   color: #c75000;
   font-family: bebas,Arial;
   text-transform: uppercase;
   font-size: 28px;
   padding-top: 1px;
   padding-bottom: 10px;

}

.aboutme {
   padding-left: 10px;
   padding-right: 10px;
}

.typoh2 {
   width: 85px;
   background: #c75000;
   padding: 5px;
   font-family: bebas,Arial;
   font-size: 18px;
   color: #ffffff;
   text-transform: uppercase;
   margin-top: 1px;
}

.wrap.edu {
    background: url('../images/wrap-bg.png') repeat;
	width: 960px;
	margin: auto;
	padding-bottom: 30px;
}

.eduline {
    float: right;
	border: 2px solid #f0f0f0;
	width: 35%;
}

.edulinebottom {
	border: 2px solid #f0f0f0;
	width: 35%;
	margin-bottom: 6px;
}

.education {
    padding-top: 9px;
	padding-left: 10px;
}

.education h2 {
   background: #c75000;
   color: #fff;
   padding-left: 5px;
   padding-right: 5px;
   font-family: bebas, verdana, helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 19px;
   float: left;
}

.education h3 {
   background: #c75000;
   color: #fff;
   padding-left: 5px;
   padding-right: 5px;
   font-family: bebas, verdana, helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 19px;
   float: right;
}

.educationwords {
   width: 100%;
}

.content{
    width: 100%;
	margin: auto;
	padding-top: 7px;
	position:relative;
}

.col { width: 100%;}

.skillset {
   padding-right: 10px;
}

#skill { 
	list-style:none; 
	padding-top:30px;
}

#skill li { 
	margin-bottom:40px; 
	background:#fff; 
	height:10px; 
	color: #fff;
}

#skill li b { 
	position:relative; 
	top:-30px;
	color: #fff;
   font-family: bebas, verdana, helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 18px;
}

.expand { 
	height:10px; 
	margin: 0; 
	background:#c75000; 
	position:absolute;
}

.html5       { width:85%;  -moz-animation:html5 2s ease-out;       -webkit-animation:html5 2s ease-out;       }
.css3        { width:80%;  -moz-animation:css3 2s ease-out;        -webkit-animation:css3 2s ease-out;        }
.jquery      { width:50%;  -moz-animation:jquery 2s ease-out;      -webkit-animation:jquery 2s ease-out;      }
.photoshop          { width:76%;  -moz-animation:photoshop 2s ease-out;   -webkit-animation:photoshop 2s ease-out;   }
.dreamweaver { width:30%; -moz-animation:dreamweaver 2s ease-out; -webkit-animation:dreamweaver 2s ease-out; }

@-moz-keyframes html5       { 0%  { width:0px;} 100%{ width:85%;}  }
@-moz-keyframes css3        { 0%  { width:0px;} 100%{ width:80%;}  }
@-moz-keyframes jquery      { 0%  { width:0px;} 100%{ width:50%;}  }
@-moz-keyframes photoshop   { 0%  { width:0px;} 100%{ width:76%;}  }
@-moz-keyframes dreamweaver { 0%  { width:0px;} 100%{ width:30%;} }

@-webkit-keyframes html5       { 0%  { width:0px;} 100%{ width:85%;}  }
@-webkit-keyframes css3        { 0%  { width:0px;} 100%{ width:80%;}  }
@-webkit-keyframes jquery      { 0%  { width:0px;} 100%{ width:50%;}  }
@-webkit-keyframes photoshop   { 0%  { width:0px;} 100%{ width:76%;}  }
@-webkit-keyframes dreamweaver { 0%  { width:0px;} 100%{ width:30%;} }

.wrap.workex {
    background: url('../images/wrap-bg.png') repeat;
	width: 960px;
	margin: auto;
	padding-bottom: 30px;
}

.messageww {

   text-align: center;
   color: #ffffff;
   font-family: bebas, verdana, helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 28px;
   padding-top: 7px;
   padding-bottom: 10px;

}


.messageww span{
   text-align: center;
   color: #c75000;
   font-family: bebas, verdana, helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 28px;
   padding-top: 7px;
   padding-bottom: 10px;

}

.wline {
    float: right;
	border: 2px solid #f0f0f0;
	width: 32%;
}

.wlinebottom {
    float: left;
	border: 2px solid #f0f0f0;
	width: 32%;
}

.work {
    padding-top: 9px;
	padding-left: 10px;
}

.work h2 {
   background: #c75000;
   color: #fff;
   padding-left: 5px;
   padding-right: 5px;
   font-family: bebas, verdana, helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 19px;
   float: left;
}

.work h3 {
   background: #c75000;
   color: #fff;
   padding-left: 5px;
   padding-right: 5px;
   font-family: bebas, verdana, helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 19px;
   float: right;
}

.workwords {
   width: 100%;
}

.award {
    padding-top: 9px;
	padding-right: 10px;
}

.award h2 {
   background: #c75000;
   color: #fff;
   padding-left: 5px;
   padding-right: 5px;
   font-family: bebas, verdana, helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 19px;
   float: left;
}

.award h3 {
   background: #c75000;
   color: #fff;
   padding-left: 5px;
   padding-right: 5px;
   font-family: bebas, verdana, helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 19px;
   float: right;
}

.awardwords {
   width: 100%;
}

.wrap.portfolio {
    background: url('../images/wrap-bg.png') repeat;
	width: 960px;
	margin: auto;
	padding-bottom: 30px;
}

.messagep {
   text-align: center;
   color: #ffffff;
   font-family: bebas, verdana, helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 28px;
   padding-top: 7px;
   padding-bottom: 21px;

}


.messagep span{
   text-align: center;
   color: #c75000;
   font-family: bebas, verdana, helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 28px;
   padding-top: 1px;
   padding-bottom: 21px;

}

.portline {
    float: right;
	border: 2px solid #f0f0f0;
	width: 36%;
}

.portlinebottom {
    float: left;
	border: 2px solid #f0f0f0;
	width: 36%;
}

.p-gallery {
    width: 100%;
    margin: auto;
    text-align: center;
}

.p-gallery img {
    margin-right: 10px;
	margin-bottom: 10px;
}

.gallery {

}

.pp_portfolio {
  max-width: 100%;
  height: auto; 
  background: #ffffff;
  border: 1px solid #363636;
  padding: 2px;
}

.fadepp {
   opacity: 1;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
   }
 
   .fadepp:hover {
      opacity: 0.8;
      filter: alpha(opacity=80);
      -khtml-opacity: 0.8;
      -moz-opacity:0.8;
	  cursor: pointer;
      }
	  
.wrap.bottom {
    background: url('../images/wrap-bg.png') repeat;
	width: 960px;
	margin: auto;
	padding-bottom: 30px;
}

.contactinformation {
   padding-left: 10px;
}

.ccline {
    float: right;
	border: 2px solid #f0f0f0;
	width: 40%;
}

.cclinebottom {
    float: left;
	border: 2px solid #f0f0f0;
	width: 40%;
}

.siteinfo {
   background-image: url("../images/home.png");
   background-repeat: no-repeat;
   height: 24px;
   color: #3363636;
   text-shadow: 0 0 1px #000; 
   font-family: Tahoma, Geneva, san-serifs;   
   font-size: 14px;
   font-style: bold;
   background-position: left center;
   padding-top: 15px;
   padding-left: 35px;
   margin-bottom: 8px;
   margin-left: 3px;
}

.telinfo {
   background-image: url("../images/tel.png");
   background-repeat: no-repeat;
   height: 24px;
   color: #3363636;
   text-shadow: 0 0 1px #000; 
   font-family: Tahoma, Geneva, san-serifs;   font-size: 14px;
   font-style: bold;
   background-position: left center;
   padding-top: 15px;
   padding-left: 35px;
   margin-bottom: 8px;
   margin-left: 3px;

}

.mailinfo {
   background-image: url("../images/mail.png");
   background-repeat: no-repeat;
   height: 24px;
   color: #3363636;
   text-shadow: 0 0 1px #000; 
   font-family: Tahoma, Geneva, san-serifs;   font-size: 14px;
   font-style: bold;
   background-position: left center;
   padding-top: 15px;
   padding-left: 35px;
   margin-bottom: 8px;
   margin-left: 3px;

}

.locinfo {
   background-image: url("../images/loc.png");
   background-repeat: no-repeat;
   height: 24px;
   color: #3363636;
   text-shadow: 0 0 1px #000; 
   font-family: Tahoma, Geneva, san-serifs;   font-size: 14px;
   font-style: bold;
   background-position: left center;
   padding-top: 15px;
   padding-left: 35px;
   margin-bottom: 8px;
   margin-left: 3px;

}

.contactformm {
   margin-top: 6px;
   padding-right: 10px;
}

.wrap.footer{
    background: url('../images/wrap-bg.png') repeat;
	width: 960px;
	margin: auto;
	margin-bottom: 9px;
}

.fcopy {
	padding-left: 10px;

}

.fcopy p {
    background: #c75000;
    text-align: left;
	padding-left: 7px;
	color: #fff;
    text-shadow: 0 0 1px #000; 
	font-size: 13px; 
	font-family: Tahoma, Geneva, san-seri
}

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:30px;
	height:35px;
	border:none;
	text-indent:100%;
	background:url(../images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../images/ui.totop.png) no-repeat left -35px;
	width:30px;
	height:35px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}


/* Tipsy Jquery */

.tipsy { font-size: 11px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }


/* #PrettyPhoto Styles
================================================== */	 
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
 

/* #Page Styles
================================================== */

.wrap.error {
    background: url('../images/wrap-bg.png') repeat;
	width: 960px;
	margin: auto;
	padding-bottom: 30px;
}

.errorline {
    float: right;
	border: 2px solid #f0f0f0;
	width: 43%;
}

.errorlinebottom {
	border: 2px solid #f0f0f0;
	width: 43%;
	margin-bottom: 6px;
}


.messageerror {
   text-align: center;
   color: #ffffff;
   font-family: bebas,Arial;
   text-transform: uppercase;
   font-size: 28px;
   padding-top: 1px;
   padding-bottom: 10px;

}


.messageerror span{
   text-align: center;
   color: #c75000;
   font-family: bebas,Arial;
   text-transform: uppercase;
   font-size: 28px;
   padding-top: 1px;
   padding-bottom: 10px;

}

.errorstyle {
   margin: auto;
   text-align: center;
}

.errorstyle h1{
   text-align: center;
   color: #c75000;
   font-family: bebas,Arial;
   font-size: 200px;
   line-height: normal;
   text-transform: uppercase;
}

.errorstyle h1 span{
   text-align: center;
   color: #ffffff;
   font-family: bebas,Arial;
   font-size: 200px;
   line-height: normal;
   text-transform: uppercase;
}

.errorstyle p{
   text-align: center;
   color: #ffffff;
   font-family: bebas,Arial;
   font-size: 72px;
   line-height: normal;
   text-transform: uppercase;
}

.wrap.undercon {
    background: url('../images/wrap-bg.png') repeat;
	width: 960px;
	margin: auto;
	padding-bottom: 30px;
}

.underline {
    float: right;
	border: 2px solid #f0f0f0;
	width: 37%;
}

.underlinebottom {
	border: 2px solid #f0f0f0;
	width: 37%;
	margin-bottom: 6px;
}


.messageunder {
   text-align: center;
   color: #ffffff;
   font-family: bebas,Arial;
   text-transform: uppercase;
   font-size: 28px;
   padding-top: 1px;
   padding-bottom: 20px;

}


.messageunder span{
   text-align: center;
   color: #c75000;
   font-family: bebas,Arial;
   text-transform: uppercase;
   font-size: 28px;
   padding-top: 1px;
   padding-bottom: 5px;

}

#time{
margin: auto;
color:#ffffff;
font-family: bebas,Arial;
line-height: normal;
font-size: 40px;
text-align: center;
}

#time span {
margin: auto;
text-align: center;
color: #c75000;
}

p.time .cd-time{
margin: auto;
text-align: center;
color:#ffffff;
font-size:0.8em;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	.wrap.topline {
	width: 100%;
	}
	
	.wrap.main {
	width: 100%;
	}
	
	.wrap.edu {
	width: 100%;
	}
	
	.wrap.workex {
	width: 100%;
	}
	
	.wrap.portfolio {
	width: 100%;
	}
	
	.wrap.bottom {
	width: 100%;
	}
	
	.wrap.footer {
	width: 100%;
	}
	
	.wrap.error {
	width: 100%;
	}
	
	.wrap.undercon {
	width: 100%;
	}
	
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	.wrap.topline {
	width: 100%;
	}
	
	.wrap.main {
	width: 100%;
	}
	
	.wrap.edu {
	width: 100%;
	}
	
	.wrap.workex {
	width: 100%;
	}
	
	.wrap.portfolio {
	width: 100%;
	}
	
	.wrap.bottom {
	width: 100%;
	}
	
	.wrap.footer {
	width: 100%;
	}
	
	.wrap.error {
	width: 100%;
	}
	
	.wrap.undercon {
	width: 100%;
	}
	

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	.wrap.topline {
	width: 80%;
	text-align: center;
	}
	
	.socialicon {
	padding-bottom: 20px;
	margin: auto;
	text-align: center;
	float: none;
	}
	
	.wrap.main {
	width: 80%;
	}
	
	.wrap.edu {
	width: 80%;
	}
	
	.wrap.workex {
	width: 80%;
	}
	
	.wrap.portfolio {
	width: 80%;
	}
	
	.wrap.bottom {
	width: 80%;
	}
	
	.wrap.footer {
	width: 80%;
	}
	
	.wrap.error {
	width: 80%;
	}
	
	.wrap.undercon {
	width: 80%;
	}
	
	.mainline {
	width: 50%;
	}
	
	.mainlinebottom {
	width: 50%;
	}
        
		
	.eduline {
	width: 50%;
    }
	
	.edulinebottom {
	width: 50%;
    }

	
	.wline  {
	width: 50%;	
	}
	
	.wlinebottom  {
	width: 50%;	
	}

	
	.portline {
	width: 50%;	
	}
	
	.portlinebottom {
	width: 50%;	
	}

	
	.ccline {
	width: 50%;
	}
	
	.cclinebottom {
	width: 50%;
	}

	
	.errorline {
	width: 50%;	
	}
	
	.errorlinebottom {
	width: 50%;	
	}

	
	.underline {
	width: 50%;
	
	}
	
	.underlinebottom {
	width: 50%;
	
	}
	
	.aboutme {
	padding-left: 0;
	padding-right: 0;
	}
	
	.education {
	padding-left: 0;
	}
	
	.skillset {
	padding-right: 0;
	}
	
	.work {
	padding-left:0;
	}
	
	.award {
	padding-right: 0;
	}
	
	.contactinformation {
	padding-left: 0;
	}
	
	.contactform {
	padding-right: 0;
	}
	
	.fcopy {
	padding-left: 0;
	}
	
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.wrap.topline {
	width: 480px;
	}
	
	.wrap.main {
	width: 480px;
	}
	
	.wrap.edu {
	width: 480px;
	}
	
	.wrap.workex {
	width: 480px;
	}
	
	.wrap.portfolio {
	width: 480px;
	}
	
	.wrap.bottom {
	width: 480px;
	}
	
	.wrap.footer {
	width: 480px;
	}
	
	.wrap.error {
	width: 480px;
	}
	
	.wrap.undercon {
	width: 480px;
	}
	
	.mainline {
	width: 50%;
	}
	
	.mainlinebottom {
	width: 50%;
	}
        
		
	.eduline {
	width: 50%;
    }
	
	.edulinebottom {
	width: 50%;
    }

	
	.wline  {
	width: 50%;	
	}
	
	.wlinebottom  {
	width: 50%;	
	}

	
	.portline {
	width: 50%;	
	}
	
	.portlinebottom {
	width: 50%;	
	}

	
	.ccline {
	width: 50%;
	}
	
	.cclinebottom {
	width: 50%;
	}

	
	.errorline {
	width: 50%;	
	}
	
	.errorlinebottom {
	width: 50%;	
	}

	
	.underline {
	width: 50%;
	
	}
	
	.underlinebottom {
	width: 50%;
	
	}
	
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
	.wrap.topline {
	width: 100%;
	}
	
	.wrap.main {
	width: 100%;
	}
	
	.wrap.edu {
	width: 100%;
	}
	
	.wrap.workex {
	width: 100%;
	}
	
	.wrap.portfolio {
	width: 100%;
	}
	
	.wrap.bottom {
	width: 100%;
	}
	
	.wrap.footer {
	width: 100%;
	}
	
	.wrap.error {
	width: 100%;
	}
	
	.wrap.undercon {
	width: 100%;
	}
	
	.mainline {
	width: 50%;
	}
	
	.mainlinebottom {
	width: 50%;
	}
        
		
	.eduline {
	width: 50%;
    }
	
	.edulinebottom {
	width: 50%;
    }

	
	.wline  {
	width: 50%;	
	}
	
	.wlinebottom  {
	width: 50%;	
	}

	
	.portline {
	width: 50%;	
	}
	
	.portlinebottom {
	width: 50%;	
	}

	
	.ccline {
	width: 50%;
	}
	
	.cclinebottom {
	width: 50%;
	}

	
	.errorline {
	width: 50%;	
	}
	
	.errorlinebottom {
	width: 50%;	
	}

	
	.underline {
	width: 50%;
	
	}
	
	.underlinebottom {
	width: 50%;
	
	}
	

	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

@font-face {
	font-family: bebas;
	src: url('../fonts/BebasNeue.otf');
}