@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------- 

                    GLOBAL STYLES

---------------------------------------------------------------*/

html, body {
	height: 100%;
	/*background: none repeat scroll 0 0 #f1f1f1;
	background: none repeat scroll 0 0 #EBEBEB;
	background: url("../images/bg-body-.gif");*/
  	background: #EBEBEB;
	font-size: 14px;
}
.body {
	background: url("../img/bg_header_potal.png") repeat-x;
	max-width: 1000px;
	margin: 0 auto;
}
.container {
	padding-right: 1px;
	padding-left: 1px;
	margin-right: auto;
	margin-left: auto;
}
.boxcontent {
	max-width: 94%;
	margin: 0 0 10px 65px;
	position: relative;
	border-top-right-radius: 0px;
	z-index: 0;
	min-height: 830px;
}
.boxz {
	max-width: 94%;
	margin: 0 0 10px 65px;
	background: #fff;
	position: relative;
	border-top-right-radius: 0px;
	z-index: 0;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5;
	border: medium none;
}
.boxy {
	max-width: 94%;
	margin: 0 0 10px 65px;
	padding: 0px 0 0px 0;
	background: #fff;
	position: relative;
	z-index: 0;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
.boxcon {
	max-width: 94%;
	margin: 0 0 10px 65px;
}
.inboxy {
	background: #fff;
	z-index: 0;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
.bsearch {
	max-width: 94%;
	margin: 0 0 10px 65px;
	position: relative;
}
.row {margin: 0px !important;}
.space10 {margin-bottom: 10px;}
.space15 {margin-bottom: 15px;}
.space20 {margin-bottom: 20px;}
.space25 {margin-bottom: 25px;}
.space30 {margin-bottom: 30px;}
.space35 {margin-bottom: 35px;}
.space40 {margin-bottom: 40px;}
.space50 {margin-bottom: 50px;}
.space60 {margin-bottom: 60px;}
.space70 {margin-bottom: 70px;}
.space80 {margin-bottom: 80px;}
.space90 {margin-bottom: 90px;}
.space100 {margin-bottom: 100px;}
.space110 {margin-bottom: 110px;}
.space120 {margin-bottom: 120px;}
.space130 {margin-top: 20px;}

/*  ------------------------------------------------------------
    TYPOGRAPHY
    ------------------------------------------------------------  */
a {text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {outline: 0;text-decoration: none;}
h1 {font-size: 32px;}
h2 {font-size: 21px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 13px;}
h6 {font-size: 12px;}
small {font: 11px'Arial';}
p {font: 14px/21px'Arial', Helvetica, sans-serif;}
p.UpperCase:first-letter {font-size: 60px;color: #ff9311;text-transform: uppercase;}
blockquote {background: none repeat scroll 0 0 #F6F6F6;padding: 30px 30px 30px;color: #A1A1A1;font-style: italic;}

/*  ------------------------------------------------------------
    MISCELLANEOUS
    ------------------------------------------------------------  */
.MediumSize {
	font-size: 21px;
}
.SmallSize {
	font-size: 28px;
}
.LargeSize {
	font-size: 42px;
}
.VeryLargeSize {
	font-size: 72px;
}
.WhiteSkin {
	background: none repeat scroll 0 0 #FFFFFF;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
.WhiteSkin2 {
	background: none repeat scroll 0 0 #FFFFFF;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
.AddPaddingTop {
	padding-top: 20px !important;
}
.ActivateButton {
	background: none repeat scroll 0 0 #FF9311 !important;
}
.RemovePaddingLeft {
	padding-left: 0 !important;
}
.RemovePaddingRight {
	padding-right: 0 !important;
}
.img-add {
	margin-left: 5px;
}

/*  ------------------------------------------------------------
    HEADER > SITE BRAND
    ------------------------------------------------------------  */
#header .SiteBrand {
	text-shadow: none;
	color: transparent;
	background: url("../images/logo_kapook.png") no-repeat 0 0 transparent;
	max-width: 100%;
	width: 100%;
	height: 60px;
	margin: 15px 15px;
}
#header .SitePotal {
	text-shadow: none;
	color: transparent;
	background: url("../img/logo_downloads01.png") no-repeat 0 0 transparent;
	max-width: 100%;
	width: 100%;
	height: 60px;
	margin: 20px 0;
}

/*  ------------------------------------------------------------
    HEADER > HEADER LINKS
    ------------------------------------------------------------  */
#header ul.HeaderLinks {
	margin: 16px 0 0;
}
#header ul.HeaderLinks > li {
	display: inline;
}

/*  ------------------------------------------------------
    HEADER > HEADER LINKS > QUICK LINKS
    ------------------------------------------------------------  */
#header ul.HeaderLinks > li:first-child > a {
	color: #C5C5C5;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#header ul.HeaderLinks > li:first-child > a:hover {
	color: #818181;
}

/*  ------------------------------------------------------------
    HEADER > SEARCH FORM
    ------------------------------------------------------------  */
#header .navbar-form {
	margin: 58px 0 0;
	padding: 0 0 0;
}
#header .navbar-form #form-group {
	position: relative;
}
#header .navbar-form #form-group .SearchInput {
	-webkit-border-radius: 0 0 0;
	-moz-border-radius: 0 0 0;
	border-radius: 0 0 0;
	border: medium none;
	height: 45px;
}
#header .navbar-form #form-group .SearchInput:focus {
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
#header .navbar-form #form-group .SearchIcon {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 24px;
	color: #a3a3a3;
	padding: 9px 8px;
}

