/* USING OF FANCY FONT*/

@font-face {
    font-family: "Segoe UI";
    font-weight: 400;
    src: local("Segoe UI");
}

body{ 
margin: 0px;
padding: 0px;
background-color: #000;
font-family: Segoe UI, sans-serif;
color: #121212; 
}

h2{
font-family: Segoe UI, sans-serif;
font-size: 23px; 
color: #FFF;
letter-spacing:1px;
font-weight:700; 
}

h3{
font-family: Segoe UI, sans-serif;
font-size: 18px; 
color: #FFF;
letter-spacing:1px;
font-weight:700;
padding:0px;
margin:0px; 
}

a img{
outline : none;
border : 0;
}



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

a:visited {
color: #CCC;
} 

a:hover {
color: #666
} 

a:active {
color: #CCC;
} 


#header{ 
height: auto;
width:100%;
position:relative;
}

#subheader{ 
height: auto;
width:100%;
position:relative;
float: left;
}


#top{ 
width: 100%;
height: 108px;
position: absolute;
z-index:999;
background:url(../images/header.jpg) repeat-x;
}


#navtop{
position:relative;
width: 1248px;
height: 108px;
margin: 0 auto;

}

#logo{ 
margin-left: 143px;
width: 295px;
height: 112px;
z-index: 99;
float:left;
}

#bottom{ 
margin-top:0px;
padding-top: 0px;
position:relative;
background:url(../images/bg.jpg) repeat-x;
color: #FFF;
height: 752px;
}

#subbottom{ 
margin-top:0px;
padding-top: 0px;
position:relative;
background:url(../images/bg.jpg) repeat-x;
color: #FFF;
height: auto;
}

#content{ 
position:relative;
display:block;
width: 965px;
height: 752px;
margin: 0 auto;
}

#square1 {
	position:relative;
	float:left;
	background: url(../images/sq1.jpg) no-repeat;
	font-size: 14px;
	line-height: 180%;
	text-align:center;
	width:321px;
	height:310px;
}

#square2 {
	position:relative;
	float:left;
	background: url(../images/sq2.jpg) no-repeat;
	font-size: 24px;
	font-weight:900;
	text-align:center;
	width:321px;
	height:310px;
}

.square2_logo img {
padding: 0.3em 1em 0.5em; 
}

#square3 {
	position:relative;
	float:left;
	width:323px;
	height:310px;
}


/*SWAP IMAGE*/

.swapMe img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } 

.swap1, .swapMe:hover .swap2 { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } 

.swapMe:hover .swap1, .swap2 { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; }

#square4 {
	position:relative;
	float:left;
	width:321px;
	height:310px;
}


#square5 {
	position:relative;
	float:left;
	width:320px;
	height:310px;
}

#square6 {
	position:relative;
	float:left;
	width:323px;
	height:310px;
}

#rectangle7 {
	position:relative;
	font-size: 24px;
	font-weight:900;
	text-align:center;
    float:left;
	background:url(../images/rect7.jpg) no-repeat;
	width:964px;
	height:132px;
}

.rectangle7_logo img {
padding: 0.5em 1em 0.5em; 
}


#footer {
	position:relative;
	/*width: 100%;*/
	/*height: 35px;*/
	text-align:center;
	background: url(../images/footer.jpg) repeat-x;
	font-size: 12px;
	color:#999;
	letter-spacing:0px;
	padding: 1em 1em 1em; 
}

/*LAVA LAMP V2*/
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400, 700);
 .nav a {
    text-decoration:none;
}
.nav {
    /*height:70px;
    background:#222;*/
    position:relative;
	font-family: Segoe UI, sans-serif;
 	font-size:16px;
  	float:right;
  	margin-right:46px;
	width: 500px;
}
.nav>ul {
    position:relative;
    list-style:none;
    padding:0;
    margin:0;
}
.nav>ul>li>ul {
    position:absolute;
    left:-14px;
    padding:0;
    margin:0;
    list-style:none;
}
.nav>ul>li:hover>ul li a {
    opacity:1;
    height:50px;
    transition:all .3s linear;
    -o-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -webkit-transition:all .3s linear;
}
.nav>ul>li>ul a {
    display:block;
    color:#222;
    width:150px;
    line-height:50px !important;
    /*font:700 14px'pt sans', sans-serif;*/
	font-size: 13px;
    background:#eee;
    border-bottom:1px solid #ddd;
    text-align:center;
    padding:0 5px;
    height:0;
    overflow:hidden;
    opacity:0;
    transition:all .3s linear .2s;
    -o-transition:all .3s linear .2s;
    -moz-transition:all .3s linear .2s;
    -webkit-transition:all .3s linear .2s;
}
.nav>ul>li {
    float:left;
    position:relative;
}
.nav>ul>li>a {
    padding:0 20px;
    color:#fff;
    display:block;
    line-height:76px !important;
    font:400 15px'PT Sans', sans-serif;
    text-transform:uppercase;
    text-decoration:none;
}
.lamp span {
    display:block;
    height:4px;
    background:#ACAED1;
    position: relative;
}
.lamp span:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content:" ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    /*border-color: rgba(238, 102, 102, 0);*/
    /*border-bottom-color: #ee6666;*/
    border-width: 4px;
    margin-left: -4px;
}
.lamp {
    position:absolute !important;
    height:4px;
    top:72px;
    background:#333;
    transition:all .3s linear;
    -o-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -webkit-transition:all .3s linear;
}
.selected.active>a, .active>a {
    transition:all .3s linear;
    -o-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -webkit-transition:all .3s linear;
    color:#fff;
}

/*ABOUT US*/

#sub-banner img {
	min-width:100%;
	height: auto;	
}

.about-container{
float:left; 
width:48%; 
position:relative;
/*text-align:justify;*/
/*text-justify:inter-word;*/
}

.about-container ul{
list-style-type:none;
padding:0px;
margin:0px;
}

.about-container ul li {
background-image: url(../images/aboutus-mikebullet.png);
background-repeat:no-repeat;
background-position:0px 5px; 
padding-left:25px;
line-height: 23px;
padding-right: 20px;
letter-spacing:0;
}

/* Benson */
@font-face {
    font-family: "myFreshman";
    src: url('../fonts/Freshman.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Freshman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	 url('../fonts/Freshman.woff') format('woff'), /* Modern Browsers */
	 url('../fonts/Freshman.ttf') format('truetype'), /* Safari, Android, iOS */
	 url('../fonts/Freshman.svg') format('svg'); /* Legacy iOS */	
}


.body { min-width: 1248px; background: url(../images/footer2.png) repeat;  }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.myred { color: red; font-size: 10px; }

.rollover       { opacity: 1; }
.rollover:hover { opacity: 0.8; filter:alpha(opacity=80); }
#formM { width: 100%; height: 100%; }


#top a:hover { color: #cbcbcb; }