@import url(layouts.css);

@import url(components.css);

@import url(modules.css);

@import url(navigation.css);

@import url(misc.css);

@import url(forms.css);

/* #######################  GENERAL SETTINGS ############################ */

html {
	height: 100%;
}

body {
	margin: 0px;
	height: 100%;
	font-family: 'Asap', sans-serif;
	font-size: 14px;
	line-height:21px;
	color: #0f0f32;
	background-color: #d8d8d8;
	overflow-x: hidden;
}

/*  Heading Formatting */

h1 {
    color: #121346;
    font-size: 1.9em;
    font-weight: 700;
    line-height: 0.8em;
    margin-bottom: 0;
    text-shadow: 1px 1px 1px #FFFFFF;
}

h2 {
	font-size: 1.6em;
	line-height: 0.8em;
	font-weight: 700;
	 color: #121346;
	 text-shadow: 1px 1px 1px #FFFFFF;
}

h2.componentheading {
	font-size: 1.7em;
	line-height: 0.8em;
	font-weight: normal;
	color: #000;
	font-style: normal;
}

.componentheading {
	font-size: 1.7em;
	line-height: 0.8em;
	font-weight: normal;
	color: #000;
	font-style: normal;
}

.contentheading {
	font-size: 1.7em;
	line-height: 0.8em;
	font-weight: normal;
	color: #000;
	font-style: normal;
}

h3 {
    color: #121346;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.3em;
    text-shadow: 1px 1px 1px #FFFFFF;
}

h4 {
	font-size: 1.2em;
	line-height: 0.8em;
	font-weight: 700;
 color: #121346;
	 text-shadow: 1px 1px 1px #FFFFFF;
}

h5 {
	font-size: 1em;
	line-height: 0.8em;
	font-weight: 700;
	 color: #121346;
	 text-shadow: 1px 1px 1px #FFFFFF;
}

h6 {
	font-size: 1.2em;
	line-height: 0.8em;
	font-weight: 700;
	color: #000;
}

/*links*/

a:link {
	color: #1d95d3;
	text-decoration: none;
}

a:visited {
	color: #1d95d3;
	text-decoration: none;
}

a:hover {
	color: #1d95d3;
	text-decoration: underline;
}

img {
	border: 0 none;
}

/* Clears Divs */

.clr {
	clear: both;
}

/* #######################  END GENERAL SETTINGS ############################ */

#header {
	height: 195px;
	background: url(../images/header-bg.png) repeat-x;
	position: relative;
	z-index: 99999;
}

#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#logo {
	width: 418px;
	height: 195px;
	float: left;
	margin-left: -70px;
}

#fpslider {
    border-bottom: 1px solid;
    height: 590px;
    position: relative;
    top: -10px;
	overflow: hidden;
}

#fpmods {
    bottom: 300px;
    left: 50%;
    margin-left: -480px;
    position: relative;
    width: 960px;
    z-index: 1000000;
}

@media screen and (max-device-width: 480px){
    /* All iPhone only CSS goes here */
#fpmods {
    bottom: 400px;
}    
}

#tspacer {
	width: 15px;
}

#fmodtitle {
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	behavior: url(PIE.php);
	position: relative;
	z-index: 1;
	background-color: #121346;
	height: 45px;
	line-height: 45px;
	font-size: 21px;
	width: 330px;
	color: #ffffff;
}

#fmodmore {
	position: relative;
	z-index: 2;
	top: -21px;
}

#fmod {
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
	behavior: url(PIE.php);
	background-color: rgba(255, 255, 255, 0.76);
	-pie-background: rgba(255, 255, 255, 0.76);
	padding: 0 25px 20px;
	font-size: 16px;
	line-height: 20px;
	color: #0f1033;
	position: relative;
	z-index: 1;
}

#slogan {
	float: left;
	color: #ffffff;
	letter-spacing: 1px;
	margin-top: 15px;
}

#socialmedia {
	float: left;
	width: 32px;
	height: 32px;
	display: block;
	margin-left: 20px;
	margin-top: 15px;
	margin-right: 0;
}

