/*

	We started with sNews 1.6 Minimal Template
	
*/

*{ margin: 0; padding: 0; }*

body {
	font: 0.9em Arial, Helvetica, Sans-Serif;
	line-height: 1.8em;
	background: #fff;
	color: #444;
	background: #fff url("http://lesdesign.com/fx/main-bg.jpg") top center repeat-y;
}

.wrap {
	margin: 20px auto;
	width: 850px;
}

a {
	color: #E23300;
}

a:hover {
	color: #E23300;
	background: #eee;
}

h1 {
	color: #444;
	background: inherit;
	padding: 5px 0;
}

h2 {
	border-bottom: 0px solid #eee;
	margin: 0 0 10px;
	padding: 0 0 3px;
}

h3 {
	clear: both;
	color: #808080;
	background: inherit;
	font-size: 1em;
	border-bottom: 0px solid #eee;
	margin: 0 0 10px;
}

ul {
	padding: 0;
	margin: 0 0 10px;
}

li {
	list-style-type: none;
}

p {
	margin: 5px 0 10px 0;
	padding-bottom:10px;
}

.square ul {
	list-style-type: square;
}
.square li {
	list-style-type: square;
}

/* MENU BAR */

#menu {
	float: right;
	position: relative;
	top: 16px;
      }

#menu li {
	float: left;
}

#menu li a {
	margin: 0 0 0 0px;
	padding: 5px 10px 5px 28px;
}

#menu li a:hover {
	color: #003399;
	background: url('http://lesdesign.com/fx/arrow.gif') top left no-repeat;
	text-decoration: none;
}

#menu li a.current {
	background: inherit;
	color: #444;
}

#grade {
	background: url("http://lesdesign.com/fx/bg-1.gif") top left repeat-x;
}

/* Navigation */

#nav {
	clear: both;	
	padding: 0;			
}

#nav ul {
	float: left;
	list-style: none;
	background: #E4E4E4 url("http://lesdesign.com/fx/nav.jpg") repeat-x;	
	width: 850px;		
	padding: 0;
	margin: 0;
	height: 45px;
	display: inline;
	text-transform: uppercase;
}

#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}

#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 14px;	
	border-right: 1px solid #dadada;
	border-left: 1px solid #fafafa;	
	border-bottom: none;
	color: #555;
	font: bold 14px/45px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
}

#nav ul li a:hover, 

#nav ul li a:active {
	color: #326ea1;
	background: #DBDBDB url("http://lesdesign.com/fx/nav-current.jpg") repeat-x;
}

#nav ul li#current a {	
	background: #DBDBDB url("http://lesdesign.com/fx/nav-current.jpg") repeat-x;		
}
	
#subheader { clear: both; padding: 10px 8px; height: 22px; line-height: 20px; margin: 0 0 20px 0; background: inherit; color: red; }

#subheader a { background: inherit; color: #FF0000; }

#subheader a:visited { background: inherit; color: #FF0000; }

#subheader a:hover { background: #fff; text-decoration: none; }

#breadcrumbs { float: left; margin: 5px 0 0; }

#search { float: right; }

#search p { padding: 0; margin: 0; }

#left {
	float: left;
	width: 70%;
	padding-bottom: 100px;
	padding-left: 29px;
	background: url("http://lesdesign.com/fx/left-bg-2.jpg") top left repeat-x;
}

#leftLess {
	float: left;
	width: 70%;
	padding-bottom: 100px;
	padding-left: 29px;
}

#leftLess h3 {
	background: url("http://lesdesign.com/fx/left-bg-2.jpg") top left repeat-x;
}

#right {
	float: right;
	width: 25%;
	margin: 0 0 10px 0;
}

#right .box {
	background: #E9E9CE url("http://lesdesign.com/fx/port-bg.jpg") top left repeat-x;
	border: 1px solid #ccc;
	padding: 1em;
	margin: 0 0 7px 0;
	clear: both;
}

.goright {
	float: right;
	width: 500px;
	text-align: right;
	padding-top: 17px;
	font: 20px/20px "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 28px;
	background: #fff url(/fx/swirly.gif) top left no-repeat;
}

#rss {
	float: right;
	text-align: right;
	padding: 1px 10px 0 0;
}

#rss li {
	float: left;
	margin: 2px 0 0 10px;
}

/* sNews */

fieldset {
	border: 1px solid #E4DF94;
	padding: 10px 8px;
	margin: 0 0 8px 0;
	background: #FFFBC0;
	color: #000;
}

input {
	padding: 2px;
}

textarea {
	width: 97%;
	height: 20em;
	padding: 3px;
}

.comment {
	background: #F5F6F6;
	color: #808080;
	padding: 10px;
	margin: 0 0 10px 0;
	border-top: 1px solid #ccc;
}

.commentsbox {
	background: #eee;
	border: 1px solid #ddd;
	color: #808080;
	padding: 10px;
	margin: 0 0 10px 0;
}