/*  ------------------------------------------------------------
    HEADER > SOCIALS
    ------------------------------------------------------------  */
#header .navbar-form .HeaderSocialIcons ul li {
	float: left;
	padding: 10px 10px 10px;
}
#header .navbar-form .HeaderSocialIcons ul li a {
	color: #c7c7c7;
	font-size: 20px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}
#header .navbar-form .HeaderSocialIcons ul li a:hover {
	color: #606060;
}

/*  ------------------------------------------------------------
    BREADCRUMB
    ------------------------------------------------------------  */
.breadcrumb {
	float: left;
	font-family: tahoma;
	padding: 12px 0 5px 0;
}
.BreadCrumbWrapper {
	width: 100%;
}
.BreadCrumbWrapper .breadcrumb {
	background: none repeat scroll 0 0 transparent;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	margin: 0 0 0 0;
}
.BreadCrumbWrapper .breadcrumb li {
	font-size: 13px;
	color: #000203;
}
.BreadCrumbWrapper .breadcrumb li a {
	text-decoration: none;
	color: #D6D3D3;
}
.BreadCrumbWrapper .breadcrumb li a:hover {
	color: #221918;
}

/*  ------------------------------------------------------------
    HEADER > SOCIALS
    ------------------------------------------------------------  */

#header .navbar-form .HeaderSocialIcons ul li {
	float: right;
	padding: 10px 10px 10px;
}
#header .navbar-form .HeaderSocialIcons ul li a {
	color: #0068b8;
	font-size: 20px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}
#header .navbar-form .HeaderSocialIcons ul li a:hover {
	color: #606060;
}

/*  ------------------------------------------------------------
    SPECIAL DIVIDER
    ------------------------------------------------------------  */

