@charset "UTF-8";
/* CSS Document */

body {
	font:12px "Trebuchet MS";
	line-height: 1.5em;
	color: #929292;
	background-image:url(../images/bg.jpg);
	margin: 0px;
}

a:link, a:active, a:visited { 
	color: #929292;
	text-decoration: underline;	
}

a:hover { 
	color: #ffffff;
}

/*  L A Y O U T  */

#wrapper {
	width:100%;
	background-image:url(../images/bg_shine.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
}

#wrapperHome {
	width:100%;
	background-image:url(../images/bg_home.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
}

#wrapperLighting {
	width:100%;
	background-image:url(../images/bg_lighting.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
}

#wrapperDigital {
	width:100%;
	background-image:url(../images/bg_digital.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
}

#main {
	width: 795px;
	margin: 0 auto;
	z-index: 10;
}

#header {
	position: relative;
	height: 137px;
	width:795;
	background-image:url(../images/bg_header.jpg);
	background-repeat:no-repeat;
	white-space: nowrap;
	z-index: 10;
}

#boxRight {
	margin-top: 35px;
	position: relative;
	float: right;
	width: 377px;
	background-image: url(../images/box_bg.jpg);
}

#boxLeft {
	margin-top: 35px;
	position: relative;
	float: left;
	width: 377px;
	background-image: url(../images/box_bg.jpg);
}

#title {
	float: right;
	margin-top: 35px;
	clear: left;
	width: 100%;
	text-align: right;
}

#titleHome {
	float: right;
	margin-top: 103px;
	margin-bottom: 20px;
	width: 100%;
	text-align: right;
}

/* T E X T */

.boxContent {
	width: 315px;
	margin-left: 32px;
	text-align: justify;
}

.boxContentForm {
	width: 315px;
	margin-left: 32px;
	text-align: right;
}

.footerCopy {
	font:9px "Trebuchet MS";
	color: #444444;
	float:left;
	margin-top: 10px;
}

.darkCopy {
	color: #777777;
}

.formCopy {
	margin-bottom: 6px;
	padding-top: 6px;
}

/* H O M E  B U T T O N S */

#homeJumps {
	position:relative;
	height:330px;
	float:right;
}

#homeDots  {
  	float: left;
	list-style: none;
	height:158px;
	margin:0px; 
	padding:0px;
	overflow: hidden;
}

#homeDots li{
	margin: 0px;
	padding: 0px;
    display: inline;
	list-style-type: none;
    text-indent:-9999px;
}

#homeDots a {
    float: left;
    padding: 0px;
	height: 158px;
    overflow: hidden;
    }

#homeDots a:hover {
    background-position: 0 -158px;
}

#homeDots a:active, #nav a.selected {
    background-position: 0 -158px;
}

#homeDotsLighting a  {
	width: 189px;
	background: url(../images/home_lighting.jpg) top left no-repeat;
}

#homeDotsDigital a  {
	width: 189px;
	background: url(../images/home_digital.jpg) top left no-repeat;
}

#homeDotsAbout a  {
	width: 159px;
	background: url(../images/home_about.jpg) top left no-repeat;
}



/*  N A V I G A T I O N  */

#navigation {
	position:relative;
	height:54px;
	float:right;
	margin-top:34px;
}

#nav  {
  	float: left;
	list-style: none;
	height:106px;
	margin:0px; 
	padding:0px;
	overflow: hidden;
}

#nav li{
	margin: 0px;
	padding: 0px;
    display: inline;
	list-style-type: none;
    text-indent:-9999px;
}

#nav a {
    float: left;
    padding: 0px;
	height: 53px;
    overflow: hidden;
    }

#nav a:hover {
    background-position: 0 -53px;
}

#nav a:active, #nav a.selected {
    background-position: 0 -53px;
}

#navHome a  {
	width: 73px;
	background: url(../images/nav_home.jpg) top left no-repeat;
}

#navLighting a  {
	width: 84px;
	background: url(../images/nav_lighting.jpg) top left no-repeat;
}

#navDigital a  {
	width: 77px;
	background: url(../images/nav_digital.jpg) top left no-repeat;
}

#navAbout a  {
	width: 76px;
	background: url(../images/nav_about.jpg) top left no-repeat;
}

#navBlog a  {
	width: 64px;
	background: url(../images/nav_blog.jpg) top left no-repeat;
}

#navContact a  {
	width: 82px;
	background: url(../images/nav_contact.jpg) top left no-repeat;
}

#navHomeSelected a  {
	width: 73px;
	background: url(../images/nav_home_sel.jpg) top left no-repeat;
}

#navLightingSelected a  {
	width: 84px;
	background: url(../images/nav_lighting_sel.jpg) top left no-repeat;
}

#navDigitalSelected a  {
	width: 77px;
	background: url(../images/nav_digital_sel.jpg) top left no-repeat;
}

#navAboutSelected a  {
	width: 76px;
	background: url(../images/nav_about_sel.jpg) top left no-repeat;
}


#navContactSelected a  {
	width: 82px;
	background: url(../images/nav_contact_sel.jpg) top left no-repeat;
}

/*  E L E M E N T S */


#logo {
	position:relative;
	height:81px;
	float:left;
	margin-top:30px;
	border: 0px;
}

.image {
	border: 0px;
}

.footerPhone {
	position:relative;
	float:right;
	margin-top: 7px;
	margin-bottom: 15px;
	border:0px;
}

.footerLine {
	margin-top: 35px;
}


.portImage {
	border: 0px;
	margin-right: 8px;
}


/*  F O R M  */

#form {
	margin: 0px;
	display: inline;
}

.formField{
	position:relative;
	width:315px;
	height:32px;
	border-top:1px solid #030303;
	border-left:1px solid #030303;
	border-right:1px solid #181818;
	border-bottom:1px solid #181818;
	background: url(../images/bg_form.jpg) top left no-repeat;
	color:#555555;
}

.formText{
	position:relative;
	width:315px;
	height:115px;
	border-top:1px solid #030303;
	border-left:1px solid #030303;
	border-right:1px solid #181818;
	border-bottom:1px solid #181818;
	background: url(../images/bg_form.jpg) top left no-repeat;
	color:#555555;
}