@charset "utf-8";
@import url('style-reset.css');


/*-----------------------------------------------*/
/*--------------- SITE STRUCTURE ---------------*/
/*---------------------------------------------*/

body {font-size: 100%; font-family: Arial, Helvetica, sans-serif; background: url(images/top.jpg) repeat-x}


#container {margin: auto; width: 960px; font-size: .875em}

#header {height: 111px;}

#logosearch{
	margin:0px 0px 0px 0px;
	height: 61px;
	margin-bottom:60px;
}
.logo{
	float: left;
	margin-left: 0px;
	width: 200px;
	height: 25px;
}



#form_1 .input {
	width:115px;
}

#screen {height: 410px; background: url(images/screen.jpg) no-repeat; margin: 10px 0; padding: 30px 0 0}

#left {float: left; width: 300px}

#right {float: right; width: 300px;}

#middle {margin-left: 330px; margin-right: 330px;}

#left, #right, #middle {margin-bottom: 40px}

#recent{
position:relative;

}

#footer {clear:both; width: 960px; margin: auto; font-size: .8em; padding: 30px; background: #373737 url(images/dark_gradient.jpg) repeat-x;
    -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
	-khtml-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
}

/* pages */

#page_wrap {width: 960px; margin: auto}

#page_top {height: 54px; background: url(images/page_top.jpg) no-repeat}

#page {background: url(images/page_tile.jpg) repeat-y; padding: 0 54px;}

#page_bottom {height: 54px; background: url(images/page_bottom.jpg) no-repeat; margin-bottom: 40px}

/* contact info */

#contact_info {float: left; width: 450px; margin-top: 15px}

#contact_info ul {margin: 20px}

#contact_info ul li {background: url(images/arrow.gif) no-repeat center left; padding-left: 15px; font-size: .9em; line-height: 1.8em}

/*-----------------------------------------------*/
/*-------   TYPOGRAPHY, IMG and LISTS   --------*/
/*---------------------------------------------*/

p {padding: 15px 0; line-height: 1.6em; font-size: .9em; color: #666}





h2 {clear: both; padding: 15px 0 0}

h3.frontpage_heading, h1.pagetitle {background: #373737 url(images/dark_gradient.jpg) repeat-x; padding:10px 10px 5px; text-align: right; font-size: 1.8em; font-weight: normal; font-family: GessoRegular; letter-spacing: .25em; color: #fff; margin-bottom: 15px;
    -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	
    -moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

h6.frontpage_heading, h1.pagetitle {background: #373737 url(images/dark_gradient.jpg) repeat-x; padding:10px 10px 5px; text-align: right; font-size: 1.8em; font-weight: normal; font-family: GessoRegular; letter-spacing: .25em; color: #fff; margin-bottom: 15px;
    -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	
    -moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}


#footer a, #footer p {color: #666}



.float_left { float: left; margin-right: 12px; padding: 8px; background: #F7F7F7; border: 1px solid #CCC;
    -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	
    -moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

/**************************** Gallery *****************************/

#gallery {
	width: 852px;
	margin: auto;
	overflow: auto;
	padding-bottom: 18px;
	position:static;
}

.float_left_thumb {
	float: left;
	height: 164px;
	width: 152px;
	margin: 8px 10px 2px 8px;
	background: url(images/gallery_thumb.png) no-repeat;
	padding-top: 6px;
	text-align: center;
}

.center {margin: auto;}

#no_gallery_found {width: 960; padding: 50px; margin: auto; background: red; border: 10px solid white}


/*-----------------------------------------------*/
/*---------------   NAVIGATION   ---------------*/
/*---------------------------------------------*/

/* gallery menu ---------------*/

#g_navcontainer {
     clear: both;
	 margin-bottom: 40px;
	 width: 100%;
	 background: #373737 url(images/dark_gradient.jpg) repeat-x;
	-moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	
    -moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	
}

#g_navcontainer ul {
     color: White;
     width: 100%;
	 padding: 24px
}

#g_navcontainer ul li {display: inline}

#g_navcontainer ul li a {
     padding: 0.2em 1em;
     color: #CCC;
     text-decoration: none;
	 letter-spacing: .14em
}


#g_navcontainer ul {
     color: White;
     width: 100%;
	 padding: 24px
}

#g_navcontainer ul li {display: inline}

#g_navcontainer ul li a {
     padding: 0.2em 1em;
     color: #CCC;
     text-decoration: none;
	 letter-spacing: .14em
}

#r_navcontainer {
     clear: both;
	 margin-bottom: 40px;

	 width: 100%;
	-moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	
    -moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	
}

#r_navcontainer ul {
     color: White;
     width: 85%;
	 padding: 20px;
	
	
}
/* horizontal menu ---------------*/


