/* Defaults */
html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-image:url(../images/bg-body.png);
	background-repeat:repeat;
}
p { font-size:1.4em; }
form { margin: 0; }
ul{list-style-type:none;}
.well-white { background: none repeat scroll 0 0 #fff;}
.rounded { -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;  }
.expand { width:100%; padding: 4px 0px; }
.right { float: right !important; } .left { float: left !important; } .center { margin: auto !important; float: none !important;}
.marg-t-b { margin-top: 20px; margin-bottom: 10px; } 
.no-margin { margin: 0 !important; }
.text-center { text-align: center; }
.radio, .checkbox {  padding-right: 18px;}
.radio input[type="radio"], .checkbox input[type="checkbox"] { float: right; margin-right: -18px;}
.badge { cursor: default !important; } 
.close { float: left; }
.control-label { float: right;    font-size: 1.4em;    padding-top: 10px;    text-align: right;    width: 100px;}
h2.black { color:#333 !important; }

.clear {  clear: both;  display: block;  overflow: hidden;  visibility: hidden;  width: 0;  height: 0;}

/* FONTS 
@font-face{font-family:"league-gothic";font-stretch:normal;font-style:normal;font-weight:normal;src:url("../Fonts/League_Gothic.otf") format("truetype")}
@font-face{font-family:"share-regular";font-stretch:normal;font-style:normal;font-weight:normal;src:url("../Fonts/Share-Regular.ttf") format("truetype")}*/

/* MAIN LAYOUT */
#main{
	min-height: 100%;width:100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -214px;
}
.push{height:214px;}

/* HEADER */
#main header{position:relative;height:20px;background-image:url(../images/tbg.gif);background-repeat:repeat-x;top:0;width:100%;}

/* IMPORTANT */
#main .important{position:absolute;top:25px;left:25px;font-family:share-regular;font-size:20px;}
#main .important span{color: #333 !important;}
#main .important span a{color: #333 !important;}
#main .important span a:hover{color: #08c !important;}
#main .important i{margin-top:6px;}
#main .important i.download{margin-top:3px !important;}

/* EXPAND-COLLAPSE */
#main .expand-collapse
{
	width: 120px;
	height:50px;
	background-color:#333;
	position:fixed;
	left:0;
	top:200px;
	font-family:league-gothic;
	font-size:24px;
	color:#fff;
	line-height: 51px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#main .expand-collapse i{font-size:18px;margin-top: 7px;}

/* FOOTER */
footer{position:relative;height:214px;width:100%;background:url(../images/footer-bg.png) repeat-x center bottom;bottom:0; overflow:visible;}
footer div.footer-logo{width:145px;height:134px;background-image:url(../images/footer-logo.png);cursor:pointer;}
footer div.footer-logo:hover{background-position:center bottom;}
footer div.footer-logo-text{width:179px;height:29px;background-image:url(../images/footer-logo-text.png);margin: 17px auto 10px;}
footer div.copyrights{
	/*left: 50%;
    margin-left: -460px;
    position: absolute;
    top: 86px;*/
	color:#f1f1f1;
	font-family: share-regular;
    font-size: 1.1em;
}

/* TIMELINE */
.content .timeline{width:265px;overflow:visible;font-family:"league-gothic";padding-top:100px;position:relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.content .timeline .name{color:#207dc1;line-height:62px;font-weight: bold;cursor:pointer;position: relative;}
.content .timeline .name .first{font-size:92.6px;}
.content .timeline .name .second{font-size:118.3px;}

.content .timeline .details{color:#85827D;line-height:62px;cursor:pointer;position: relative;}
.content .timeline .details .first{font-size:96.3px;}
.content .timeline .details .second{font-size:123.5px;}

.content .timeline .employment{color:#C7BFB2;line-height:62px;cursor:pointer;position: relative;}
.content .timeline .employment .first{font-size:73.6px;}
.content .timeline .employment .second{font-size:117.5px;}

.content .timeline .education{color:#85827D;line-height:62px;cursor:pointer;position: relative;}
.content .timeline .education .first{font-size:89.6px;}

.content .timeline .personal-skills{color:#C7BFB2;line-height:72px;cursor:pointer;position: relative;}
.content .timeline .personal-skills .first{font-size:96.4px;}
.content .timeline .personal-skills .second{font-size:145.5px;}

.content .timeline .technical-skills{color:#85827D;line-height:72px;cursor:pointer;position: relative;}
.content .timeline .technical-skills .first{font-size:91px;}
.content .timeline .technical-skills .second{font-size:145.5px;}

.content .timeline .get-in-touch{color:#C7BFB2;line-height:72px;margin-top: 25px;cursor:pointer;position: relative;}
.content .timeline .get-in-touch .first{font-size:154px;/*161*/}
.content .timeline .get-in-touch .second{font-size:152px;}

/* IMAGES */
.timeline .hi{
	position: absolute;
    left: -102px;
    top: -17px;
}
.border-raduis-one{
	-webkit-border-top-left-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius-topleft: 50px;
	-moz-border-radius-bottomright: 50px;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
}
.border-raduis-two{
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
}
.arrow-one{
	border-bottom: 24px solid transparent;
    border-left: 24px solid #47b4e0;
    border-top: 0 solid transparent;
    height: 0;
    width: 0;
	position: absolute;
    right: -24px;
}
.timeline .details-data{
	top: -8px;
	position: absolute;
    left: -352px;
	width:308px;
	height:234px;
	background-color:#47b4e0;
	display:none;
	color:#FFF;
	font-family:"share-regular";
	font-size:16px;
}
.arrow-two{
	border-bottom: 19px solid transparent;
    border-left: 19px solid #de4124;
    border-top: 0 solid transparent;
    height: 0;
    width: 0;
	position: absolute;
    right: -19px;
}
.timeline .education-data{
	top: -6px;
	position: absolute;
    left: -287px;
	width:248px;
	height:187px;
	background-color:#de4124;
	display:none;
	color:#FFF;
	font-family:"share-regular";
	font-size:16px;
}
.arrow-three{
	border-bottom: 24px solid transparent;
    border-left: 24px solid #7d7682;
    border-top: 0 solid transparent;
    height: 0;
    width: 0;
	position: absolute;
    right: -24px;
}
.timeline .technical-skills-data{
	top: -1px;
	position: absolute;
    left: -352px;
	width:308px;
	height:234px;
	background-color:#7d7682;
	display:none;
	color:#FFF;
	font-family:"share-regular";
	font-size:16px;
}

.timeline .pic{
	position: absolute;
    right: -245px;
    top: -56px;
}
.arrow-four{
	border-top: 24px solid transparent;
    border-right: 24px solid #6498b2;
    border-bottom: 0 solid transparent;
    height: 0;
    width: 0;
	position: absolute;
    left: -24px;
	bottom:0;
}
.timeline .employment-data{
	top: -82px;
	position: absolute;
    right: -356px;
	width:308px;
	height:234px;
	background-color:#6498b2;
	display:none;
	color:#FFF;
	font-family:"share-regular";
	font-size:16px;
}
.arrow-five{
	border-bottom: 24px solid transparent;
    border-right: 24px solid #6f807c;
    border-top: 0 solid transparent;
    height: 0;
    width: 0;
	position: absolute;
    left: -24px;
}
.timeline .personal-skills-data{
	top: -3px;
	position: absolute;
    right: -356px;
	width:308px;
	height:234px;
	background-color:#6f807c;
	display:none;
	color:#FFF;
	font-family:"share-regular";
	font-size:16px;
}
.arrow-six{
	border-top: 19px solid transparent;
    border-right: 19px solid #705c54;
    border-bottom: 0 solid transparent;
    height: 0;
    width: 0;
	position: absolute;
    left: -19px;
	bottom:0;
}
.timeline .get-in-touch-data{
	top: 17px;
	position: absolute;
    right: -291px;
	width:248px;
	height:187px;
	background-color:#705c54;
	display:none;
	color:#FFF;
	font-family:"share-regular";
	font-size:14px;
}

/* STARS */
.star-rating-wrap{
	white-space:nowrap;
}
.star-rating, .star-rating li.current-rating{
	background: url(../images/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:100px !important;
	height:25px !important;
	overflow:hidden !important;
	list-style:none;
	margin:0 !important;
	padding:0 !important;
	background-position: left top;
	display: block;
}
.star-rating li{
	display: inline;
	background: none !important;
	border: 0 !important;
}
ul.star-rating li.current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
	height:25px !important;
	line-height:25px !important;
	outline:none;
	overflow:hidden;
	border: none;
	padding: 0 !important;
	margin: 0 !important;
}
.star-rating li.current-rating{
	z-index:1;
	background-image: url(../images/star.gif) !important;
	background-position: left bottom !important;
}	
.one-stars{width:20px;}
.one-half-stars{width:30px;}
.two-stars{width:40px;}
.two-half-stars{width:50px;}
.three-stars{width:60px;}
.three-half-stars{width:70px;}
.four-stars{width:80px;}
.four-half-stars{width:90px;}
.five-stars{width:100px;}