.SpecialDivider {
	clear: both;
	text-align: center;
	height: 2px;
	margin: 40px auto 40px;
	position: relative;
	width: 100%;
	background-color: #dedede;
	display: table;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.SpecialDivider span {
	background-color: #282828;
	top: -40px;
	position: absolute;
	-webkit-border-radius: 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px;
	border-radius: 200px 200px 200px;
	border: 12px solid #ebebeb;
	margin-left: -40px;
	color: #FFFFFF;
	font-size: 24px;
	display: table-cell;
	line-height: 54px;
	left: 50%;
	width: 80px;
	height: 80px;
}

/*  ------------------------------------------------------------
    OUR SKILS
    ------------------------------------------------------------  */

.SkilsWrapper {
	margin: 0 0 60px;
	text-align: center;
}
.SkilsWrapper .SkilsTitle {
	text-align: center;
	margin: 0 0 36px;
}
.SkilsWrapper .OurSkils {
	text-align: center;
	margin: 30px 0 30px;
}
.SkilsWrapper .OurSkils h3 {
	color: #555555;
}
.SkilsWrapper .OurSkils small {
	color: #b4b4b4;
}

/*  ------------------------------------------------------------
    SEARCH
    ------------------------------------------------------------  */    

.BlogNavigation {
	background: none repeat scroll 0 0 #969696;
	border: medium none;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	margin: 0px 0 10px;
	padding-right: 0px;
	padding-left: 0px;
}
.BlogNavigation .NavigationBrand {
	color: #221918;
}
.BlogNavigation .SearchInput {
	border: 1px solid #c7c7c7;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 225px;
}
.BlogNavigation .SearchButton {
	border: medium none;
	background: none repeat scroll 0 0 transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.BlogNavigation .Navigation {
	margin-right: 0 !important;
}
.BlogNavigation .Navigation > li {
	padding: 0 0 0;
	margin: 0px 0;
}
.BlogNavigation .Navigation > li > a {
	border-right: 1px solid #544b4a;
	padding: 0 18px 0;
	color: #221918;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.BlogNavigation .Navigation > li > a:hover {
	color: #ff9311;
}

/*  ------------------------------------------------------------
    HILIGHT, HOTDOWNLOADS,  LASTUPDATE
    ------------------------------------------------------------  */

#article {
	margin: 0 0 10px;
}
.ImageWrapper {
	position: relative;
}
r .PostImage {
	width: 100%;
}
r .Buttons {
	width: 100%;
	position: absolute;
	padding: 0 20px 0 20px;
	right: 0;
	cursor: pointer; /*border-top: 3px solid #0068b8;*/
}
r .Buttons a {
	background: none repeat scroll 0 0;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	height: 30px;
	float: right;
	text-align: center;
	line-height: 32px;
}
r .Buttons a.active {
	background: none repeat scroll 0 0;
	float: right;
}
.PostMeta {
	font: 12px'Arial', Helvetica, sans-serif;
	color: #FFFFFF;
	background: none repeat scroll 0 0;
	height: 30px;
	border-top: 3px solid #221918;
}
.PostMeta ul {
	list-style: none outside none;
}
.PostMeta ul li {
	float: left;
	padding: 0 26px;
	line-height: 30px;
}
.PostMeta ul li:first-child {
	background: none repeat scroll 0 0 #0068b8;
}
.PostMeta ul li:last-child {
	color: #fff;
	margin: 0 1px 0 0px;
	padding: 0 30px 0 26px;
}
.PostMeta ul li a {
	color: #FFFFFF;
}
.PostMeta ul li a:hover {
	color: #ff0202;
}
.PostMeta1 {
	font: 16px'Arial', Helvetica, sans-serif;
	color: #FFFFFF;
	background: none repeat scroll 0 0 #56CA33;
	height: 40px;
}
.PostMeta1 ul {
	list-style: none outside none;
}
.PostMeta1 ul li {
	float: left;
	padding: 0 26px;
	line-height: 30px;
}
.PostMeta1 ul li:first-child {
	background: none repeat scroll 0 0 #221918;
}
.PostMeta1 ul li:last-child {
	padding: 5px 30px 0 26px;
	height: 40px;
}
.PostMeta1 ul li a {
	color: #FFFFFF;
}
.PostMeta2 {
	font: 16px'Arial', Helvetica, sans-serif;
	color: #FFFFFF;
	background: none repeat scroll 0 0 #ff9311;
	height: 40px;
}
.PostMeta2 ul {
	list-style: none outside none;
}
.PostMeta2 ul li {
	float: left;
	padding: 0 26px;
	line-height: 30px;
}
.PostMeta2 ul li:first-child {
	background: none repeat scroll 0 0 #221918;
}
.PostMeta2 ul li:last-child {
	padding: 5px 30px 0 26px;
	height: 40px;
}
.PostMeta2 ul li a {
	color: #FFFFFF;
}
.PostMeta3 {
	font: 16px'Arial', Helvetica, sans-serif;
	color: #FFFFFF;
	background: none repeat scroll 0 0 #0068b8;
	height: 40px;
}
.PostMeta3 ul {
	list-style: none outside none;
}
.PostMeta3 ul li {
	float: left;
	padding: 0 26px;
	line-height: 30px;
}
.PostMeta3 ul li:first-child {
	background: none repeat scroll 0 0 #221918;
}
.PostMeta3 ul li:last-child {
	padding: 5px 30px 0 26px;
	height: 40px;
}
.PostMeta3 ul li a {
	color: #FFFFFF;
}
.SinglePost {
	padding: 0px 0px 0px;
	position: relative;
}
.PostTitle {
	float: left;
	text-align: left;
}
.PostTitle h2 {
	color: #221918;
	font-weight: bold;
	padding: 0 0 4px;
}
.PostTitle small {
	color: #a9aaa9;
}
.PostContent {
	margin: 0 0 0;
	float: left;
}
.PostContent blockquote {
	background: none repeat scroll 0 0 #F6F6F6;
	padding: 30px 30px 30px;
	color: #A1A1A1;
	font-style: italic;
}
.PostContent h3 {
	padding: 0 0 4px;
	color: #ff9311;
}
.PostContent p {
	color: #767676;
	padding: 0 0 30px;
}
.PostContent p a {
	color: #ff9311;
}
.PostContent p a:hover {
	color: #221918;
}
.ReadMore {
	position: absolute;
	bottom: 0;
	right: 0;
}
.ReadMore .Button {
	color: #FFFFFF;
	background: none repeat scroll 0 0 #ff9311;
	display: block;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.SinglePost .ReadMore .Button:hover {
	background: none repeat scroll 0 0 #221918;
}

/*  ------------------------------------------------------------
    BOTTOM DOWNLOADS
    ------------------------------------------------------------  */

.LunchProject {
	background: none repeat scroll 0 0 #221918;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	text-align: center;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.LunchProject:hover {
	background: none repeat scroll 0 0 #ff9311;
}
.LunchProject h3 {
	color: #221918;
	line-height: 45px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.LunchProject:hover h3 {
	color: #FFFFFF;
	text-decoration: none
}

/*  ------------------------------------------------------------
    PAGE NAVIGATION
    ------------------------------------------------------------  */

#PaginationWrapper {
	background: none repeat scroll 0 0 #FFFFFF;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	margin: 0 0 60px;
	text-align: center;
	height: 30px;
	position: relative;
}
#PaginationWrapper a.PaginationCtrlLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background: none repeat scroll 0 0 #221918;
	color: #FFFFFF;
}
#PaginationWrapper a.PaginationCtrlRight {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background: none repeat scroll 0 0 #221918;
	color: #FFFFFF;
}
#PaginationWrapper ul.pagination {
	display: inline-block;
	margin: 0 auto;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
}
#PaginationWrapper ul.pagination li {
	float: left;
	background: none repeat scroll 0 0 #f6f6f6;
	padding: 0 12px;
}
#PaginationWrapper ul.pagination li.active {
	background: none repeat scroll 0 0 #ff9311;
}
#PaginationWrapper ul.pagination li.active a {
	color: #FFFFFF;
}
#PaginationWrapper ul.pagination li a {
	line-height: 30px;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	border: medium none;
	padding: 0 0 0;
	background: none repeat scroll 0 0 transparent;
	color: #221918;
}