#h_navcontainer {
     width: 100%;
	 height: 60px
	 
	 
	 
}
#h_navcontainer ul li {display: inline;

}

#h_navcontainer ul {
  display: inline;
      padding: 0.2em 1em;
     float: right;
	 
}
#h_navcontainer ul li {
  
  position: relative;
  padding: 5px 10px 5px 5px;
}
#h_navcontainer ul li:hover {
      background: #eaeaea;
      color: #666;	  
}
#h_navcontainer ul li ul {
padding: 0px 1px 1px 1px;
  position: absolute;
  top: 26px;
  left: -12px;
  width: 160px;
 visibility: hidden;
border-width:2px;
border-style:groove;
border-color:#FFFFFF;
 background: #eaeaea; 
  display: block; 

z-index:90;
line-height:7px;
 -moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

hr { display: block; height: 1px;
    border: 1;  }
a{
	text-decoration:none;
	color: #666;
	}
a.ex2:hover {
font-size:104%;
background: #eaeaea; 
}

#h_navcontainer ul li ul a:hover {
font-size:104%;
background: #eaeaea; 
}
	
#h_navcontainer ul li ul li { 
  background: #eaeaea; 
  display: block; 
      color: #000;
}
#h_navcontainer ul li ul li:hover { background: #eaeaea; 

}
#h_navcontainer ul li:hover ul {
  visibility: visible;
}

#facebook{
position:relative;
display:inline;
}
#linkedin{
position:relative;
display:inline;
}
#twitter{
position:relative;
display:inline;
}
#youtube{
position:relative;
display:inline;
}
/* footer menu ---------------*/

#footer h4 {font-weight: bold; margin-bottom: 8px; padding: 5px; background: #1D1D1D; color:#999;
    -moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
 #footer{
 margin-bottom:20px;
 }
#footer_left {float: left; width: 960px; border: 0px solid red;}

#footer_left ul {float: left; margin-right: 60px; width: 120px}

#footer_left li {background: url(images/seperator_footer.png) repeat-x bottom; padding: 5px 0}

#footer_left ul li a {color: #999; text-decoration: none;}

}

/*-----------------------------------------------*/
/*---------------      FORMS     ---------------*/
/*---------------------------------------------*/
#form_container {border: 1px solid #CCC; width: 290px; margin-top: 30px; padding: 20px 20px 20px; background: #fafafa; float: right; margin-left: 20px;
    -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
	-khtml-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-khtml-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
}



/*-----------------------------------------------*/
/*---------------      Slider     --------------*/
/*---------------------------------------------*/

	#slideshow{
	background-color: #202020;
	width: 890px;
	height: 283px; 
	margin: 5px 0px 0px 36px;
	float: left;
	}
	
	#slideshow-threed{
	width: 920px;
	height: 283px; 
	margin: 15px 0px 0px 0px;
	float: left;
	}
	
	#box-nav-slider{
	width:935px;
	height:17px;
	float:left;
	}
	
	#slideshow-navigation a{
	background: url(images/backround.jpg) no-repeat scroll 50% 50%;
	display: block;
	float: left;
	font-size: 0px;
	width: 9px;
	height: 9px;
	margin: 10px 0 0;
	outline-style: none;
	outline-width: medium;
	padding: 2px;
	}
	
	#slideshow-navigation{float:right; padding-right:10px}
	#slideshow-navigation .activeSlide {background: url(images/slide.png) no-repeat scroll 0% 50%;}
	.slidehalf { margin-top:0px; margin-right:20px; float:left;} /* Editable Slider Image Position */
	.slidehalf2 { margin-top:0px; margin-right:0px; float:left;} /* Editable Slider Image Position */
	.slide-text h1{color:#FFF; padding:50px 20px 0px 0px}
	.slide-text p{font-size:12px; color:#b5b5b5; line-height:22px; padding-right:20px; text-align: justify}
	.flash-img {text-align:center; display:block; margin:100px auto 0 auto;}
	
	a.read_more{color:#ff4e00; font-size:12px; float: right; margin-right: 20px}
	

#sub input{
	display: block;
	float: left;
}

input[type="email"]{
	height: 19px;
	width: 150px;
	color: #121212;
	background-color: #ccc;
	border: 1px inset #888;
	border-radius: 5px;
	padding-left: 6px;
}
input[type="submit"]{
	width: 80px;
	height: 22px;
	color: #121212;
	background: url(images/dark_gradient.jpg);
	border-radius: 5px;
	

}
input[type="submit"]:hover{
	cursor:pointer;
}
input[type="submit"]:active{
	padding: 0 3px 3px 0;
	color: #fff200;
	border: 1px inset #181818;
}

/*************** F O N T S *************************/
@font-face {
    font-family: 'GessoRegular';
    src: url('fonts/GESSO___-webfont.eot');
    src: url('fonts/GESSO___-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/GESSO___-webfont.woff') format('woff'),
         url('fonts/GESSO___-webfont.ttf') format('truetype'),
         url('fonts/GESSO___-webfont.svg#GessoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LintsecRegular';
    src: url('fonts/Lintsec-webfont.eot');
    src: url('fonts/Lintsec-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lintsec-webfont.woff') format('woff'),
         url('fonts/Lintsec-webfont.ttf') format('truetype'),
         url('fonts/Lintsec-webfont.svg#LintsecRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*************** capped page *************************/

#capped_banner{
  position:relative;
 
	}
	
#capped_line {display:inline;}
#capped_line {color:#ff4e00; font-size:12px; padding-left:520px; margin-right: 0px}

#iframe{
position:relative;
top:100px;
margin:left:100px;
}
/* Gradient transparent - color - transparent */
		
#style-two {
    border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

/* login tab */

#top {
	background: url(images/bg_pxline.jpg) left top repeat-x;
	font: normal 12px/16px Arial;
}

#top ul{
	background: url(images/bg_h.png) center -1px no-repeat;
	height: 32px;
	line-height: 32px;
	padding-right: 21px;
	margin: 0;
}

#top ul li{
	color: #838383;
	display: inline-block; 
	padding: 0 22px 0 40px;
	text-align:center;
	float: right;
	background: url(images/divider1.gif) right no-repeat;
}
#top ul li:first-child{
	color: #838383;
	display: inline-block; 
	padding: 0 15px 0 160px;
	text-align:center;
	float: right;
	background: none;
}

