*
{

}
body
{
	background-color: #444444;
	background-image: url(../img/layout/bkg-4.jpg);
	overflow-x: hidden;
}
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i
{
	float: right;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span
{
	
}
h1 span.tagline, h2 span.tagline, h3 span.tagline, h4 span.tagline
{
	display: block;
	font-size: .5em;
	line-height: 1.2em;
}
blockquote
{
	color: #222;
}
figcaption
{
	display: none;
}
.full-width
{
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

div.header
{
	position: relative;
	z-index: 4;
	background-color: black;
	background-image: url(../img/layout/bkg-4.jpg);
	padding: .5em 0 .5em 0;

	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: transparent;
	box-shadow: 0px 0px 40px #111111;
}
div.header img.logo
{
	max-height: 50px;
}
button.menu-small
{
	margin: .4em 0 0 0;
}
div.menu-small
{
	padding: 0;
	background-color: rgba( 255, 255, 255, .95 );
	background-color: rgba( 0, 130, 240, .9 );
	top: 47px !important;
	/*top: 6px !important;*/
	right: .9em !important;
	/*right: 4em !important;*/
	left: auto !important;
	width: 45% !important;
	border: 1px solid rgba( 0, 130, 240, 1 );
	box-shadow: 1px 1px 16px #000;
}
div.menu-small ul
{
	list-style-type: none;
	margin: 0;
	border: none !important;
}
div.menu-small li
{
	display: block;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: rgba( 0, 130, 240, 1 );
}
div.menu-small li:hover
{
	background-color: rgba( 255, 255, 255, 1 );
	background-color: rgba( 0, 130, 240, .9 );;
}
div.menu-small li a
{
	display: block;
	line-height: 3em;
	width: 100%;
	padding: 0 1em 0 1em;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

div.banner
{
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center center;
	border-bottom-width: .4em;
	border-bottom-style: solid;
	border-bottom-color: transparent;
	position: relative;
	z-index: 1;
}
div.banner_business-man
{
	background-image: url(../img/banner/business-man.jpg);
}
div.banner_paper-boats-color
{
	background-image: url(../img/banner/paper-boats-color.jpg);
}
div.banner_paper-boats
{
	background-image: url(../img/banner/paper-boats-2.jpg);
}
div.banner_code
{
	background-image: url(../img/banner/code.jpg);
}
div.banner_collab
{
	background-image: url(../img/banner/collab.jpg);
}
div.banner_computer
{
	background-image: url(../img/banner/computer.jpg);
}
div.banner_contact
{
	background-image: url(../img/banner/contact.jpg);
}
div.banner_contract
{
	background-image: url(../img/banner/contract.jpg);
}
div.banner_creative
{
	background-image: url(../img/banner/creative.jpg);
}
div.banner_creative2
{
	background-image: url(../img/banner/creative-2.jpg);
}
div.banner_portfolio
{
	background-image: url(../img/banner/portfolio.jpg);
}
div.banner_about
{
	background-image: url(../img/banner/about.jpg);
}
div.banner_paint
{
	background-image: url(../img/banner/paint.jpg);
}
div.banner_email-support
{
	background-image: url(../img/banner/email-support.jpg);
}
div.banner h2
{
	color: #ffffff;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: 2em;
	font-weight: bold;
}
div.banner p
{
	color: #ffffff;
	font-size: 1.2em;
	margin: 0;
}

body.orange div.banner-box
{
	background-color: rgba( 254, 175, 0, .3);
	border-color: rgba( 254, 175, 0, 1);
}
body.blue div.banner-box
{
	background-color: rgba( 0, 130, 240, .3 );
	border-color: rgba( 0, 130, 240, 1 );
}
body.purple-dark div.banner-box
{
	background-color: rgba( 120, 0, 149, .3 );
	border-color: rgba( 120, 0, 149, 1 );
}
body.purple div.banner-box
{
	background-color: rgba( 240, 0, 99, .3 );
	border-color: rgba( 240, 0, 99, 1 );
}
body.green div.banner-box
{
	background-color: rgba( 0, 179, 13, .3 );
	border-color: rgba( 0, 179, 13, 1 );
}
body.aqua div.banner-box
{
	background-color: rgba( 0, 205, 213, .3 );
	border-color: rgba( 0, 205, 213, 1 );
}
body.grey div.banner-box
{
	background-color: rgba( 240, 85, 0, .3 );
	border-color: rgba( 240, 85, 0, 1 );
}
body.pink div.banner-box
{
	background-color: rgba( 254, 56, 48, .3 );
	border-color: rgba( 254, 56, 48, 1 );
}
div.banner-box
{
	background-color: transparent !important;
	padding: 2em 1em 0 1em;
	text-shadow: 1px 1px 3px #666;
}
div.banner-box h2
{
	font-size: 1.2em;
}
div.banner-box p
{
	font-size: .9em;
}

div.body
{
	background-color: #ffffff;

	position: relative;
	z-index: 3;
	padding-top: 3em;
}
body.orange a
{
	color: rgba( 254, 175, 0, 1);
}
body.blue a
{
	color: rgba( 0, 130, 240, 1 );
}
body.blue a.button
{
	color: #fff;
}
body.purple-dark a
{
	color: rgba( 120, 0, 149, 1 );
}
body.purple a
{
	color: rgba( 240, 0, 99, 1 );
}
body.green a
{
	color: rgba( 0, 179, 13, 1 );
}
body.aqua a
{
	color: rgba( 0, 205, 213, 1 );
}
body.grey a
{
	color: rgba( 240, 85, 0, 1 );
}
body.pink a
{
	color: rgba( 254, 56, 48, 1 );
}
div.callout-dark
{
	background-color: #222222;
}
div.callout-dark h1, div.callout-dark h2, div.callout-dark h3, div.callout-dark h4, div.callout-dark h5, div.callout-dark p, div.callout-dark li
{
	color: #fff;
}
div.callout-dark ul
{
	list-style-type: none;
	margin: 0;
}
div.callout-dark li
{
	margin-bottom: 1px;
}
body.orange div.callout-dark li
{
	background-color: rgba( 254, 175, 0, .1);
}
body.orange div.callout-dark li:hover
{
	background-color: rgba( 254, 175, 0, .2);
}
body.blue div.callout-dark li
{
	background-color: rgba( 0, 130, 240, .1 );
}
body.blue div.callout-dark li:hover
{
	background-color: rgba( 0, 130, 240, .2 );
}
body.purple-dark div.callout-dark li
{
	background-color: rgba( 120, 0, 149, .1 );
}
body.purple-dark div.callout-dark li:hover
{
	background-color: rgba( 120, 0, 149, .2 );
}
body.purple div.callout-dark li
{
	background-color: rgba( 240, 0, 99, .1 );
}
body.purple div.callout-dark li:hover
{
	background-color: rgba( 240, 0, 99, .2 );
}
body.green div.callout-dark li
{
	background-color: rgba( 0, 179, 13, .1 );
}
body.green div.callout-dark li:hover
{
	background-color: rgba( 0, 179, 13, .2 );
}
body.aqua div.callout-dark li
{
	background-color: rgba( 0, 205, 213, .1 );
}
body.aqua div.callout-dark li:hover
{
	background-color: rgba( 0, 205, 213, .2 );
}
body.grey div.callout-dark li
{
	background-color: rgba( 240, 85, 0, .1 );
}
body.grey div.callout-dark li:hover
{
	background-color: rgba( 240, 85, 0, .2 );
}
body.pink div.callout-dark li
{
	background-color: rgba( 254, 56, 48, .1 );
}
body.pink div.callout-dark li:hover
{
	background-color: rgba( 254, 56, 48, .2 );
}
div.callout-dark a
{
	display: block;
	padding: .3em .6em .3em .6em;
}
div.social
{
	position: absolute;
	top: -3em;
	right: 0;
}
div.social a
{
	font-size: 1.8em;
	color: #000;
	margin-left: .2em;
	/*background-color: #fff;
	padding: 0 8px 0 8px;
	border-radius: 1em;
	box-shadow: 2px 2px 10px #000;*/
}
body.orange div.social a
{
	color: rgba( 254, 175, 0, .9);
}
body.blue div.social a
{
	color: rgba( 0, 130, 240, .9);
	color: rgba( 255,255,255, .9);
}
div.social a.facebook:hover
{
	color: #39579a;
	color: #fff;
}
div.social a.twitter:hover
{
	color: #009ff5;
	color: #fff;
}
div.social a.linkedin:hover
{
	color: #0076b7;
	color: #fff;
}
/*body.orange div.social a
{
	color: rgba( 254, 175, 0, .9);
}
body.blue div.social a
{
	color: rgba( 0, 130, 240, .9 );
}
body.purple-dark div.social a
{
	color: rgba( 120, 0, 149, .9 );
}
body.purple div.social a
{
	color: rgba( 240, 0, 99, .9 );
}
body.green div.social a
{
	color: rgba( 0, 179, 13, .9 );
}*/


div.ui-breadcrumbs
{
	position: absolute;
	top: 0px;
	left: 0px;

	background-color: #cccccc;
	padding: .5em 1em .5em 1em;
}
ul.breadcrumbs
{
	margin-bottom: 0;
	color: #222;
}
ul.breadcrumbs li.title
{
	color: #fff;
	font-weight: bold;
}
ul.breadcrumbs a
{
	color: #222222;
}

.breadcrumbs li:not(:last-child):after
{
	color: #666;
}
body.orange div.ui-breadcrumbs
{
	background-color: rgba( 254, 175, 0, 1);
}
body.blue div.ui-breadcrumbs
{
	background-color: rgba( 0, 130, 240, 1 );
}
body.purple-dark div.ui-breadcrumbs
{
	background-color: rgba( 120, 0, 149, 1 );
}
body.purple div.ui-breadcrumbs
{
	background-color: rgba( 240, 0, 99, 1 );
}
body.green div.ui-breadcrumbs
{
	background-color: rgba( 0, 179, 13, 1 );
}
body.aqua div.ui-breadcrumbs
{
	background-color: rgba( 0, 205, 213, 1 );
}
body.grey div.ui-breadcrumbs
{
	background-color: rgba( 240, 85, 0, 1 );
}
body.pink div.ui-breadcrumbs
{
	background-color: rgba( 254, 56, 48, 1 );
}

div.footer
{
	border-top-style: solid;
	border-top-width: .4em;
	border-top-color: transparent;

	color: #ffffff;
	font-size: 0.9em;
	padding-top: 1em;

	min-height: 175px;
}
div.footer p
{
	font-size: 0.9em;
}
div.footer a
{
	color: #ffffff;
	border-radius: 2em;
	background-color: rgba( 0,0,0, .12);
	padding: .1em .6em .2em .6em;
}
div.footer a.heading
{
	background-color: rgba( 0,0,0, .24);
}
div.footer a:hover
{
	background-color: rgba( 0,0,0, .3);
}
div.footer ul
{
	margin: 0;
	padding: 0;
}
div.footer ul li
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

body.orange div.header
{
	border-bottom-color: rgba( 254, 175, 0, 1);
}
body.orange div.footer
{
	border-top-color: rgba( 0, 0, 0, .5 );
	background-color: rgba( 254, 175, 0, 1);
}
body.orange button.menu-small
{
	background-color: rgba( 254, 175, 0, 1);
}
body.orange div.banner
{
	border-bottom-color: rgba( 254, 175, 0, 1);
}
body.blue div.header
{
	border-bottom-color: rgba( 0, 130, 240, 1 );
}
body.blue div.footer
{
	border-top-color: rgba( 0, 0, 0, .5);
	background-color: rgba( 0, 130, 240, 1 );
}
body.blue button.menu-small
{
	background-color: rgba( 0, 130, 240, 1 );
}
body.blue div.banner
{
	border-bottom-color: rgba( 0, 130, 240, 1 );
}
body.purple-dark div.header
{
	border-bottom-color: rgba( 120, 0, 149, 1 );
}
body.purple-dark div.footer
{
	border-top-color: rgba( 0, 0, 0, .5);
	background-color: rgba( 120, 0, 149, 1 );
}
body.purple-dark button.menu-small
{
	background-color: rgba( 120, 0, 149, 1 );
}
body.purple-dark div.banner
{
	border-bottom-color: rgba( 120, 0, 149, 1 );
}
body.purple div.header
{
	border-bottom-color: rgba( 240, 0, 99, 1 );
}
body.purple div.footer
{
	border-top-color: rgba( 0, 0, 0, .5);
	background-color: rgba( 240, 0, 99, 1 );
}
body.purple button.menu-small
{
	background-color: rgba( 240, 0, 99, 1 );
}
body.purple div.banner
{
	border-bottom-color: rgba( 240, 0, 99, 1 );
}
body.green div.header
{
	border-bottom-color: rgba( 0, 179, 13, 1 );
}
body.green div.footer
{
	border-top-color: rgba( 0, 0, 0, .5);
	background-color: rgba( 0, 179, 13, 1 );
}
body.green button.menu-small
{
	background-color: rgba( 0, 179, 13, 1 );
}
body.green div.banner
{
	border-bottom-color: rgba( 0, 179, 13, 1 );
}
body.aqua div.header
{
	border-bottom-color: rgba( 0, 205, 213, 1 );
}
body.aqua div.footer
{
	border-top-color: rgba( 0, 0, 0, .5);
	background-color: rgba( 0, 205, 213, 1 );
}
body.aqua button.menu-small
{
	background-color: rgba( 0, 205, 213, 1 );
}
body.aqua div.banner
{
	border-bottom-color: rgba( 0, 205, 213, 1 );
}
body.grey div.header
{
	border-bottom-color: rgba( 240, 85, 0, 1 );
}
body.grey div.footer
{
	border-top-color: rgba( 0, 0, 0, .5);
	background-color: rgba( 240, 85, 0, 1 );
}
body.grey button.menu-small
{
	background-color: rgba( 240, 85, 0, 1 );
}
body.grey div.banner
{
	border-bottom-color: rgba( 240, 85, 0, 1 );
}
body.pink div.header
{
	border-bottom-color: rgba( 254, 56, 48, 1 );
}
body.pink div.footer
{
	border-top-color: rgba( 0, 0, 0, .5);
	background-color: rgba( 254, 56, 48, 1 );
}
body.pink button.menu-small
{
	background-color: rgba( 254, 56, 48, 1 );
}
body.pink div.banner
{
	border-bottom-color: rgba( 254, 56, 48, 1 );
}

div.col20
{
	margin-right: 3%;
	margin-bottom: 3%;
	float: left;
}
div.row-reset
{
	position: relative;
}
table td
{
	font-size: 0.9em;
	vertical-align: top;
}
.bio
{
	width: 20%;
	border: 1px solid #333;
	margin: 0 0 1em 1em;
}
label.error
{
	color: rgba( 240, 0, 99, 1 ) !important;
}
label.error input[type="text"], label.error textarea
{
	border-style: solid;
	border-width: 1px;
	border-color: rgba( 240, 0, 99, 1 ) !important;
}
.orbit-container
{
	border-style: solid;
	border-width: 1px;
	border-color: #999;
}