#search {
	float: right;
	width: 178px;
	height: 38px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(PIE.php);
	border: 1px solid #3c97c7;
	background-color: #ffffff;
	margin-top: 23px;
	margin-right: 0px;
}

input#mod_search_searchword.inputbox {
	border-style: none;
	padding-top: 0;
	padding-bottom: 0;
	height: 24px;
	margin-top: 6px;
	width: 125px;
	margin-left: 10px;
	margin-right: 5px;
}

#search div.moduletable form div.search input.button {
	position: relative;
	top: 5px;
}

#client {
	float: right;
	position: absolute;
	top: 75px;
	right: 1px;
	margin-right: 11px;
	letter-spacing: 1px;
}

#client a:link {
	color: #ffffff;
	text-decoration: none;
}

#client a:visited {
	color: #ffffff;
	text-decoration: none;
}

#client a:hover {
	color: #1d95d3;
	text-decoration: none;
}

#quote {
	height: 69px;
	overflow: hidden;
	background: url(../images/quote-bg.png) repeat-x;
	top: -10px;
	position: relative;
	z-index: 99998;
	padding-top: 20px;
	clear: both;
}

#start-button {
	position: relative;
	top: 5px;
}

#navigation {
	position: absolute;
	right: 0;
	top: 121px;
}


#navigation ul.menu {
	margin: 0;
	padding: 0;
}

#navigation ul.menu li {
	float: left;
	border-left: 1px solid #1d95d3;
}

#navigation ul.menu li a {
	display: block;
	padding: 3px 10px;
}

#navigation ul.menu li:first-child {
	border-left: 0px;
}

#navigation a:link {
	color: #ffffff;
	text-decoration: none;
}

#navigation a:visited {
	color: #ffffff;
	text-decoration: none;
}

#navigation a:hover {
	color: #1d95d3;
	text-decoration: none;
}

#navigation ul.menu li#current.active a {
	color: #1d95d3;
}

#content {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 20px;
}

#divider {
	background: url(../images/divider.png) repeat-y center;
}

#sub-content {
	background-color: #0c0a27;
	min-height: 300px;
	position: relative;
	padding-top: 60px;
	padding-bottom: 50px;
}

#bmodtitle1 {
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	behavior: url(PIE.php);
	position: relative;
	z-index: 1;
	background-color: #3b5998;
	height: 45px;
	line-height: 45px;
	font-size: 21px;
	width: 256px;
	color: #ffffff;
	font-weight: bold;
}

#bmodtitle3 {
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	behavior: url(PIE.php);
	position: relative;
	z-index: 1;
	background-color: #bfbfbf;
	height: 45px;
	line-height: 45px;
	font-size: 21px;
	width: 256px;
	color: #121239;
	font-weight: bold;
}

#bmodmore {
	position: relative;
	z-index: 2;
	padding-top: 15px;
}

#bmod {
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
	behavior: url(PIE.php);
	background-color: #ffffff;
	padding: 0;
	font-size: 16px;
	line-height: 20px;
	color: #0f1033;
	position: relative;
	z-index: 1;
}

#bspacer {
	width: 72px;
	background: url(../images/white-line.png) repeat-y center;
}

#thumb {
	position: absolute;
	right: 26px;
	bottom: 9px;
}

span#follow-us {
	
}

#pre-footer {
	background: url(../images/prefooter-bg.png) repeat-x;
	height: 95px;
	padding-top: 20px;
	position: relative;
}

#footer {
	height: 200px !important;
	overflow: hidden;
	background-color: #090909;
	text-align: center;
	color: #ffffff;
	position: relative;
        float:left;
        width:100%;
}

#footer p {
	margin-top: 28px;
}

#footer a:link {
	color: #ffffff;
	text-decoration: none;
}