/*  ------------------------------------------------------------
    WIDGET
    ------------------------------------------------------------  */

.Widget {
	margin-bottom: 20px;
}
.Widget .WidgetTitle {
	position: relative;
}
.Widget .WidgetTitle h4 {
	color: #221918;
}
.Widget .WidgetTitle h4 {
	padding-bottom: 8px;
}
.Widget .WidgetTitle .CloseWidget {
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
	line-height: 22px;
	color: #FFFFFF;
	display: block;
	width: 26px;
	height: 22px;
	background: none repeat scroll 0 0 #0068b8;
	cursor: pointer;
}
.Widget .WidgetTitle .CloseWidget2 {
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
	line-height: 22px;
	color: #FFFFFF;
	display: block;
	width: 26px;
	height: 22px;
	background: none repeat scroll 0 0 #221918;
	cursor: pointer;
}
.Widget .WidgetBody {
	padding: 24px 24px 24px;
	border-top: 3px solid #0068b8;
	position: relative;
}
.Widget .WidgetBody ul {
	margin: 0 0 20px;
}
.Widget .WidgetBody ul li {
	padding: 5px 0;
}

/*  ------------------------------------------------------------
    CATEGORIES WIDGET
    ------------------------------------------------------------  */

.Widget .BlogCategories {
	padding: 10px 20px !important;
}
.Widget .BlogCategories ul {
	margin: 0 0 !important;
}
.Widget .BlogCategories ul li {
	border-bottom: 1px solid #efefef;
	padding: 10px 0 6px !important;
}
.Widget .BlogCategories ul li a {
	color: #221918;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.Widget .BlogCategories ul li a:hover {
	text-decoration: none;
	color: #ff9311;
}
.Widget .BlogCategories ul li:last-child {
	border-bottom: medium none;
}

