@charset "UTF-8";

body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px; background-color:#150A00;}

h1{font-family:"Georgia", Times New Roman, Times, serif; font-style:italic; padding-left:10px; padding-top:0px;}

h2{font-family:"Georgia", Times New Roman, Times, serif; font-style:italic; font-weight:200;font-size:10px; padding-left:10px; padding-top:0px; top:0px; position:relative; color:#FFF;}

h3{font-family:"Georgia", Times New Roman, Times, serif; font-style:italic; font-weight:400;font-size:28px; padding-left:10px; padding-top:0px; position:relative; color:#0E0E0E;}

p{font-family:"Georgia", Times New Roman, Times, serif; font-style:italic; font-weight:200;font-size:18px; padding-left:0px; padding-top:10px; position:relative; color:#0E0E0E;}

.center{text-align:center;}
.yellow{color:#DBA613}


em{font-family:"Georgia", Times New Roman, Times, serif; font-style:italic; font-weight:200; padding-left:0px; padding-top:0px; position:relative; color:#0E0E0E;}

.title{color:#0E0E0E; font-size:22px; left:65px; top:5px; font-weight:300;}
.sub_title{color:#0E0E0E; font-size:14px; font-weight:400;}
.small{color:#0E0E0E; font-size:10px; font-weight:400; top:-10px;}
.large{color:#0E0E0E; font-size:45px; font-weight:400;}
.footer{color:#FFF; font-size:18px; font-weight:100; padding-top:8px;}
.dot{font-size:18px; font-weight:400;}
.features{color:#DBA613; text-align:center; font-size:15px; font-weight:400}

li {text-decoration:none; list-style:none;}

ul {text-decoration:none; list-style:none;}

a:link {text-decoration: none;}

a:visited {text-decoration: none; }

a:hover {text-decoration: none;}
	
a:active {text-decoration: none;}

a {font-family: Georgia, Times New Roman, Times, serif;}



.round_border{ background:#ececec; border:#d9d9d9 1px solid; padding:4px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:left; margin:0 8px 5px 0;}

/*Content*/

div.content{position:relative; float:left;width:100%; padding:0px;}



/* Coda Slider */
.coda-slider-container {position:relative; width:1070px; margin-left:auto; margin-right:auto; padding:0px;}
	.coda-slider-wrapper { float:left;padding:0px; position:relative; width:100%; background-color:#FFF; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 400px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel {float:left; position:relative; width: 1070px;} 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { float:left; position:relative; width: 1070px; }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 0px; width: 20px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto; }
	.coda-slider { float: left; overflow: hidden; position: relative; }
	.coda-slider .panel { display: block; float: left; }
	.coda-slider .panel-container { position: relative; }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
 h2.title { display: none }

/*Header*/



div.header{position:relative; width:1070px;margin-left:auto; margin-right:auto; max-height:250px; z-index:95; display:block; }

div.header_background{position:absolute;float:left;left:0;width:100%; height:250px;z-index:90; background-image:url(../images/header_bg.jpg); background-repeat:repeat-x}

img.logo{position:absolute;z-index:95; }

div.nav{float:left; position:relative; z-index:200; width:100%; height:45px; top:0px; margin-left:auto; margin-right:auto;}

div.nav_end_a
     {position:absolute; width: 235px; height: 45px; left:0px; z-index: 107;
      background: url(../images/nav_end.jpg)}
	  
	  div.nav_end_b
     {position:absolute; width: 235px; height: 45px; left:835px; z-index: 107;
      background: url(../images/nav_end.jpg)}
	  
div.nav_home a
     {position:absolute; width: 120px; height: 45px; left:235px; z-index: 107;
      background: url(../images/home_sprite.jpg)}

div.nav_home a:hover
     { background: url(../images/home_sprite.jpg) ;background-position:0px 45px;}
	 
div.nav_home a:active       { background: url(../images/home_sprite.jpg); background-position:0px 45px;}


div.nav_about a
     {position:absolute; width: 120px; height: 45px; left:355px; z-index: 107;
      background: url(../images/about_sprite.jpg)}

div.nav_about a:hover
     { background: url(../images/about_sprite.jpg) ;background-position:0px 45px;}
	 
div.nav_about a:active       { background: url(../images/about_sprite.jpg); background-position:0px 45px;}





div.nav_showcase a
     {position:absolute; width: 120px; height: 45px; left:475px; z-index: 107;
      background: url(../images/showcase_sprite.jpg); }

div.nav_showcase a:hover
     { background: url(../images/showcase_sprite.jpg) ;background-position:0px 45px;}
	 
div.nav_showcase a:active       { background: url(../images/showcase_sprite.jpg); background-position:0px 45px;}



div.nav_contact a
     {position:absolute; width: 120px; height: 45px; left:595px; z-index: 107;
      background: url(../images/contact_sprite.jpg)}

div.nav_contact a:hover
     { background: url(../images/contact_sprite.jpg) ;background-position:0px 45px;}
	 
div.nav_contact a:active       { background: url(../images/contact_sprite.jpg); background-position:0px 45px;}


div.nav_blog a
     {position:absolute; width: 120px; height: 45px; left:715px; z-index: 107;
      background: url(../images/blog_sprite.jpg)}

div.nav_blog a:hover
     { background: url(../images/blog_sprite.jpg) ;background-position:0px 45px;}
	 
div.nav_blog a:active       { background: url(../images/blog_sprite.jpg); background-position:0px 45px;}


/*Image Rotator*/


#s3slider { 
   width: 447px; /* important to be same as image width */ 
   height: 200px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   background-image:url(../images/slider_bg.png);
   z-index:100;
   float:right;
  
}

#s3sliderContent {
   width: 299px; /* important to be same as image width or wider */
   height:153px;
   position: absolute; /* important */
   top: 18px; /* important */
   left: 72px; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 274px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}




/*Footer*/

div.footer{position:relative; width:100%; float:left; height:115px;z-index:90; background-image:url(../images/footer_bg.jpg); overflow:hidden; background-repeat:repeat-x;}

div.footer_content{ position:relative; width:1070px; margin-left:auto;  margin-right:auto; z-index:95;height:90px; overflow:hidden;}

div.footer_column1{position:absolute; height:90px; width:356px; left:0px;  z-index:100;}

div.footer_column2{position:absolute; height:90px; width:356px; left:356px; z-index:100;}

div.footer_column3{position:absolute; height:90px; width:356px; max-height:90px; overflow:hidden; left:712px; z-index:100;}

img.socialicons{position:relative; height:32px; width:32px; z-index:105; overflow:hidden;}

img.webstandards{position:relative; height:30px; width:70px; top:-5px; z-index:105; overflow:hidden;}

img.request_quote{position:relative; height:60px; width:220px; z-index:105; overflow:hidden; left:70px; top:12px;}












#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/close.png);}
#sb-nav-next{background-image:url(../images/next.png);}
#sb-nav-previous{background-image:url(../images/previous.png);}
#sb-nav-play{background-image:url(../images/play.png);}
#sb-nav-pause{background-image:url(../images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}



img.about_icons {position:relative; float:left; left:120px; top:5px;}

img.contact_icons {position:relative; top:10px;}

div.contact_column1{position:relative; float:left; top:0px; height:200px; width:505px; left:0px;}

div.contact_column2{position:relative; float:left; top:0px; height:200px; width:20px; left:-40px;}

div.contact_column3{position:relative; float:left; top:-40px;  height:200px; width:450px; left:0px;}



img.services_icons {position:relative; float:left; left:60px; top:5px;}

div.services_column1{position:relative; float:left; top:0px; height:200px; width:250px;}

div.services_column2{position:relative; float:left; top:0px; height:200px; width:250px;}

div.services_column3{position:relative; float:left; top:0px;  height:200px; width:250px;}

div.services_column4{position:relative; float:left; top:0px;  height:200px; width:250px;}


#contact_form					{
	width:505px;
	margin:0 auto;
	height:200px;
	padding:10px 0;
	float:left;
	left:0px;
	top:0px;
	position:relative;
}
form fieldset					{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em;margin:0px 0px 20px 0px; width:505px; position:relative;border:0;display:block; padding: 0px 10px 8px;}
												

												
												
label									{
	font-family:"Georgia", Times New Roman, Times, serif;
	font-style:italic;
	font-weight:300;
	font-size:18px;
	color:#0E0E0E;
	display:block;
	float:left;
	width:10em;
	text-align:right;
	padding:5px 0px;
}
												
												
label.error           { color:red;text-align:left;width:20px; font-size:24px; font-weight:800; padding: 5px -3px ;
                        background: transparent url(/images/cancel.png) no-repeat scroll left; }
						
						
input.text-input			{background:#ececec; border:#d9d9d9 1px solid; padding:8px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:left; margin:0 8px 5px 0;}

label#name_label      { position:absolute; top:0px; left:0px; }
input#name            { position:absolute; top:0px; left:190px; }
label#name_error      { position:absolute; top:0px; left:400px; }

label#email_label     { position:absolute; top:45px; left:0px; }
input#email           { position:absolute; top:45px; left:190px; }
label#email_error      { position:absolute; top:45px; left:400px; }

label#phone_label     { position:absolute; top:90px; left:0px; }
input#phone           { position:absolute; top:90px; left:190px; }
label#phone_error      { position:absolute; top:90px; left:400px; }

input.button					{position:absolute; width: 70px; height: 35px;top:140px; left:250px; background: url(../images/send_button.jpg)}

input.button:hover		{position:absolute; width: 70px; height: 35px;top:140px; left:250px; background: url(../images/send_button.jpg);background-position:0px 35px; cursor:pointer;}

#message							{ width:505px;margin:60px 0px 0 180px; }

#checkmark						{ position:relative;top:-46px;left:-55px; }


/* 2. CONTENT
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */





ol li {
  list-style: none;
}

ul li {
  list-style:none; display:inline;
}

li.spaced {
  margin-bottom: 20px;
}

strong {
  font-weight: normal;
  color: #fff;
  text-shadow: rgba(255, 255, 255, 0.85) 0 0 3px;
}


table {
  margin-left: -20px;
  width: 900px;
  background-color: #1d1f21;
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px;
}

th, td {
  padding: 5px 10px;
}

th {
  background-color: #33373b;
  padding-bottom: 10px;
}

tr:first-child td { padding-top: 10px; }
th:first-child, td:first-child { padding-left: 20px; }
th { padding-top: 10px; }
tr:last-child td { padding-bottom: 10px; }
th:last-child, td:last-child { padding-right: 20px; }

th:first-child {
  -moz-border-radius-topleft: 5px;  
  -webkit-border-top-left-radius: 5px;
}

th:last-child {
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
}

table .param-name {
  width: 150px;
}

table .param-default {
  width: 100px;
}

.button {
  background-color: #46c5ec;
  color: #282b2e;
  padding: 5px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0;
}

.button:hover,
.button:focus {
  background-color: #ededed;
  color: #282b2e;
}

.note {
  float: right;
  width: 240px;
  margin: -205px 0 0 0;
  opacity: 0.5;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
}

pre:hover + .note,
.note:hover {
  opacity: 0.999
}




/* 3. DEMO
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

/* 3.1 =Demo Area


/* 3.2 =Image Grid
---------------------------------------------------------------------- */

.image-grid {
  margin: 0px 0 0 0px;
  padding-left: 0px;
  left:0px;
  float:left;
  width: 1050px;
  z-index:200;
}

.image-grid:after {
  content: "";
  display: block;
  left:0px;
  float:left;
  height: 0;
  overflow: hidden;
  clear: both;
}


.image-grid li {
  width: 300px;
  margin: 30px 0 0 35px;
  float: left;
  left:0px;
  font-family: "Helvetica Neue", sans-serif;
  line-height: 17px;
  color: #686f74;
  height: 320px;
  overflow: hidden;
  background:#f9f9f9;
  border:#d9d9d9 1px solid;
  padding:6px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
  
}

.image-grid li img,
.image-grid li strong {
  display: block;
  left:0px;
  float:left;
}

.image-grid li strong {
  color: #fff;
}






div.showcase_everything a
     {position:relative; z-index:100; float:left; width: 71px; left:360px; height: 35px;top:0px;background:url(../images/showcase_button_everything.jpg)}
	  
	

div.showcase_everything a:hover
     { background: url(../images/showcase_button_everything.jpg) ;background-position:0px 35px;}
	 
div.showcase_everything a:active       { background: url(../images/showcase_button_everything.jpg); background-position:0px 35px;}



div.showcase_online a
     {position:relative; z-index:100; float:left; width: 91px; height: 35px;top:0px; left:360px;
      background: url(../images/showcase_button_online.jpg)}

div.showcase_online a:hover
     { background: url(../images/showcase_button_online.jpg) ;background-position:0px 35px;}
	 
div.showcase_online a:active       { background: url(../images/showcase_button_online.jpg); background-position:0px 35px;}




div.showcase_identity a
     {position:relative; z-index:100; float:left; width: 93px; height: 35px;top:0px; left:360px;
      background: url(../images/showcase_button_identity.jpg)}

div.showcase_identity a:hover
     { background: url(../images/showcase_button_identity.jpg) ;background-position:0px 35px;}
	 
div.showcase_identity a:active       { background: url(../images/showcase_button_identity.jpg); background-position:0px 35px;}





div.showcase_print a
     {position:relative; z-index:100; float:left; width: 95px; height: 35px;top:0px; left:360px;
      background: url(../images/showcase_button_print.jpg)}

div.showcase_print a:hover
     { background: url(../images/showcase_button_print.jpg) ;background-position:0px 35px;}
	 
div.showcase_print a:active       { background: url(../images/showcase_button_print.jpg); background-position:0px 35px;}




.visit_site a
     {position:relative; width: 70px; height: 35px; top:-10px; float:right; z-index: 107;
      background: url(../images/visit_site_button.jpg)}

.visit_site a:hover
     { background: url(../images/visit_site_button.jpg) ;background-position:0px 35px;}
	 
.visit_site a:active       { background: url(../images/visit_site_button.jpg); background-position:0px 35px;}