/*---------------------------------------------------------------------------------------------------+
|                                                                                                    |
|    			Ctrl-V Wireframe - Ctrl-V Multimedia Communications B.V.    						 |
|                                                                                                    |
+-------------------------------------------------+--------------------------------------------------+
|                                                 |                                                  |
|   		 									  |   v 0.0.0                                        |
|   Assigned to:    	Marco Gatti	 			  |   May 2010                                       |
|   Stylesheet:			main.css				  |   http://www.ctrl-v.nl                           |
|                                                 |                                                  |
+-------------------------------------------------+-------------------------------------------------*/


/*-------------------------------------------+
|                                            |
|            BODY AND HTC FIXES	             |
|                                            |
+-------------------------------------------*/

html				{min-height:100%}

html, body 			{height: 100%}

body				{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif Verdana; font-size:13px; line-height: 18px;	text-align:left; color: #FFF; background-color: #cccccc; padding: 0; margin: 0}

/*-------------------------------------------+
|                                            |
|           		Colors     			     |
|                                            |
+-------------------------------------------*/



/*-------------------------------------------+
|                                            |
|          			HEADERS		             |
|                                            |
+-------------------------------------------*/

h1, h2, h3, h4, h5, h6{
	
}

h1	{ color: #ffc30d; font-size: 24px; margin-bottom: 15px}
h3 { color:#F00; font-size: 16px; margin:0; padding:0}
h4 { color:#FFF; font-size: 14px; margin:0 0 5px 0; font-weight:bold; padding:0}

/*-------------------------------------------+
|                                            |
|          			TEXT		             |
|                                            |
+-------------------------------------------*/



/*-------------------------------------------+
|                                            |
|         		 LIST ITEMS  		     	 |
|                                            |
+-------------------------------------------*/

ul					{line-height: 18px; list-style:disc; list-style:outside; padding: 0px 20px 18px 40px;}

ul li				{line-height: 18px; list-style:outside;	font-size: 12px}

/** Lits items - noBullits **********************************************************************/

ul.noBullits		{font-size: 10px; list-style:outside; line-height: 12px; padding: 0px 20px 4px 45px;}

ul.noBullits li, ul li.noBullits_last
					{font-size: 12px; list-style:outside; line-height: 18px; list-style:none}

ul li.noBullits_last
					{padding-bottom: 14px}
						
ul.noBullits li 	{display:inline-block; width: 100px; padding-right: 20px; font-weight:bold}
	


/*-------------------------------------------+
|                                            |
|         		 	LINKS			     	 |
|                                            |
+-------------------------------------------*/

a:link, a:visited, a:hover, a:active 
					{color:#ffc30d; text-decoration:none;}
	
a:hover 			{text-decoration:underline}

.tell_us			{ display: block; padding: 15px 0; font-size: 18px}
.check_out			{ padding: 10px 0; font-size: 12px; line-height:20px}
	
/*-------------------------------------------+
|                                            |
|     	Diversen Content Elementen	         |
|                                            |
+-------------------------------------------*/





/*-------------------------------------------+
|                                            |
|         		 	LAYOUT			     	 |
|                                            |
+-------------------------------------------*/

#wrapper 			{ min-height: 100%;height: auto !important;height: 100%;	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
					width:960px; background:#000 url(../images/main-visual.jpg) right top no-repeat; padding-bottom:20px}

#container 			{width:960px; position: relative; margin: 0 auto}					
				

#main_text 			{width:540px; position: relative; margin: 0 0 0 30px; padding-top: 53px}

#products 	{ width: 550px; position:relative; float:left; background: url(../images/prod_back_bottom.png) center bottom no-repeat; margin: 30px 0 0 30px; padding: 10px 0 7px 0}

#prod_top	{ width: 550px; height: 25px; position: absolute; background: url(../images/prod_back_top.png) center top no-repeat; z-index: 10; top:0; left: 0}


/** Content Area **********************************************************************/
	
.logo			{ margin-top: 14px}

.innovation		{ display:block; position:relative; float:left; width: 492px; min-height:150px; height:auto !important; /* voor moderne Browser */	height:150px; /*voor IE6 */;  background:#000; margin-left: 8px; border-bottom: 1px solid #666666; padding:10px 15px; clear:both }

.innovation:hover{ background: #1f1f1f}

.innovation img {float:left; position:relative;}

.innov_text { display: block; position:relative; float:left; margin-left:10px; width: 360px; font-size: 12px}


.first		{ min-height:140px; height:auto !important; /* voor moderne Browser */	height:140px; }

.last		{ min-height:140px; height:auto !important; /* voor moderne Browser */	height:140px; border: 0px}

p.copyright { clear:both; position:relative; float:left; margin: 20px 0 0 30px;}

p.copyright a { color: #FFF; }
p.copyright a:hover { text-decoration:underline  }

	
.clear {  /* Handig als ie6/7 onnodig zaken blijft floaten. Als een normale "clear:both" niet werkt. http://sonspring.com/journal/clearing-floats */	
				clear:both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
				
.closed {
    display:none;
    height:0px;
}

.floatRight{ /* Float any item to the right */
	float:right;
	margin-right:0;
}
.floatLeft{ /* Float any item to the left */
	float:left;
	margin-left:0;
}

.clearRight{ /* Float any item to the right */
	clear:right;
}

.clearLeft{ /* Float any item to the right */
	clear:left;
}



.debug{ /* gebruik deze om snel iets te kunnen debuggen */
	border:#FF0000 solid 1px;
}