/* CSS Document */
body {
	background-color: #21252f;
	background-image: url(../images/bg-tile.jpg);
	background-repeat: repeat-x;
}

h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 20px;
	margin: 8px 0px 8px 0px;
}
h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 18px;
}
h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 15px;
}
h4 {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 13px;
}

.topCatsBox {
	border:#444 solid 1px;
	border-radius:10px;
	padding:0px 10px 10px 10px;
	-moz-box-shadow: 3px 5px 10px #999;
    -webkit-box-shadow: 3px 5px 10px #999;
    box-shadow: 3px 5px 10px #999;
	background-color:#fff;
	margin:5px 0px;
}
.topCatH2 {
	margin-top: 10px;
	margin-bottom: 36px;
	text-align:center;
}
#topTitle {
	color: #FFF;
	background-color: #01164f;
	margin-top: 10px;
	padding: 1px 10px;
}
#contentBox {
	color: #000;
	background-color: #fff;
	margin-top: 10px;
	padding: 1px 10px;
}
.topBar {
	border: #444 solid 1px;
	border-radius: 10px;
	padding:1px 10px;
	-moz-box-shadow: 3px 5px 10px #999;
    -webkit-box-shadow: 3px 5px 10px #999;
    box-shadow: 3px 5px 10px #999;
	background-color:#f3f3f3;
	margin:2px 0px 10px 0px;
}
.carouTextBox {
	border-right: #444 solid 1px;
	border-bottom: #444 solid 1px;
	border-left: #444 solid 1px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:10px 14px;
	-moz-box-shadow: 3px 5px 10px #999;
    -webkit-box-shadow: 3px 5px 10px #999;
    box-shadow: 3px 5px 10px #999;
	background-color:#f3f3f3;
	margin:0px 0px 10px 0px;
	z-index:20;
	position:relative;
}	
.headAbout {
	background-image:url(../images/head-bg-about.gif);
	background-repeat: repeat-x;		
}
.headWebDev {
	background-image:url(../images/head-bg-web-dev.gif);
	background-repeat: repeat-x;		
}
.headWebApps {
	background-image:url(../images/head-bg-web-apps.gif);
	background-repeat: repeat-x;		
}
.headMarketing {
	background-image:url(../images/head-bg-mike-fyxdt.gif);
	background-repeat: repeat-x;		
}
#contentBox h1 {
	color:#FFF; 
	margin-bottom:45px; 
	margin-top:6px;
}
.dropdown-header {
	color: #000;
	background-color: #e7e7e7;
	font-size:14px;
	font-weight: 600;
}
/*
.dropdown-header-COS {
	display:block;
	padding:3px 20px;
	font-size:12px;
	line-height:1.42857143;
	color:#777;
	white-space:nowrap}
*/

.navbar-style {
	background-color: #FFF;
	-moz-box-shadow: 0px 5px 10px #999;
    -webkit-box-shadow: 0px 5px 10px #999;
    box-shadow: 0px 5px 10px #999;
	font-size:16px;
}
.dropShadow {
	-moz-box-shadow: 3px 5px 10px #999;
    -webkit-box-shadow: 3px 5px 10px #999;
    box-shadow: 3px 5px 10px #999;
}

.whiteBG {
	background-color:#e7e7e7;
}
.carousel-caption-font {
	font-size: 18px;
	line-height:16px;	
}
.contactButton {
	margin-top: 8px;
	margin-left: 12px;
	margin-right: 12px;	
	background: #4f535e;
	font-size:14px;
}
.spaceAfter {
	margin-bottom:15px;
	
}
.error {
	font-weight: bold;
	color: #F00; 
}
.photoBox {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
/*style for pills navigation*/
.red .active a,
.red .active a:hover {
    background-color: #F00;
}