/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**

* Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
 
 /* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */


/*************************************************************************/

/*	Generic															     */			

/*************************************************************************/

@import url(http://fonts.googleapis.com/css?family=Oswald|Dosis);

body {	font-family: 'Open Sans', sans-serif;	font-size: 62.5%;	line-height: 160%; padding:0; margin:0; background:url(../img/dimension.png) repeat center;}

body.bg-img-body { background: url() }
input, button, textarea, select {	font-family: 'Open Sans', sans-serif;}
:focus {outline:none;}
iframe{border:none;}
.wrapper.inner{width: 971px;}

/*************************************************************************/

/*	Typography															 */			

/*************************************************************************/

p{font-family: 'Open Sans', sans-serif; font-size:13px; line-height:1.7em;  text-align:justify; color:#666666;}

h1{ font-family: Oswald;
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px; }

h2{ font-size:16px;font-family: Oswald;margin-top:5px; font-weight:500;}

h3{ font-size:14px; font-family: 'Dosis', sans-serif;}

/*************************************************************************/

/*	Header														 */			

/*************************************************************************/

#header-wrap{ width:1000px; height:120px;  margin:auto; background-color:#FFFFFF; padding-left:10px; padding-right:10px;}
#logo{ width:250px; height:120px; background:url(../img/logo.jpg) no-repeat center;  float:left; margin-left:-25px;}
#head-right{ width:700px;   height:120px; float:right;}
#header-bx{ width:200px; float:left; font-size:15px; margin-top:15px;
		    margin-right:15px; border-right:1px solid #CCC; height:auto; border-right-style:dotted; }
#quote{ background-color:#005cb9; display:block; line-height:35px; font-size:20px; text-align:center; text-decoration:none; 
		width:200px; height:40px; float:right; color:#FFFFFF; text-transform:uppercase; margin-top:-20px;}


/*************************************************************************/

/*	Navigation														 */			

/*************************************************************************/		

#nav-bg{ width:100%; height:62px;  margin-top:-25px; background:url(../img/nav-bg.png) no-repeat center;}
#nav-wrap{ width:800px; height:62px;  margin:auto; margin-top:-62px; margin-left:490px; }
#menu,ul,li{ list-style:none; padding:0; margin:0; float:left; position:relative;}
#menu li { display:inline;}
#menu li a {display:block; height:35px; float:right; color:#FFF; margin:15px 15px 15px 15px;
			text-decoration:none; font-size:14px; margin-top:-5px; }
#menu li a:hover { border-bottom:3px solid #FFF;}
#menu ul { padding:0; margin:0; position:absolute;height:300px; top:36px;  z-index:2; visibility:hidden; background-color:#005cb9; }
#menu ul a{ display:block; width:240px; height:30px; float:left; border-bottom:1px solid #CCC; border-bottom-style:dotted;
		    line-height:30px;color:#333;  margin-bottom:3px; color:#FFFFFF;}
#menu ul a:hover{ background-color:#005cb9; color:#FFFFFF;}			
#menu li:hover > ul { visibility:visible;}

/*************************************************************************/

/*	Banner												 */			

/*************************************************************************/	

#banner{ width:1000px; height:300px; background-color:#FFFFFF; padding-top:20px;}
.blueberry { width:1000px;  }


/*************************************************************************/

/*	Main - Wrap											 */			

/*************************************************************************/	

#wrap{ width:1000px; height:auto; margin:auto; background-color:#FFF; padding-left:10px; padding-right:10px;  }
#home-conmiddle{ display:block; width:1000px; height:330px;}
li.homeimgbx{ display:block; width:300px; height:220px; float:left; background-color:#CC0033; margin-right:20px; margin-left:10px;}
li.control-home-brands{ display:block; width:188px; height:103px; float:left; margin-right:12px; background-color:#F00;}


/*************************************************************************/

/*	Container									 */			

/*************************************************************************/	

li.control-product-bx{ display:block; width:235px; height:260px; font-size:16px; float:left;  margin-right:10px; }
#home-contop{ width:1000px; height:305px;  margin-top:40px;}
#home-conleft{ width:460px; height:260px; float:left;  }
#home-conleft a { display:block; color:#005cb9; text-decoration:none; font-size:13px;}
#home-right{ width:495px; float:right;  height:305px;}
#home-right a{ display:block; color:#333333; float:left; width:250px; font-size:12.2px; text-decoration:none; line-height:1.6em; font-family: Oswald; font-weight:200;}
#home-right a:hover{ color:#005cb9;}
#home-brands{ width:1000px; height:150px; margin-top:10px; margin-bottom:15px;}
.clearout {height:20px;clear:both;}
#time{ display:block; font-size:14px; float:right; color:#333333; margin-top:10px;}



/*************************************************************************/

/*	About												 */			

/*************************************************************************/	

#banner-about{ width:1000px; height:193px; background:url(../img/banner_aboutus.jpg) no-repeat center; padding-top:10px;}
#about-banner{ width:677px; height:244px; background:url(../img/about-banner-inner.jpg) no-repeat center;}
#con-about{ width:1000px; height:1750px; margin:auto;  }
#readmore-about{ width:1000px; height:1750px; margin:auto;  }
#con-about-left{ width:300px; height:1500px; float:left;font-size:13px; line-height:1.7em; }
#con-about-left a { text-decoration:none; color:#333333; font-size:13px; display:block; width:300px;
					line-height:1.7em; float:left; border-bottom:1px solid #CCC; height:25px;}
#con-about-left a:hover{ color:#005cb9;  margin-left:15px;}			
#about-right{ width:678px; height:1200px; float:right; }
#bx-left{ display:block; background-color:#063; width:350px;}
hr{ border:1px solid #CCC; border-style:dashed;}



/*************************************************************************/

/*	Services												 */			

/*************************************************************************/	

#con-services{ width:1000px; height:600px; margin:auto; }
#con-services-left{ width:240px; height:650px; float:left;
					margin-top:25px;font-size:13px; line-height:1.7em; padding-left:10px; padding-right:10px;}	
#con-services-left a { text-decoration:none; color:#333333; font-size:13px; display:block; width:240px;
					line-height:1.7em; float:left;  height:25px; border-bottom:1px solid #CCC; border-bottom-style:dotted;}		
#con-services-left a:hover{ color:#005cb9;}			
#services-right{ width:678px; height:600px; float:right; }				
#services-right a{ color:#005cb9; font-size:16px; line-height:1.7em; text-decoration:none;}
li.product-bx{ display:block; width:200px; height:200px; float:left; margin-right:25px; margin-bottom:15px;  }

/*************************************************************************/

/*	innerpage												 */			

/*************************************************************************/	

#con-electrical{ width:1000px; height:600px; margin:auto; }
#con-lighting{ width:1000px; height:800px; margin:auto; }

/*************************************************************************/

/*	Contact Us								 */			

/*************************************************************************/	

#locationmap{ width:680px; height:300px;}
fieldset{ border:none;}
form {margin:0;  width:459px; }
textarea {

	width:300px;

	height:27px;

	background:#efefef;

	border:1px solid #dedede;

	padding:10px;

	margin-top:3px;

	font-size:0.9em;

	color:#3a3a3a;

}

textarea {
	height:100px; width:400px;
	background:url(images/textarea-bg.jpg) right no-repeat #efefef;

}

input{

    width:400px;

    height:15px;

    background:#efefef;

    border:1px solid #dedede;

    padding:10px;

    margin-top:5px; margin-bottom:5px;

    font-size:0.9em;

    color:#3a3a3a;

    -moz-border-radius:5px;

    -webkit-border-radius:5px;

    border-radius:5px;

}



input:focus, textarea:focus {

    border:1px solid #97d6eb;

}

#btn{ display:block; width:90px;  background:#efefef; height:30px; line-height:10px; text-transform:capitalize; margin-top:10px; font-size:14px;}
#labelone{ color:#666; font-size:14px; }
#btn:hover { background-color:#005cb9; color:#FFFFFF;}
#thank{ color:#F00;}

/*************************************************************************/

/*	Footer									 */			

/*************************************************************************/	

#footer-bg{ width:100%; height:230px;  float:left; background-color:#005cb9; border-top:4px solid #CCC; border-bottom:2px solid #CCC;}
#footer-wrap{ width:1000px; height:230px; margin:auto;  }
#footer-left{ width:340px; height:180px; float:left;  font-size:13px; line-height:1.7em; color:#FFF;  }
#
li.footer-bx{ display:block; width:350px; float:left; height:180px; background-color:#996600;}
li.footer-bx a { display:block; width:200px; height:30px; text-decoration:none;float:left; color:#FFFFFF; font-size:15px; }
#footer-right{ width:300px; height:180px; float:right; margin-top:-190px;}				
#footer-btm{ display:block; width:1000px; height:30px; line-height:30px; margin:auto; font-size:13px; color:#666; background-color:#FFFFFF; padding-left:10px; padding-right:10px; }
#footer-btm-right{ display:block; width:250px; height:40px; line-height:50px; margin-top:-10px; float:right;}			 
#visitor{ display:block;  width:100px; height:35px; margin:auto; margin-top:-25px; }
.scrollToTop{

	width:100px; 

	height:130px;

	padding:10px; 

	text-align:center; 

	background: whiteSmoke;

	font-weight: bold;

	color: #444;

	text-decoration: none;

	position:fixed;

	top:460px;

	right:10px;

	display:none;

	background: url(../img/icon-scroll-top.png) no-repeat 0px 20px;

}

.scrollToTop:hover{

	text-decoration:none;

}