/*  ------------------------------------------------------------
    LATEST POSTS WIDGET
    ------------------------------------------------------------  */

.Widget .LatestPost {
	padding: 12px 24px 12px;
}
.Widget .LatestPost ul li {
	border-bottom: 1px solid #f0f0f0;
}
.Widget .LatestPost ul li small {
	color: #b0aeae;
	font-style: italic;
}
.Widget .LatestPost ul li span {
	color: #0068b8;
	font-style: inherit;
}
.Widget .LatestPost ul li h4 {
	color: #221918;
}
.Widget .LatestPost ul li p {
	color: #767676;
}

/*  ------------------------------------------------------------
    TAGS WIDGET
    ------------------------------------------------------------  */

.Widget .TagsWidget {
	padding: 18px 0;
}
.Widget .TagsWidget a {
	background: none repeat scroll 0 0 #FFFFFF;
	text-decoration: none;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	padding: 4px 8px;
	color: #221918;
	white-space: nowrap;
	line-height: 34px;
	margin: 0 0px 0 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.Widget .TagsWidget a:hover {
	background: none repeat scroll 0 0 #ff9311;
	color: #FFFFFF;
}

/*  ------------------------------------------------------------
    CONTENT LIST
    ------------------------------------------------------------  */

.ContentList {
	margin: 0 0 0px;
}
.ContentImage {
	border: 1px solid #e6e6e6;
	background: none repeat scroll 0 0 #FFFFFF;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	margin: 0 0 5px;
}
.ContentImage img {
	padding: 10px 10px 10px;
	max-width: 100%;
}
.ContentImage h4 {
	color: #282828;
	padding: 2px 0 6px;
	text-align: center;
	line-height: 12px;
	font-size: 12px;
}
.AuthorInformation {
	background: none repeat scroll 0 0 #FFFFFF;
	position: relative;
}
.AuthorInformation h4 {
	color: #282828;
	padding: 12px 12px 2px 12px;
	font-size: 16px;
}
.AuthorInformation h4 a {
	text-decoration: none;
}
.AuthorInformation h4 a:hover {
	text-decoration: none;
	color: #5fa2db;
}
.AuthorInformation em {
	font-size: 13px;
	line-height: 13px;
	color: #767676;
	padding: 0 12px 12px 12px;
}
.AuthorInformation p {
	font-size: 13px;
	line-height: 1.5;
	color: #767676;
	padding: 0 12px 12px 12px;
}
.AuthorInformation .Triangle {
	position: absolute;
	left: 0;
	bottom: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid #FFFFFF;
	border-bottom: 6px solid transparent;
	border-top: 6px solid #FFFFFF;
	width: 0;
	height: 0;
	margin: 0 0 0 -12px;
}
.ContentListAuthor {
	font: 13px'Tahoma', Helvetica, sans-serif;
	color: #FFFFFF;
	background: none repeat scroll 0 0 #FFFFFF;
	min-height: 30px;
	margin-bottom: 5px;
}
.ContentListAuthor ul {
	list-style: none outside none;
}
.ContentListAuthor ul li {
	float: left;
	padding: 0 15px;
	line-height: 30px;
}
.ContentListAuthor ul li:last-child {
	background: none repeat scroll 0 0 #F59300;
}
.ContentListAuthor ul li a {
	text-decoration: none;
	color: #1E1E1E;
}
.ContentListAuthor ul li a:hover {
	text-decoration: none;
	color: #1982DE;
}
.Socials ul li {
	padding: 10px 20px;
	float: left;
}
.Socials ul li a {
	color: #c7c7c7;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.Socials ul li a:hover {
	text-decoration: none;
	color: #000;
}

/*------------------------------------------------------------- 
                   NAVMENU
---------------------------------------------------------------*/

.gu nav.main-menu {
	/*height: 1000px;*/

	position: absolute;
	bottom: 0px;
	height: 100%;
}
nav.main-menu {
	/*border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-radius: 8px;*/
	position: absolute;
	/* top:10px;
    bottom:0;*/
	left: 0px;
	min-height: 886px;
	width: 60px;
	overflow: hidden;
	-webkit-transition: width .05s linear;
	transition: width .05s linear;
	-webkit-transform: translateZ(0) scale(1, 1);
	/*background:#ebebeb;
    background:#f1f1f1;*/

	background: #fff;
	z-index: 1000;
	-webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-moz-text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
nav.main-menu>ul .head {
	background: #fff;
	margin: 7px 0;
}
nav.main-menu>ul {
	background: #7C7C7C;
	height: 44px;
	top: 0;
	/*padding: 0px 0 15px 0;*/
}
nav.main-menu>ul.logout {
	position: absolute;
	left: 0;
	bottom: 0;
}
nav.main-menu li {
	position: relative;
	display: block;
	width: 250px;
}
nav.main-menu li>a {
	position: relative;
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	color: #4E4F50;
	-webkit-transform: translateZ(0) scale(1, 1);
	-webkit-transition: all .1s linear;
	transition: all .1s linear;/*border-bottom: 1px solid #ffffff;*/

}
nav.main-menu li>a:hover {
	text-decoration: none;
}
nav.main-menu li ul {
	position: absolute;
	display: inline-block;
	background: #222;
	top: 0;
	right: -185px;
	width: 0;
	overflow: hidden;
	-webkit-transition: width 0 .05s linear;
	transition: width 0 .05s linear;
}
nav.main-menu li li {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 185px;
}
nav.main-menu li li>a {
	width: 185px;
	height: 36px;
	color: #999;
}
nav.main-menu li li .subnav-text {
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
}
.no-touch nav.main-menu li li:hover a {
	color: #fff;
	background-color: #5fa2db;
}
nav.main-menu li.has-subnav .nav-text {
	width: 170px;
}
.no-touch nav.main-menu li:hover>a, nav.main-menu li.active>a {
	color: #fff;
	background-color: #5fa2db;
}
.no-touch nav.main-menu li:hover ul, nav.main-menu li.active ul {
	width: 185px;
}
nav.main-menu .nav-icon1 {
	position: relative;
	display: table-cell;
	width: 60px;
	height: 45px;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
}
/*nav.main-menu .nav-icon {
	position: relative;
	display: table-cell;
	width: 60px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
}*/
nav.main-menu .nav-icon {
	margin: 8px 15px 8px 15px;
}
nav.main-menu .nav-icon.icon-home {
	font-size: 20px;
}
nav.main-menu .nav-text {
	position: relative;
	left: -1px;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	visibility: hidden;
}
nav.main-menu .icon-angle-right {
	display: table-cell;
	width: 20px;
	vertical-align: middle;
	font-size: 16px;
}
.no-touch nav.main-menu:hover, nav.main-menu.expanded {
	width: 250px;
	overflow: visible;
}
.no-touch nav.main-menu:hover .nav-text, nav.main-menu.expanded .nav-text {
	visibility: visible;
}

/*  ------------------------------------------------------------
    IMAGE WRAPPER HILIGHT
    ------------------------------------------------------------  */
    
.PortfolioMosaic {
	margin: 0 0 10px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.ImageWrapper {
	position: relative;
	z-index: 499;
}
.ImageWrapper img {
	width: 100%;
	height: 150px;
}
.ImageWrapper2 img {
	width: 100%;
}
.ImageWrapper .ImageCaption {
	position: absolute;
	z-index: 599;
	overflow: hidden;
	bottom: 0;
	width: 100%;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	height: 50px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.ImageWrapper .ImageCaption img{
	width: auto;
	height: auto;
}
.ImageWrapper .ImageCaption .CaptionContent {
	color: #FFFFFF;
	width: 100%;
	text-align: left;
	line-height: 12px;
	padding: 8px 8px 8px 8px;
	top: 0;
	position: absolute;
	bottom: 0;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.ImageWrapper:hover .ImageCaption .CaptionContent {
	margin: 54% 0 0;
}
.ImageWrapper:hover .ImageCaption {
	height: 100%;
}
.ImageWrapper .Buttons {
	position: absolute;
	z-index: 600;
	top: 45%;
	bottom: 0;
	opacity: 0;
	left: 50%;
	margin: 0 0 0 -55px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.ImageWrapper:hover .Buttons {
	opacity: 1;
}
.ImageWrapper .Buttons a {
	background: none repeat scroll 0 0 #FFFFFF;
	display: inline-block;
	font-size: 18px;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	color: #221918;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.ImageWrapper .Buttons a:hover {
	background: none repeat scroll 0 0 #0068b8;
	color: #FFFFFF;
}
/*  ------------------------------------------------------------
    IMAGE WRAPPER HOTDOWNLOADS
    ------------------------------------------------------------  
    
.PortfolioMosaic {
	margin: 0 0 10px;
}
.ImageWrapper {
	position: relative;
	z-index: 499;
}
.ImageWrapper img {
	width: 100%;
	height: 150px;
}
.ImageWrapper2 img {
	width: 100%;
}
.ImageWrapper .ImageCaption {
	position: absolute;
	z-index: 599;
	overflow: hidden;
	bottom: 0;
	width: 100%;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	height: 50px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.ImageWrapper .ImageCaption .CaptionContent {
	color: #FFFFFF;
	width: 100%;
	text-align: left;
	line-height: 12px;
	padding: 8px 8px 8px 8px;
	top: 0;
	position: absolute;
	bottom: 0;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.ImageWrapper:hover .ImageCaption .CaptionContent {
	margin: 54% 0 0;
}
.ImageWrapper:hover .ImageCaption {
	height: 100%;
}
.ImageWrapper .Buttons {
	position: absolute;
	z-index: 600;
	top: 45%;
	bottom: 0;
	opacity: 0;
	left: 50%;
	margin: 0 0 0 -55px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.ImageWrapper:hover .Buttons {
	opacity: 1;
}
.ImageWrapper .Buttons a {
	background: none repeat scroll 0 0 #FFFFFF;
	display: inline-block;
	font-size: 18px;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	color: #221918;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.ImageWrapper .Buttons a:hover {
	background: none repeat scroll 0 0 #0068b8;
	color: #FFFFFF;
}

/*------------------------------------------------------------- 
	                  TABS STYLES
---------------------------------------------------------------*/
.nav-tabs > li.active > a:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
	border-width: 0 30px 30px 0;
	border-style: solid;
	border-color: #0068b8 #cdcdcd;
}
.nav-tabs > li.active > a:before {
	border-width: 0 10px 10px 0;
}
.item,  .active,  .carousel-inner {
	height: 100%;/*margin:0px 0px 0px;*/

}
#myTabContent {
	/*border: 1px solid #e1e1e1;*/
	padding: 25px;
	border-top: none;
}
#myTabContent p {
	font-size: 12px;
	color: #8a8a8a;
}
.nav-tabs > li > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	font: 12px'Arial', Helvetica, sans-serif;
	font-weight: 800;
	font-size: 14px;
	color: #505558;
	/*width:120px;*/

	position: relative;
	text-align: center;
}

/*------------------------------------------------------------- 
	                 SOCIAL STYLES
---------------------------------------------------------------*/
.social-info {
	margin-top: 55px;
	display: table;
	float: right;
}
.social-info li {
	float: left;
	list-style: none;
	color: #fff;
	margin-left: 0px;
	line-height: 32px;
}
.social-info li.facebook{
	height:30px; 
	width:80px; 
	display:inline-block;
}
.social-info li.google{
	height:30px; 
	width:70px; 
	display:inline-block; 
	padding-top:10px;
}
.social-info li.twetter{
	height:30px; 
	width:90px; 
	display:inline-block; 
	padding-top:10px;
}
.social-info li a {
	color: #fff;
}
.social-info li a span {
	/*border-radius: 3px;*/

	width: 30px;
	height: 28px;
	font-size: 18px;
	/*display: table;*/

	text-align: center;
	float: left;
	margin-right: 10px;
	-webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-moz-text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	text-shadow: 0 1px 2px rgba(0, 0, 0, .1);/*background:#0068b8;*/
	color: #808080;
}
.social-info li a:hover span {
	color: #000;
}