/* CSS Document */

/* EFM main style sheet 
Author: Alejandra Montemayor, Rubik Media
Date: July 2007
Contact: alejandra@rubikmedia.com*/


/* HTML */

	body {
		background-image:url(images/BG_BODY.JPG);
		background-position:top left;
		background-repeat:repeat-x;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#333;}
		
	h1,h2,h3,h4,h5,h6 {
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;}
		
	blockquote {
		background-image:url(images/bg_blockquote.gif);
		background-repeat:no-repeat;
		height:80px;
		width:220px;
		margin-top:5px;
		padding:20px 13px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-size:14px;
		color:#360;
		}
		
	a {
		text-decoration:none;}
		
	address {
		font-style:normal;}
	
		
	/* LAYOUT */	
	
	
		#container {
			width: 840px;
			\width: 860px;
			w\idth: 840px;
			margin: 10px;
			margin-left: auto;
			margin-right: auto;
			padding: 10px;
			background-color:#FFF;
		}

		#header {
			height:110px;
			padding:0 0 0 10px;
			margin-bottom: ;
			background-image: url(images/bg_header.jpg);
			background-repeat:repeat-x;
					}
					
				.imgLeft {
				float:left;}
				
		#icons {
			width:200px;
			font-size:10px;
			float:right;
			position:top;
			display:inline;
			text-align:right;}
			
		#subheader {
			
				height:30px;
				font-size:10px;}
			
		#subheader #search {
			
			margin-left:70px;
			width:200px;
			margin-right:0;
		}
			
		#subheader #date {	
			margin-left:440px;}
			
/* CONTENT */

		#content {
			padding:0;
			margin-right: 230px;
			
		}
		
		
		#content a:active, #content a:link {
			font-weight: 500;
			color: #91C40C;
			text-decoration:underline;}
			
		#content a:hover {
				color:#F00;}
				
		#content #menu {
			width:580px;
			color:#FFF;
			height:40px;
			background-image:url(images/BG_MENU.JPG);
			background-repeat:repeat-x;}
			
		#content #menu ul {
			list-style:none;
			margin:0;
			padding:0;}
			
		#content #menu li  {
			float:left;
			width:102px;
			margin-top:8px;
			padding:7px;}
			
		#content #menu li a {
			color:#FFF;
			text-decoration:none;}
			
			
		# content #menu li a:hover {
			text-decoration:underline;}
			
		
			
		#content h1 {
			color:#360;
			font-size:1.7em;
			display:inline;
			}
			
		#content  h3 {
			font-size:16px;
			color:#F00;
			border-bottom:1px solid #ccc;}
			
		#content #presentation h2 {
			color:#003300;
			font-size:20px;}
			
		#content #testimonial p {
			padding-right:30px;}
			
		#content #testimonial h3 {
			font-size:16px;
			color:#F00;
			border-bottom:1px solid #ccc;}
			
		#content #testimonial h5 {
			font-size:14px;
			color:#360;}
			
		#content #testimonial img {
	float:left;
	margin:0 10px 5px 0;
}
			
		#content testimonial ul li {
			list-style:url(images/bullet_arrow.gif);}
			
			
		#content #contactForm {
			width:480px;
			/*background-image: url(images/BG_BOX.JPG);
			background-repeat:repeat-x;
			background-position:bottom left;*/
			margin-left:50px;
			padding:10px;
			/*border:1px solid #cccccc;*/}
		
				
/* SIDEBAR */

		#sidebar {
			float: right;
			width: 245px;
			margin: 0;
			margin-left: 0;
			padding: 0px;
			background-image:url(images/BG_BOX.JPG);
			background-repeat:repeat-x;
			background-position:bottom left;
			height:auto;
			}
			
		#sidebar a:active, #sidebar a:link {
			color:#003300;
			/*color:#333;*/}
			
		#sidebar a:hover {
			text-decoration:underline;
			color:#F00;}
			
		
	  	#productsHeader {
	  		margin-top:0;
			margin-bottom:0;
	  		height:30px;
			background-image:	url(images/bg_products_header.jpg);
			background-repeat:repeat-x;
			padding:8px;
			}
			
		#productsHeader h3 {
			font-size:1.5em;
			color:#FFF;
			padding:8px;}
			
			
		#products {
			margin-top:0;
			background-image:url(images/BG_BOX.JPG);
			background-repeat:repeat-x;
			background-position:bottom left;
			height:auto;
			border:1px solid #999;}
			
		#sidebar #products ul {
			margin:0 0 0 30px;
			padding:2px;}
			
		#sidebar #products ul li {
			list-style:url(images/bullet_arrow.gif);
			font-weight:700;}
			
		#sidebar #products ul li ul li {
			list-style:url(images/bullet_li_li.gif);
			font-weight:normal;}
			
		#sidebar #services {
			background-image:url(images/BG_BOX.JPG);
			background-repeat:repeat-x;
			background-position:bottom left;
			height:400px;
			border:1px solid #999;
			padding:5px;}
			
		#sidebar #services img {
			float:left;}
			
		/*#sidebar .marginRight li {
			list-style:url(images/img_services.jpg);}*/
			
			
		#sidebar #services ul {
			margin:0 5px;
			padding:0;
			list-style:none;}
			
		#sidebar #services #serviceImages {
			margin-top:5px;
			width:42px;
			float:left;
			}
			
		#sidebar #services #serviceImages img {
			margin:8px 3px;}
			
		#sidebar #services #serviceDescription {
			width:166px;
			float:left;
			margin:5px;}
			
		#sidebar #services #serviceDescription ul {
			padding:3px;}
			
		#sidebar #services #serviceDescription li {
		
			height:23px;
			padding:15px 0;
			border-bottom:1px solid #ccc;}

			
/* FOOTER */


		#footer {
			clear: both;
			padding: 5px;
			padding-top:10px;
			
			background-color: rgb(213, 219, 225);
		}
	
/* CLASSES */

		.verticalMargin {
			margin:10px 0;}
			
		.alignRight {
			text-align:right;
			color:#360;
			font-size:10px;
			font-weight:bold;}
			
		.EFM {
			font-style: italic;
			font-weight: bold;
			color: #FE0000;}
			
		.floatRight {
			float:right;
			padding-right:10px;}
.pie {
	font-size: 10px;
}

  .topMargin {
 	margin-top:50px;
	margin-left:45px;
	margin-bottom:50px;}