/*
Theme Name: retaillighting
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
/* CSS Document */

/* CSS Document */
body{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

html  /*global settings*/
{
	margin:0;
	padding:0;
	/*font-size:.80em;*/
	font-size:13px;
	font-family:Arial, Verdana, sans-serif;
	background-image:url('images/backhead.jpg');
	background-repeat:repeat-x;
	/*background-color:#161616;*/
        
}



#container /*contains all of the divs*/
{
	position:relative;
	width:990px;
	margin:0 auto;	
	
}

#top
{
	height:81px;	
}

#logo
{
	float:left;
	margin-top:5px;
}
#logoimage
{
	float:left;
}

#logotext
{
	float:left;
	margin-top:25px;
	margin-left:8px;
	font-weight:bold;
	font-size:130%;
	color:white;	
}

#logotext h1
{
font-weight:bold;
	
}

#menu
{
	float:left;
	margin-top:30px;
}


#menu ul  
{
	list-style-type:none; 
	margin:0;
	padding:0;
	font-size:120%;
	margin-left:100px;/*para que el menu se recorra*/
	font-family:calibri;
     
}

#menu ul li
{
	float:left;
	color:white;
	font-weight:bold;
        display:block;
        width:110px;
        height:36px;
        margin-top:14px;
	margin-left:10px;
	
	
}

#menu ul li a:link  
{
	color:white;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
        display:block;
        width:110px;
        height:36px;
        padding-top:10px;
}

#menu ul li a:visited  
{
	color:white;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
        display:block;
        width:110px;
        height:36px;
	padding-top:10px;
	 
}

#menu ul li a:hover
{
        color:white;
	font-weight:bold;
        width:110px;
        height:36px;
        background-image:url('images/menuback1.png');
	background-repeat:no-repeat;
   
}

#middle1
{
	clear:both;
	position:relative;
	height:300px;
	font-family:'century gothic' berlin verdana;
	font-weight:bold;
}

#links
{
	float:left;
	margin-top:20px;
	width:375px;
	font-size:130%;
	color:white;
	margin-left:5px;
	letter-spacing:1px;
}
#links h2
{
	
	width:320px;
	font-family:'century gothic' verdana;
	letter-spacing:2px;
	line-height:25px;
	font-weight:bold;
}

#links ul{
	margin-top:15px;
	margin-left:10px;
	list-style-type:none; 
	text-decoration:none;	      
}

.serv-links li 
{
	margin-top:2px;
	font-family:'century gothic' verdana;
	font-weight:bold;
}

ul.serv-links li a:link  
{
	color:white;	
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}
ul.serv-links li a:visited  /*estos son los settings del menu, hay que poner setting para cada area del link, como link, visited, hover etc de que color queires que sea la ccaja,letra, etc*/
{
	color:white;	
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}

ul.serv-links li a:hover  /*estos son los settings del menu, hay que poner setting para cada area del link, como link, visited, hover etc de que color queires que sea la ccaja,letra, etc*/
{
	color:#cccccc;
	font-weight:bold;
	text-decoration:none;
	text-align:center;             
}

.serv-links img
{
	margin-right:10px;
	
}

/*ul.serv-links li a.lastlink
{
	
	width:210px;
	text-align:left;
	display:block;
	
	
}*/


#bigpicture
{
	float:left;
	margin-top:10px;
}

#middle2
{
	position:relative;
	width:100%;
	background-color:white;
	background-image:url('images/cback.jpg');
	background-repeat:repeat-x;
}

#middle
{
	position:relative;
	width:990px;
	margin:0 auto;
	padding-top:20px;
	
	
	
	
}
#content
{
	float:left;
	
}

.title
{
	color:black;
	font-size:200%;
	letter-spacing:0px;
	font-family:'century gothic' berlin verdana;
	border-bottom:1px dotted #999999;
	font-weight:bold;
	
}
.title h3
{
	padding-bottom:5px;
	
}


.text h2
{
font-weight:bold;
font-size:115%;
}

.text
{
	margin-top:20px;
	/*letter-spacing:1px;*/
	font-family:verdana;
	color:#333333;
	font-size:95%;
	width:610px;
	
}

.text h2
{
	color:#3B2353;
	font-size:130%;
	margin-top:10px;
	
}

.text h2 span.toplinks a
{
	font-size:70%;
	color:#666666;
	float:right;
	margin-right:15px;
	font-weight:normal;
	
}


div.testimonial
{
	width:540px;
	margin-left:20px;
	height:110px;
	/*background-color:#CC7F79;*/
	/*border:dashed 1px #F2C2F0;*/
	/*border:dashed 1px #F4BEF1;*/
	border:dashed 1px #F7AFF3;
	background-color:#F6E9F6;
	
	padding-bottom:5px;
	
}

div.testimonial p
{
	padding:5px;
}

div.testimonial p span.strong
{
	font-weight:bold;
}
/*div.testimonial i{
	float:ri;
}*/
div.testimonial i a:link{
	color:#3B2353;
}
.text2
{
	margin-top:20px;
	width:950px;
	color:#333333;
}

.text2 h3
{
	font-weight:bold;
	font-size: 130%;
	font-family:'century gothic' berlin verdana;
}

.piclenselink a
{
	color:#666666;
	font-size:80%;
}

#buttons
{
	margin-top:40px;
	width:431px;
	height:42px;
	font-size:105%;
}

a.purple
{
	background-image:url('images/purpleb.png');
	background-repeat:no-repeat;
	display:block;
	width:162px;
	height:40px;
	text-decoration:none;
	float:left;
	text-align:center;
	padding-top:10px;
	color:white;
	
}
a.orange
{
	background-image:url('images/orangeb.png');
	background-repeat:no-repeat;
	display:block;
	text-align:center;
	width:240px;
	height:40px;
	text-decoration:none;
	float:left;
	margin-left:20px;
	padding-top:10px;
	margin-top:-15px;
	color:white;
}

#smallpicture
{
	float:left;
	margin-left:50px;
}


.backfoot
{
	clear:both;
	width:100%;
	background-image:url('images/backfoot.jpg');
	background-repeat:repeat;
}

#footer
{
    clear:both;
    position:relative;
    margin:0 auto;
    	font-size:85%;
	width:990px;
	margin-top:20px;
	padding-bottom:10px;
	
  
}
#picfoot
{
	float:left;
	width:250px;
	border-right:solid #666666 2px;
	height:40px;
}

#logoimage2
{
	float:left;
	
}

#logotext2
{
	float:left;	
	font-weight:bold;

	color:white;
	margin-left:10px;
	margin-top:8px;
	
}

#logotext2 h1
{
font-weight:bold;
color:#cccccc;
	
}

#copytext
{
	float:left;
	width:480px;
	margin-left:20px;
}

p.copy a:link
{
      color:white;      
}
p.copy a:visited
{
      color:white;      
}
.copy
{
    color:#cccccc;
    margin-top:3px;
}

#phone 
{
	
	font-size:155%;
	color:white;
	font-family:verdana;
}

div.empty
{
	clear:both;
	position:relative;
	height:5px;
}
div.empty2
{
	clear:both;
	position:relative;
	height:20px;
}