@charset "utf-8";

/* CSS Document 

GREEN 96c441
BLUE 00506e
RED 90190a
font-family: 'PT Sans Narrow', sans-serif;
font-family: 'Kalam', cursive;

*/

body {
	overflow:scroll;
	background-color: #1c1c1c;
	background-image:url(../images/layout/Signs-background.jpg);
	background-repeat: no-repeat;
	background-position:top;
	background-attachment:scroll;
    background-size: 100% 321px;
	margin: 0px;
	padding: 0px;
	font-family: 'PT Sans Narrow', sans-serif;
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
}

td{
	vertical-align: top;
}

#top{
	position: relative;
	width: 850px;
	height: 156px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

#logo{
	position: absolute;
	z-index: 10;
	left: 168px;
	top: 45px;
	height: 152px;
}

#spots{
	position: absolute;
	top: -20px;	padding-left:120px;	left: 0px;	z-index: 12;}
#lights{
	position: absolute; background-image:url(../images/layout/spotlights.png); background-repeat:no-repeat;
	top: 10px; left: 198px;	z-index: 5; width:477px; height:234px;}


#bottom{
	position: relative;
	background-color: #1c1c1c;
	width: 100%;
	z-index: 5;
	padding: 0px;
	margin: 0px;
}

#content{
	position: relative;
	width: 900px;
	padding: 30px 0px 0px 0px;
	text-align: left;
	z-index: 7;
}

#footer{
	position: relative;
	width: 850px;
	padding: 35px 0px 30px 30px;
	text-align: left;
	font-size: 11px;
	left: -5px;
	top: 0px;
	z-index: 8;
}

/*////////////////////// HOME PAGE STUFF ///////////////////////////*/

#top1{	margin:0px 10px 0px 0px; padding: 20px;	width: 617px; }

#full{width:850px; margin:10px;	padding: 20px;	border-radius: 3px; background-color:#404040;}

#service{ margin:10px; 	padding: 20px;	border-radius: 3px;	background-color:#404040;}

#separate{ background-color:#CCC; width:880px; border-radius:5px; height:3px; margin:10px; display:block;}


#home{	margin:0px; padding: 0px; width: 617px;}

#white{
	position: relative;
	background-color:#FFF;
	margin:0px;	background-repeat: repeat;
	padding-top: 0px;	padding-left: 25px;
	padding-bottom: 0px;	width: 775px;}

#white2{
	position: relative;	background-color:#FFF;	margin:0px;
	background-repeat: repeat;
	padding-top: 0px;	padding-left: 25px; padding-right: 25px;	padding-bottom: 0px;
	width: 750px;}


#consult{
	color:#FFF;
	border-radius: 3px;
	background-color:#404040;
	background-repeat:repeat;
	width: 220px;
	padding:15px;
	margin:0px;
}


/*////////////////////// BANNER ///////////////////////////*/

#banner{
	position: relative;
	width:617px;
	height:306px;
	padding:0px;
	background-image:url(../images/layout/Sign-portfolio.jpg);
	background-repeat:no-repeat;
	z-index:3;
	margin:0px;
}

#rotating-item-1 { width:247px;}
#rotating-item-2 { width:182px;}
#rotating-item-3 { width:188px;}

.rotating-item { display: none;	border:none;  position: absolute; top: 21px; z-index: 4;}
.rotating-item2 { display: none;	border:none;  position: absolute; top: 21px; z-index: 4;}
.rotating-item3 { display: none;	border:none;  position: absolute; top: 21px; z-index: 4;}

/*////////////////////// CLASSES ///////////////////////////*/

.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; }