#top ul .phone {
	color: #fff;
	font: bold 12px/16px Arial;
}
#top ul li a{
	color: #b7b7b7;
	text-decoration: none;
}
#top ul li a:hover{
	color: #f9f9f9;
}

#searchSocial{
	float: right;
	margin: 30px 0px 0 0;
}
#searchSocial img{
	opacity: 0.6;
   	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
   	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-webkit-transition: all 0.3s ease-out;    /* Saf3.2+, Chrome */
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-ms-transition: all 0.3s ease-out;  /* IE10 */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	transition: all 0.3s ease-out;
}
#searchSocial img:hover{
	opacity: 1;
   	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.clearfix {
	clear: both;
}

.wrap {
	width: 940px;
	margin: 4em auto;
}

nav {
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ccc));
	background-image: linear-gradient(#fff, #ccc);
	border-radius: 6px;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);
	padding: 0 10px;
	position: relative;
}


.menu li {
	float: left;
	position: relative;
	
	
	
}

.menu li a {
	color: #444;
	display: block;
	font-size: 14px;
	line-height: 20px;
	padding: 6px 12px;
	vertical-align: middle;
	text-decoration: none;
}

.menu li a:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#fff));
	background-image: linear-gradient(#ededed, #fff);
	border-radius: 12px;
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	color: #222;
}

/* Dropdown styles */

.menu ul {
	position: absolute;
	left: -9999px;
	list-style: none;
	opacity: 0;
	transition: opacity 1s ease;
	z-index:9999;
	
}

.menu ul li {
	float: none;
}

.menu ul a {
	white-space: nowrap;
}

/* Displays the dropdown on hover and moves back into position */
.menu li:hover ul {
	background: rgba(255,255,255,0.7);
	border-radius: 0 0 6px 6px;
	box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
	left: 5px;
	opacity: 1;
}
/* Persistant Hover State */
.menu li:hover a {
	background: -webkit-gradient(linear, center top, center bottom, from(#ccc), to(#ededed));
	background-image: linear-gradient(#ccc, #ededed);
	border-radius: 12px;
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	color: #222;
}

.menu li:hover ul a {
	background: none;
	border-radius: 0;
	box-shadow: none;
}

.menu li:hover ul li a:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fff));
	background-image: linear-gradient(#ededed, #fff);
	border-radius: 12px;
	box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);
}

/* gradient 2 */
.gradient2 h1 {
	font: bold 270%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 30px 0 50px;
	color: #464646;
	letter-spacing: -2px;
}
.gradient2 h1 span {
	background: url(images/gradient-glossy.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 18px;
}
.gradient2 a {
	color: #000;
	text-decoration: none;
}
.gradient2 a:visited {
	color: #000;
}
.gradient2 a:hover {
	color: #555;
}

.blink {
      animation: blink 1s steps(5, start) infinite;
      -webkit-animation: blink 1s steps(5, start) infinite;
	  
    }
    @keyframes blink {
      to {
        visibility: hidden;
      }
    }
    @-webkit-keyframes blink {
      to {
        visibility: hidden;
      }
    }