#footer a:visited {
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.morebutton {
	-moz-box-shadow: 0 0 4px #666767;
	-webkit-box-shadow: 0 0 4px #666767;
	box-shadow: 0 0 4px #666767;
	background: -moz-linear-gradient(center top, #d3d3d3 23.5%, #ffffff 100%) #ededed;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.235, #d3d3d3), to(#ffffff)) #ededed;
	-pie-background: linear-gradient(#d3d3d3, #ffffff);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(PIE.php);
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #777777;
	padding: 9px 15px;
	text-decoration: none;
	text-shadow: 0 0 1px #cccccc;
	font: bold 19px arial;
}

.morebutton:hover {
	background: #39a2db;
	border:1px solid #2f89b9;
}

.morebutton:active {
	position: relative;
	top: 1px;
}

a.morebutton:link {
	color: #0f1033;
	text-decoration: none;
}

a.morebutton:visited {
	color: #0f1033;
	text-decoration: none;
}

a.morebutton:hover {
	color: #0f1033;
	text-decoration: none;
}

#sub-content .morebutton {
	-moz-box-shadow: 0 0 4px #666767;
	-webkit-box-shadow: 0 0 4px #666767;
	box-shadow: 0 0 4px #666767;
	background: -moz-linear-gradient(center top, #d3d3d3 23.5%, #ffffff 100%) #ededed;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.235, #d3d3d3), to(#ffffff)) #ededed;
	-pie-background: linear-gradient(#d3d3d3, #ffffff);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(PIE.php);
	border: 1px solid #ffffff;
	display: inline-block;
	color: #777777;
	padding: 7px 55px;
	text-decoration: none;
	text-shadow: 0 0 1px #cccccc;
	font: bold 19px arial;
	position: relative;
}

#sub-content .morebutton:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	-pie-background: linear-gradient(#dfdfdf, #ededed);
	behavior: url(PIE.php);
}

#sub-content .morebutton:active {
	position: relative;
	top: 1px;
}

#sub-content a.morebutton:link {
	color: #0f1033;
	text-decoration: none;
}

#sub-content a.morebutton:visited {
	color: #0f1033;
	text-decoration: none;
}

#sub-content a.morebutton:hover {
	color: #0f1033;
	text-decoration: none;
}

.modbutton {
	-moz-box-shadow: 0 0 2px #666767;
	-webkit-box-shadow: 0 0 2px #666767;
	box-shadow: 0 0 2px #666767;
	background-color: #39a2db;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(PIE.php);
	border: 1px solid #174E76;
	display: inline-block;
	color: #121239;
	padding: 9px 15px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #528ecc;
	font: bold 19px arial;
}

.modbutton:hover {
	background-color: #378de5;
}

.modbutton:active {
	position: relative;
	top: 1px;
}

@-moz-document url-prefix()
            {
#fmodmore a.modbutton:link {
	position: relative;
	top: -21px;
}
}

a.modbutton:link {
	color: #0f1033;
	text-decoration: none;
	text-shadow: 1px 1px 1px #46bcfc;
}

a.modbutton:visited {
	color: #0f1033;
	text-decoration: none;
}

a.modbutton:hover {
	color: #fff;
	text-decoration: none;
	background:#D8D8D8;
	text-shadow:1px 1px 1px #333;
	border:1px solid #666;
}

#facebook {
    background: url("../images/facebook-bg.png") no-repeat scroll center top transparent;
    border: 1px solid #FFFFFF;
    float: left;
    height: 258px;
    margin-right: 30px;
    padding-top: 45px;
    width: 298px;
}

#projects {
    border: 1px solid #FFFFFF;
    float: right;
    height: 302px;
    width: 298px;
}

.contentpaneopen{
width:100%;	
}

.fbConnectWidgetTopmost{
	border-style:none !important;
}

#facebook.fbConnectWidgetTopmost {
    border-style: none !important; 
}

#testimonials {
    border: 1px solid #FFFFFF;
    float: left;
}

form#ajaxform{
width:875px; margin:0 auto;
}

form#ajaxform label{float:left; width:100%; padding:10px;}
form#ajaxform input{float:left; width:100%; padding:10px;}
#ajaxform > input#simple-post {
    margin: 20px 0;
}