.date {
	border-top: 1px solid #eee;
	margin: 0 0 20px 0;
}

/* ADDITIONALS */

#logo {
	   float: left;
	   position: relative;
	   top: 0px;
	   left: 2px;
	}

#logo img, a img { border: 0; }

.boxhead { color:#0E79B4; }
	
.box cite {
	   color: #333;
	   font-size: 85%;
	   text-align: right;
	   font-family: georgia, times, arial;
	  }

.articles {
	   background: #4481A8;
	   color: #DBFBFC;
	   border: 1px solid #DBFBFC;
	   padding-left: 5px;
	  }
	  
.comments {
	   background: #eee;
	   border: 1px solid #999;
	   padding-left: 5px;
	  }
	  
.goin {
	background: #0B72A7;
	border: 1px #343434 solid;
	font-size: 10px;
	color: #FFFFFF;
	padding:2px;
	margin: 5px;
	cursor: pointer;
       }
       
.big {
	color: #0B72A7;
	background: #FDFFD3;
	font-size: 16pt;
	font-weight: 800;
       }
       
.promise {
	float: left;
	padding-right: 7px;
}
       
#testPoints {
	background: #fff url(/fx/papercurl.jpg) top left no-repeat;
	height: 300px;
}

#testPoints ul {
	padding: 9px 0 0 15px;
}

#testPoints ul li {
	padding: 8px 0 0 5px;
	width: 315px;
	font-size: 12px;
	font-weight: bold;
}

/* WHY US HOME PAGE */

#whyUs {
	width: 850px;
	height: 290px;
	background: #fff url(/fx/why-us-block.png) top left no-repeat;
}

#whyUs p {
	font-size: 11px;
	color: #444;
	margin: 12px 21px 21px 21px;
	line-height: 2.1em;
}

#whyUs h2 {
	color: #3E9FB7;
	padding: 22px 0 0 14px;
}

#whyA {
	float: left;
	width: 282px;
}

#whyB {
	float: left;
	width: 282px;
}

#whyC {
	float: left;
	width: 282px;
}

/* ABOUT US */

#aboutus img {
	float: left;
	width: 164px;
	height: 300px;
	padding: 15px 8px 8px 8px;
}

.nametitle {
	font-family: helvetica, arial, sans-serif;
	color: #0E79B4;
	font-size: 16pt;
}
       
/* PORTFOLIO */
       
span.portfolio {

	display:block;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
	text-transform:uppercase;
	color:#333;
       }

h2.portfolio {

	font-family:Helvetica, Arial, sans-serif;
	font-size:30px;
	font-weight:bold;
	letter-spacing:-1px;
	text-transform:uppercase;
	color:#FE0000;
       }
       
#folioIcons img {
	float: left;
	width: 250px;
	height: 213px;
	padding: 0 10px 0 0;
}

#folioIconsb img {
	float: left;
	width: 250px;
	height: 257px;
	padding: 8px;
}

#folioIcons h3, #folioIconsb h3 {
	clear: both;
	color: #808080;
	background: #fff url(/fx/left-bg-2.jpg) top left repeat-x;
	font-size: 1em;
	border-bottom: 0px solid #eee;
	margin: 0 0 10px;
}
       
a.linkport {
	color: #fff;
	background-color: #333;
	padding: 0.4em;
	margin: 0;
	text-align: center;
	text-decoration: none;
       }

a.linkport:hover { color: #FFF; background-color: #0B72A7; }

   
/* FOOTER */

#footguy {
	   float: left;
	   position: relative;
	   top: -118px;
	   left: 2px;
	  }

#footer { 
	clear: both;
	width: 100%;
	height: 105px;
	text-align: left;
	color: #808080;
	background: #8EB6CF;
	padding: 17px 0 20px 0;
	border-top: 2px solid #295E92;
}
#footer p {
	    line-height: 2em;
	    color: #000;
	  }

#footer a {
	    color: #fff;
	    border-bottom: 1px dotted #CCC;
	    text-decoration: none;
	    padding: 0 10px 0 0;
	  } 

#footer a:hover { color: #2E2E2E; }
	  
.ad_code {
	    width:350px;
	    text-align:center;
	    padding:30px 25px 30px 15px;
	    background: transparent url('http://lesdesign.com/fx/papers.jpg') center center no-repeat;
	  }

	  
/*  STAR UNIT RATER
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	display:block;
	border-bottom:1px solid #999;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 30px;
	background: url('http://lesdesign.com/design/images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('http://lesdesign.com/design/images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('http://lesdesign.com/design/images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('http://lesdesign.com/design/images/starrating.gif') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}

/* AD CAMPAIGNS */

.padBottom { padding-bottom: 15px; }

.padTop { padding-top:10px; }

.stars {
	   float: right;
	   position: relative;
	   top: -100px;
	   right: 105px;
	}

#stars, #starsb, #starsc, #starsd, #starse {
	   float: right;
	   position: relative;
	   top: -100px;
	   right: 105px;
	}