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

body {background-color: #ebebeb;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.sampleClass {float: left;}


/*------------Portfolio CSS for MixItUp------------*/

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.portfolio{
	padding: 2% 2% 0;
    text-align: justify;
    position: relative;
	-webkit-backface-visibility: hidden;
}

.portfolio:after{
	content: '';
	display: inline-block;
	width: 100%;
}

.portfolio .mix,
.portfolio .gap{
	display: inline-block;
	width: 49%;
}

.portfolio .mix{

	margin-bottom: 2%;
	display: none;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	background-color: #CCCCCC;
	background-size: contain;
	background-repeat: no-repeat;
}

.portfolio .mix:hover{
	opacity: 0.99; filter: alpha(opacity=99);
}

.miximg {
	max-width: 100%;
	max-height: 300px;
	display: block;
	height: auto;
	position: relative;
	padding-top: 75%;
	cursor: pointer;
	margin: 0;
}

svg {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.label {
	visibility: hidden;
	position: absolute;
	width: 100%;
	height:100%;
	bottom: -100%;
}


.portfolio .mix:after{
	color: white;
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	padding: 4% 6%;
	font-weight: 700;
}

.portfolio .mix:before{
	content: '';
	display: inline-block;
}

.brandfilter				{text-decoration:none; cursor: pointer; font-family: 'Asap', sans-serif; font-weight: 400; color: #7F7F7F;}
.brandfilter:hover			{color: #F1BB00;}
.brandfilteron				{text-decoration:none; cursor: pointer; font-family: 'Asap', sans-serif; font-weight: 400; color: #F1BB00;}

#viewtype input				{opacity: 0; width: 1px; height: 1px;}
#viewtype .inactive			{text-decoration:none; cursor: pointer; font-family: 'Asap', sans-serif; font-weight: 400; color: #7F7F7F;}
#viewtype .active			{text-decoration:none; cursor: pointer; font-family: 'Asap', sans-serif; font-weight: 400; color:#F1BB00;}
#viewtype .inactive:hover	{color:#F1BB00;}

#brandtype input			{opacity: 0; width: 0px; height: 0px; margin: 0; padding: 0;}

.brandfont					{text-decoration:none; cursor: pointer; font-family: 'Asap', sans-serif; font-weight: 400; color: #C9C9C9;}
.brandfont:hover			{color: #F1BB00; text-decoration: none;}
.brandfonton				{text-decoration:none; cursor: pointer; font-family: 'Asap', sans-serif; font-weight: 400; color: #7F7F7F;}
.brandfonton:hover			{color: #F1BB00; text-decoration: none;}

.brandselect				{font-family: 'Asap', sans-serif; font-weight: 400; color: #989898; line-height: 1.8; font-style: italic; cursor: pointer;}
.brandselect:hover			{color: #F1BB00; text-decoration: none;}
.brandcont					{width: 100%;}

a.fade,						{ opacity: 0; background-size: contain; text-decoration: none;}
a.fade:hover, a.fade.hover	{ opacity: 1; background-size: contain; text-decoration: none;}
.branddrop					{ margin: 0px 10px 3px;}


/**
 * Fail message styles
 */

.portfolio .fail-message{
  display: none;
  margin: 50px;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 150ms;
  -moz-transition: 150ms;
  transition: 150ms;
}

.portfolio .fail-message:before{
  display: block;
  content: '';
  vertical-align: middle;
  height: 100%;
}

.portfolio .fail-message span{
  display: block;
  vertical-align: middle;
  font-family: Asap;
  color: #7F7F7F;
  font-size: 20px;
  font-weight: 400;
}

.portfolio.fail .fail-message{
  display: block;
  opacity: 1;
}


/*------------Owl CSS------------*/

.owl-thumb 		{margin: 0 5px 10px; border: 1px solid #CCCCCC; border-bottom: 2px solid #CCCCCC; border-right: 2px solid #CCCCCC; text-align: center;}
.owl-thumb img	{diplay: block; width: 100%; height: auto;}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}




/*------------Carousel CSS------------*/

.carousel {
    margin-bottom: 50px;
    background-color: black;
}
.carousel-caption {
    z-index: 10;
}

.carousel-height .item-height {
    height: 519px;
    background-color: rgba(0, 0, 0, 0.8);
}

.carousel-height2 .item-height2 {
    height: 639px;
}

.carousel-inner img {
	margin: auto;
}

nav a	{
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px; 
	padding-top: 0px;
	padding-bottom: 0px;
}

.container {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;	
}

.carousel-caption {
	background-color: #f6b934;
	padding: 15px;
	padding-top: 10px;
	font-family: 'Arvo', serif; font-size: 40px; color: #FFFFFF; line-height: 1; text-transform: uppercase; text-shadow: none;
	z-index: 1000;
	margin: 0;
}

.menu-caption {
	background-color: #f6b934;
	font-family: 'Arvo', serif; font-size: 40px; color: #FFFFFF; line-height: 1; text-transform: uppercase; text-shadow: none;
	z-index: 1000;
	margin: 0;
}

.menu-caption-off {
	background-color: #787878;
	font-family: 'Arvo', serif; font-size: 40px; color: #FFFFFF; line-height: 1; text-transform: uppercase; text-shadow: none;
	z-index: 1000;
	margin: 0;
}

.carousel-button {
	background-color: #649ebc;
	padding: 10px;
	width: 180px;
	font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 16px; color: #FFFFFF; text-transform: uppercase;
	position: inherit;
	text-align: center; 
	cursor: pointer;
	
}


.menu-button {
	background-color: #649ebc;
	font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 14px; color: #FFFFFF; text-transform: uppercase;
	position: inherit;
	text-align: center; 
	cursor: pointer;
	
}

.menu-subhead {
	background-color: #5e5e5e;
	font-family: 'Arvo', serif; font-weight: 300; font-size: 12px; color: #FFFFFF; text-transform: uppercase;
	position: inherit;
	text-align: left; 
	margin: 0px 15px 0 15px;
	padding: 3px 20px 3px 20px;
}

.menu-body {
	background-color: #252527;
	margin: 0px 15px 0 15px;
	padding: 3px 20px 3px 20px;
}

.carousel-button:hover	{background-color: #3181ab;}

.form-button {
	background-color: #649ebc;
	border: 0;
	text-align: center;
	font-family: 'Josefin Sans', sans-serif; font-weight: 400; color: #FFFFFF; text-transform: uppercase;
	position: inherit;
	cursor: pointer;
	
}

.back-button {
	background-color: #A2A2A2;
	border: 0;
	text-align: center;
	font-family: 'Josefin Sans', sans-serif; font-weight: 400; color: #FFFFFF; text-transform: uppercase;
	position: inherit;
	cursor: pointer;
	
}

.form-button:hover,
.back-button:hover	{background-color: #3181ab;}
.form-font,
.form-font:visited	{font-family: 'Josefin Sans', sans-serif; font-weight: 300; color: #FFFFFF; text-transform: uppercase; text-decoration: none;}
.form-font:hover	{font-family: 'Josefin Sans', sans-serif; font-weight: 300; color: #FFFFFF; text-transform: uppercase; text-decoration: none;}


.carousel-font			{font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 16px; color: #FFFFFF; text-transform: uppercase; text-decoration: none;}
.carousel-font:hover	{font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 16px; color: #FFFFFF; text-transform: uppercase; text-decoration: none;}




/*------------Bootstrap Device Types------------*/

@media (min-width: 1200px) { 
	
.container { width: 1100px; margin: 0 auto; }
.portfolio { width: 1040px; margin: 0 auto; }
	
}

@media (min-width: 990px) { 

.container 					{ width: 960px; margin: 0 auto; }
.portfolio 					{ width: 900px; margin: 0 auto; }
.brandfilter, .brandfilteron { font-size: 14px;}
.brandfont, .brandfonton	{font-size: 14px;}

.brandsep					{padding: 0 1.4% 0; text-decoration:none; cursor: pointer; font-family: 'Asap', sans-serif; font-weight: 400; color: #C9C9C9;}
.brandselect				{font-size: 13px; }
.brandpos					{width: 15%; text-align: left; padding-top: 1px; padding-left: 10px;}
.brandpos2					{float: right; width: 85%; text-align: center;}

}


@media (max-width: 989px) {

.brandfont, .brandfonton	{font-size: 13px;}
.brandsep					{padding: 0 1.2% 0; text-decoration:none; cursor: pointer; font-family: 'Asap', sans-serif; font-weight: 400; color: #C9C9C9;}
.brandselect				{font-size: 11px; }


.brandpos					{text-align: center; padding-top: 8px;}
.brandpos2					{text-align: center; width: 100%;}
	
}


@media (min-width: 768px) { 

.cs1 {background:url(../images/carousel_cs1.jpg); background-repeat: no-repeat; background-attachment: inherit;  background-position: 50%;}
.cs2 {background:url(../images/carousel_cs2.jpg); background-repeat: no-repeat; background-attachment: inherit;  background-position: 65%;}
.cs3 {background:url(../images/carousel_cs3.jpg); background-repeat: repeat-x; background-attachment: inherit;  background-position: 45%;}
.cs4 {background:url(../images/carousel_cs4.jpg); background-repeat: no-repeat; background-attachment: inherit;  background-position: 42%;}	
.cs5 {background:url(../images/carousel_cs5.jpg); background-repeat: no-repeat; background-attachment: inherit;  background-position: 57%;}

.art1 {width: 100%; height: 100%; background:url(../images/3dart_menu_cyber.jpg); background-repeat: no-repeat; background-attachment: inherit; background-position: 50%;}
.art2 {margin-top: 15px; width: 100%; height: 100%; background:url(../images/3dart_menu_torpedo.jpg); background-repeat: no-repeat; background-attachment: inherit; background-position: 100%;}
.art3 {margin-top: 15px; width: 100%; height: 100%; background:url(../images/3dart_menu_pawnshop.jpg); background-repeat: no-repeat; background-attachment: inherit; background-position: 100%;}



.contact { height: 282px; width: 100%; background:url(../images/contact_head.jpg); background-repeat: no-repeat; background-size: cover; background-position: 47%; margin-bottom: 15px;}

	
.bodyhome			{font-family: 'Asap', sans-serif; font-size: 16px; font-weight: 400; color: #6B6B6B; line-height: 2; text-align: justify;}
A.bodyhome			{font-family: 'Asap', sans-serif; font-size: 16px; font-weight: 700; color: #649ebc; line-height: 1.8; text-decoration: none;}
A.bodyhome:hover	{font-family: 'Asap', sans-serif; font-size: 16px; font-weight: 700; color: #467a95; line-height: 1.8; text-decoration: none;}
.body				{font-family: 'Asap', sans-serif; font-size: 14px; font-weight: 400; color: #6B6B6B; line-height: 1.8; text-align: justify;}
.sidebar			{font-family: 'Asap', sans-serif; font-size: 13px; font-weight: 400; color: #6B6B6B; line-height: 1.5;}
.sidebar-con		{font-family: 'Asap', sans-serif; font-size: 13px; font-weight: 400; color: #6B6B6B; line-height: 1.9;}

.subhead-body		{font-family: 'Asap', sans-serif; font-size: 13px; font-weight: 400; color: #BDBDBD; line-height: 1.5; text-align: center; font-style: italic;}

A.body				{font-family: 'Asap', sans-serif; font-size: 15px; font-weight: 700; color: #649ebc; line-height: 1.8; text-decoration: none;}
A.body:hover		{font-family: 'Asap', sans-serif; font-size: 15px; font-weight: 700; color: #467a95; line-height: 1.8; text-decoration: none;}
A.sidebar			{font-family: 'Asap', sans-serif; font-size: 13px; font-weight: 700; color: #649ebc; line-height: 1.5; text-decoration: none;}
A.sidebar:hover		{font-family: 'Asap', sans-serif; font-size: 13px; font-weight: 700; color: #467a95; line-height: 1.5; text-decoration: none;}
	
.maincol			{padding-top: 20px; padding-bottom: 30px;}	
.sidecol			{padding-top: 20px; padding-bottom: 30px;}
	
.carousel-indicators li {
		border: 1px solid #8D8D8D;
		position: relative;
		bottom: -65px;
		text-align:  center;
	}

.carousel-indicators .active {
		border: 1px solid #8D8D8D;
		background-color: #8D8D8D;
		position: relative;
		bottom: -65px;
		text-align:  center;
	}
	
#filters li {
		float:left;
		padding: 0;
		padding-top: 3px;
	}

.sorter {
		padding-top: 9px;
		padding-left: 0px;
		}
	
.navbar-brand {
		 padding-left: 18px;
		 font-size: 14px;
		 padding-top: 12px; 	
	}
		
.filter {
		padding-left: 20px;
		padding-right: 5px;
	}

.subheaddiv {
		width: 55%;
		padding: 30px 0 0 20px;
	}
	
.portfolio .mix,
.portfolio .gap{
		width: 32%;
	}
	
#viewtype .inactive		{padding: 0 7px 0; font-size: 14px;}
#viewtype .active		{padding: 0 7px 0; font-size: 14px;}
	
.brand {
		padding-top: 6px;
		padding-right: 18px;
	}

.brandfilter, .brandfilteron { font-size: 14px;}
.brandfont, .brandfonton	{font-size: 13px;}
	
.brandcont 			{ padding: 5px;}
#allbrandA 			{visibility: hidden; position: fixed; top:0;}
	
.navbar-left		{padding: 0; padding-right: 11px;}
.dropdown-menu		{width: 100%; padding: 15px; margin: 0;}

.form-button,
.back-button {
	width: auto;
	padding: 7px 15px 5px;
	font-size: 13px;
}

#submit 			{margin-right: 30px; padding: 10px 15px;}

.form-font			{ font-size: 13px;}
.form-font:hover	{ font-size: 13px;}
.pullquote			{padding: 13px; font-size: 17px;}
.sidehead			{font-size: 20px;}

.icons				{width: 38px; height: 38px; padding-right: 4px;}

.projectbody		{font-size: 14px; padding-left: 10px;}
.projecthead		{font-size: 26px; padding: 10px; line-height: 1;}

.flash-warn			{font-size: 9px; padding: 5px;}
.flash-icon			{width: 20px; height: 20px; margin-right: 6px;}

.logo				{width: 330px; height: 52px;}

}


@media (max-width: 768px) { 
	
.cs1 {background:url(../images/carousel_cs1_xs.jpg); background-repeat: no-repeat; background-attachment: inherit;  background-position: 60%;}
.cs2 {background:url(../images/carousel_cs2_xs.jpg); background-repeat: no-repeat; background-attachment: inherit;  background-position: 60%;}
.cs3 {background:url(../images/carousel_cs3_xs.jpg); background-repeat: no-repeat; background-attachment: inherit;  background-position: 45%;}
.cs4 {background:url(../images/carousel_cs4_xs.jpg); background-repeat: no-repeat; background-attachment: inherit;  background-position: 40%;}
.cs5 {background:url(../images/carousel_cs5_xs.jpg); background-repeat: no-repeat; background-attachment: inherit;  background-position: 61%;}

.art1 {width: 100%; height: 100%; background:url(../images/3dart_menu_cyber_xs.jpg); background-repeat: no-repeat; background-attachment: inherit; background-position: 40%;}
.art2 {margin-top: 15px; width: 100%; height: 100%; background:url(../images/3dart_menu_torpedo.jpg); background-repeat: no-repeat; background-attachment: inherit; background-position: 80%;}
.art3 {margin-top: 15px; width: 100%; height: 100%; background:url(../images/3dart_menu_pawnshop.jpg); background-repeat: no-repeat; background-attachment: inherit; background-position: 100%;}

.contact { height: 282px; width: 100%; background:url(../images/contact_head_xs.jpg); background-repeat: no-repeat; background-size: cover; background-position: 52%; margin-bottom: 15px;}	
	
.bodyhome, .body	{font-family: 'Asap', sans-serif; font-size: 15px; font-weight: 400; color: #6B6B6B; line-height: 1.7; text-align: justify;}
.sidebar			{font-family: 'Asap', sans-serif; font-size: 15px; font-weight: 400; color: #6B6B6B; line-height: 1.7;}

.subhead-body		{font-family: 'Asap', sans-serif; font-size: 14px; font-weight: 400; color: #BDBDBD; line-height: 1.5; text-align: center; font-style: italic;}

A.bodyhome, A.body	{font-family: 'Asap', sans-serif; font-size: 15px; font-weight: 700; color: #649ebc; line-height: 1.7; text-decoration: none;}
A.bodyhome:hover,
A.body:hover		{font-family: 'Asap', sans-serif; font-size: 15px; font-weight: 700; color: #467a95; line-height: 1.7; text-decoration: none;}
A.sidebar			{font-family: 'Asap', sans-serif; font-size: 15px; font-weight: 700; color: #649ebc; line-height: 1.7; text-decoration: none;}
A.sidebar:hover		{font-family: 'Asap', sans-serif; font-size: 15px; font-weight: 700; color: #467a95; line-height: 1.7; text-decoration: none;}
	
.maincol			{padding-top: 20px; padding-bottom: 20px;}	
.sidecol			{padding-top: 20px; padding-bottom: 20px;}	
	
.carousel-indicators li 		{ border: 1px solid #8D8D8D; position: relative; bottom: -53px; text-align:  center; }
.carousel-indicators .active 	{ border: 1px solid #8D8D8D; background-color: #8D8D8D; position: relative; bottom: -53px; text-align:  center; }

.sorter 						{ padding: 0;}
.navbar-brand 					{ padding-left: 0px; font-size: 18px; padding-top: 10px; opacity: 0.7;}

.portfolio .mix,
.portfolio .gap					{ width: 49%;}
	
#viewtype .inactive				{padding: 0; margin: 0; padding-left: 2px; font-size: 16px; padding-bottom: 18px;}
#viewtype .active				{padding: 0; margin: 0; padding-left: 2px; font-size: 16px; padding-bottom: 18px;}
	
.navbar-left					{padding: 0px; padding-left: 20px;}
.viewtype						{padding-top: 20px;}
.dropdown-menu					{width: 100%; padding: 15px; padding-top: 20px; margin: 0;}


.brand 							{ padding-left: 24px; padding-bottom: 25px;}
.brandfilter,
.brandfilteron 					{font-size: 16px; }
	
.brandfont, .brandfonton		{font-size: 17px; line-height: 2.5; padding-right: 14px;}
A.brandfont:hover,
A.brandfonton:hover				{font-size: 17px; color: #F1BB00; text-decoration: none; font-weight: 400;}
.brandsep						{padding: 0; opacity: 0; margin: 0;}

.brandselect					{font-size: 11px; line-height: 3;}
.brandselect:hover				{font-size: 11px; color: #F1BB00; font-weight: 400;}

.brandpos						{position: relative; text-align: left; padding-left: 15px; padding-bottom: 10px;}
.brandpos2						{text-align: left; width: 100%; padding-left: 15px; padding-top: 6px;}

.sampleClass 	{float: none;}
.control-label	{padding-left: 16px;}

.form-button,
.back-button {
	width: 100%;
	font-size: 15px;
	padding: 10px;
}

.subheaddiv {
		width: 100%;
		padding: 15px 0 0 15px;
	}


.form-font			{ font-size: 16px;}
.form-font:hover	{ font-size: 16px;}

.alertmsg			{text-align: center;}
.pullquote			{padding: 20px; font-size: 18px;}
.sidehead			{font-size: 24px;}

.icons				{width: 65px; height: 65px; padding-right: 8px; padding-top: 7px;}

.projectbody		{font-size: 16px; }
.projecthead		{font-size: 26px; padding: 12px; line-height: 1;}

.flash-warn			{font-size: 11px; padding: 7px;}
.flash-icon			{width: 30px; height: 30px; margin-right: 12px;}

.logo				{width: 90%; max-width: 330px; max-height: 52px;}

}




/*------------Site Fonts------------*/

.headline			{font-family: 'Arvo', serif; font-size: 24px; color: #3B3B3B; line-height: 1; text-transform: uppercase; text-shadow: none; padding-bottom: 12px;}
.subhead			{font-family: 'Arvo', serif; font-size: 19px; color: #f1bb00; line-height: 1.5; text-transform: uppercase; text-shadow: none; padding-bottom: 1px; text-align: center;}
.sidehead			{font-family: 'Arvo', serif; color: #3B3B3B; line-height: 1; text-transform: uppercase; text-shadow: none; padding-bottom: 12px; line-height: 1.2;}

.footer				{font-family: 'Asap', sans-serif; font-size: 13px; font-weight: 400; color: #6B6B6B; line-height: 1.8; text-decoration: none;}
A.footer			{font-family: 'Asap', sans-serif; font-size: 13px; font-weight: 400; color: #6B6B6B; line-height: 1.8; text-decoration: underline;}
A.footer:hover		{font-family: 'Asap', sans-serif; font-size: 13px; font-weight: 400; color: #3D3D3D; line-height: 1.8; text-decoration: underline;}
.footer2			{font-family: 'Asap', sans-serif; font-size: 11px; font-weight: 400; color: #6B6B6B; line-height: 1.8;}

.navxs  			{font-family: 'Asap', sans-serif; font-size: 15px; font-weight: 700; color: #6B6B6B; text-decoration: none; text-transform: uppercase;}
.navxs:hover		{font-family: 'Asap', sans-serif; font-size: 15px; font-weight: 700; color: #3D3D3D; text-decoration: none; text-transform: uppercase;}
.navxs-on			{font-family: 'Asap', sans-serif; font-size: 15px; font-weight: 700; color: #3D3D3D; text-decoration: none; text-transform: uppercase;}
.navxs-on:hover		{font-family: 'Asap', sans-serif; font-size: 15px; font-weight: 700; color: #3D3D3D; text-decoration: none; text-transform: uppercase;}

.navbar-brand		{font-family: 'Asap', sans-serif; font-weight: 700; line-height: 1.8; padding-right: 0px;}
.navbar-default		{background-color: #FFFFFF; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 2px solid #CCCCCC; border-right: 2px solid #CCCCCC; margin:0;}
.navbar-right 		{padding-right: 20px;}
.brandbar			{margin-top: 5px; padding: 5px;}
.pullquote			{font-family: 'Arvo', sans-serif; font-weight: 400; color: #FFFFFF; line-height: 1.4; background-color: #B8B8B8; margin-bottom: 0px;}

.projectimg			{background-color: #FFFFFF; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 2px solid #CCCCCC; border-right: 2px solid #CCCCCC; margin:0; width: 100%;}

.control-label		{font-family: 'Asap', sans-serif; font-weight: 400; font-size: 15px; color: #6B6B6B; margin: 0; padding-bottom: 6px; padding-right: 0px;}
.form-control		{margin: 0;}
.form-group			{margin: 0; margin: 0; margin-bottom: 5px; padding: 0;}
.alert				{font-family: 'Arvo', sans-serif; font-size: 18px; text-align: center; padding: 12px; background-color: #D8D8D8; font-color: #808080;}
.alertmsg			{font-family: 'Arvo', sans-serif; font-size: 14px; padding-top: 5px; padding-right: 5px; font-color: #CA0000;}

.container hr		{border-top: 1px solid #CBCBCB; border-bottom: 1px solid #FFFFFF; border-left: 0; border-right: 0;}

.projecthead		{font-family: 'Arvo', sans-serif; font-weight: 400; color: #FFFFFF; background-color: #f6b934; text-transform: uppercase; margin-bottom: 15px;}
.projectbody		{font-family: 'Asap', sans-serif; font-weight: 400; color: #6B6B6B; line-height: 1.5;}
.projectdiv			{margin-bottom: 7px;}

.flash-warn			{border: 1px solid #CCCCCC; background-color: #FFFFFF; font-family: 'Asap', sans-serif; text-transform: uppercase;}