.shade{	background-color: #dddddd;}

.shade2{background-color: #b1b1b1;}

	.small{font-size: 12px; padding: 10px;}

	.info{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 14px;
	color:#FFF;
	line-height: 16px;
	padding: 10px;
	}
	
		
	.title{
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform:uppercase;
	text-align:left;
	font-size: 18px;
	font-weight:bold;
	color:#96c441;
	background-color:#857665;
	padding:14px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 8px;
	text-decoration:none;
	line-height:10px;
	}
	
			 		 
#GreyTable {
	background-color:#404040;
	width:720px;
	margin: 0px;
	padding:15px;
	border:none;
	font-family: 'PT Sans Narrow', sans-serif;
	color:#FFF;}	


.padme{	padding: 30px;}
.padme2{padding: 15px;}
.padme3{padding: 10px;}

.pic{	border: #FFF solid 6px;
	margin: 8px;
	border-radius:5px;
}
/*////////////////////// MENU ///////////////////////////*/
	#buttons{
	position: relative;
	left:0px;
	width:800px;
	z-index: 1000;
	padding-top: 83px;
	margin: 0px;
	text-align:center; 	}

/*////////////////////// TEXT ///////////////////////////*/


h1{	padding: 0px; margin: 0px;
	color:#96c441;	font-weight: normal;	font-size: 24px;}

h2{	padding: 0px; margin: 0px; font-family: 'Kalam', cursive;
	font-weight:normal; font-size: 24px;color: #00aeef;
	text-decoration:none;}

h3{color: #000000; font-family: 'PT Sans Narrow', sans-serif;
  font-size:18px; text-decoration:none; font-weight:bold; text-align:left; background-color:#00aeef; padding:10px; width:480px; margin-top:8px; margin-bottom:0px;}
h3:hover{color: #ffffff; text-decoration:none; background-color:#596164;}

h4{	padding: 0px;	margin: 0px;	font-weight:normal;
	font-size: 24px;	color: #FFF;	text-decoration:none;}

h5{color: #000000; font-family: 'PT Sans Narrow', sans-serif;
  font-size:18px; text-decoration:none; font-weight:bold; text-align:left; background-color:#00aeef; padding:15px; width:720px; margin-top:8px; margin-bottom:0px;}
h5:hover{color: #ffffff; text-decoration:none; background-color:#596164;}

h6{color: #000000; font-family: 'PT Sans Narrow', sans-serif;
  font-size:18px; text-decoration:none; font-weight:bold; text-align:left; background-color:#00aeef; padding:10px; width:325px; margin-top:8px; margin-bottom:0px;}
h6:hover{color: #ffffff; text-decoration:none; background-color:#596164;}

h7{	padding-left:20px; padding-bottom:0px;
	padding-top:25px;	padding-right:25px;	margin-right: 10px;	font-size: 14px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:normal;}


h8{	padding: 0px;	margin: 0px;	font-weight: normal;
	font-size: 16px;	padding:3px;}

p{ 	font-family: 'PT Sans Narrow', sans-serif; font-size:18px; padding: 10px;	margin: 0px;}

.bluetxt{color:#00aeef;}
.scripty{font-family: 'Kalam', cursive;}

ul{	padding: 0px 0px 0px 20px;
	margin: 0px;}

li{	padding: 0px 0px 0px 10px;
	margin: 0px;}

/*////////////////////// LINKS ///////////////////////////*/

a:link{color: #96c441;
	text-decoration: underline;}
a:visited{ color: #96c441;	text-decoration: underline;}
a:active{ color: #00aeef;	text-decoration: none;}
a:hover{	color: #00aeef;	text-decoration: none;}


.Btn a:link{font-family: 'Kalam', cursive; color: #FFF; text-decoration:none; background-color:#505050; padding:10px; border-radius:4px; }
.Btn a:visited{color: #FFF; text-decoration:none; background-color:#505050; }
.Btn a:hover{color: #b6eef1; text-decoration:none; background-color:#000;}
.Btn a:active{color: #b6eef1; text-decoration:none; background-color:#000;}
.Btn a:link:after {content: "\25BA"; font-size: 70%; display: inline-block; padding-right: 3px;	padding-left:5px; pointer-events: none;}


.BackBtn{color: #000000; font-family: 'PT Sans Narrow', sans-serif;
  font-size:18px; text-decoration:none; font-weight:bold; margin:0px;}
.BackBtn a:link{color: #ffffff; text-decoration:none;  background-color:#00aeef; padding:10px; margin:0px; border-radius:4px;}
.BackBtn a:visited{color: #ffffff; text-decoration:none;  background-color:#00aeef;}
.BackBtn a:hover{color: #ffffff; text-decoration:none; background-color:#596164;}
.BackBtn a:active{color: #ffffff; text-decoration:none; background-color:#596164;}	


.inline{
  display: inline-block;
  margin: 0 0.2em;
  padding: 13px;
  background: #00506e;
  border-radius: 2px;
  transition: all 0.3s ease-out;
}
.inline:link   { background: #00aeef;   text-decoration: none;  font-weight: bold;  font-family: 'PT Sans Narrow', sans-serif;
font-size:18px;  color: white; }
.inline:hover   { background: #00aeef;   text-decoration: underline; }
.inline:active  { background: #00506e; }
.inline:visited { background: #00506e; }


.inline2 {
    display: inline-block;
    position: relative;
    padding: 6px;
    /* Font styles */
    text-decoration: none;
    color: #00aeef;
	font-size:14px;
 border-radius: 2px;
  transition: all 0.3s ease-out;
}

.inline2 a:link { color: #00aeef; text-decoration:none; font-size:18px; background-color:#00506e; margin:10px;}
.inline2 a:hover { color: #FFF; background-color:#00aeef;}
.inline2 a:visited { color: #00aeef; background-color:#00506e;}


.inline3 {
    position: relative;
    padding: 6px;
    /* Font styles */
    text-decoration: none;
	font-size:18px;
    color: #001d28;
	line-height:24px;
	text-align:center;
 border-radius: 2px;
  transition: all 0.3s ease-out;
}

.inline3:hover { color: #FFF; background-color:#00506e;}
.inline3:link:before {content: "\25BA";   display: inline-block;   padding-right: 3px;  pointer-events: none;}
.inline3:hover:before { color: #FFF; text-decoration:none;}