/*
Theme Name: Employee Replacement
Theme URI: http://www.employeereplacement.com
Description: A custom wordpress theme created by <a href="http://www.enchantedillusion.com">Enchanted Illusion</a>.
Version: 1.0
Author: Shanda Peterson
Author URI: http://www.enchantedillusions.com

This theme was built by Shanda Peterson,
whose blog you will find at http://www.enchantedillusion.com/

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


/*common for all color skin, do not remove it*/


/*Reset Styles*/
/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;

}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/*Layout Styles*/
/* -------------------------------------------------------------- 
  
   layout.css
   * Layout CSS.
   
-------------------------------------------------------------- */

/*main container start*/
#main-container-wrapper{
width:100%;
margin:0px auto;
}


#main-container{
width:940px;
margin:0px auto;
}

#header-wrapper{
width:960px;
margin:0 auto;
}

#mid-column{
width:940px;
margin:0 auto;
float:left;
display:block;



}

#content-column{
width:700px;
float:left;
}
#content-column li { 
	margin-left:25px; 
}
#content-column h5 {
	font-weight:normal;
	font-size:18px;
color:#000000;
}

#sidebar{
float:left;
width:240px;
}

#sidebar h3 { 
	padding-top:15px;
}

#sidebar-right{
float:right;
width:240px;
}


#footer-wrapper{
width:100%;
background:#000000;
height:100%;
display:block;
overflow:auto;
border-top:3px solid #CCCCCC;
margin:20px 0 0 0;
}

.pad{
padding:20px;
}

/*boxes/ containers for the full width 940px wide*/

.one-fourth{
width:235px;
float:left;
display:block;
}


.one-third{
width:313px;
float:left;
}
.two-third{
width:627px;
float:left;
}

.one-half{
width:470px;
float:left;
}

/*boxes/ columns for content area*/

.one-fourth-content{
width:170px;
float:left;
display:block;
}


.one-third-content{
width:226px;
float:left;
}
.two-third-content{
width:452px;
float:left;
}

.one-half-content{
width:340px;
float:left;
}

.first{
padding-left:20px;

}

.last{
padding-right:0px;

}



@import url("prettyPhoto.css");
@import url("nivo-slider.css");

/*Superfish Styles */

.menu-navigation-container ul {
	margin:			0;
	padding:		0;
	list-style:		none;
	margin-top:58px;
	background:#000;
	position:relative;
	border: 1px solid #eee;
	
}

.menu-navigation-container ul li {
}
.menu-navigation-container ul li:hover {
    visibility:inherit; /* fixes IE7 'sticky bug' */
}

.menu-navigation-container ul li {
	float:left;
	position:relative;
	background:#000;
	margin:0px;
	padding:0px;
	
}

.menu-navigation-container ul li a {
	display:block;
	position:relative;

}

.menu-navigation-container {
	float:right;

}


.menu-navigation-container ul li a:link, .menu-navigation-container ul li a:visited {
	color:#999;
	font-weight:bold;
}


.menu-navigation-container ul li a:hover span {
	color:#eee;
}


.menu-navigation-container ul li a {
	border-right:	1px solid #333;
	padding: 0px 20px;
	text-decoration:none;
}
.menu-navigation-container li.last-link a {
	border-right:none;
}

.menu-navigation-container li a span {
	display:block;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:40px;
	color:#D7D7D7;
	margin:0px;
	padding:0px;
}
.menu-navigation-container ul li.current_page_item a span {
	color:#fff;
}


/*******************************************************************

	Master Styles
	
*******************************************************************/


body {
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	color:#666;
	margin:0px;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	color: #5a5a5a;
	font-size: 13px;
	line-height: 18px;
	margin:0px;
	line-height:20px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
}
.home {
	background-image: url(images/bg-home.jpg);
	background-repeat: repeat-x;
}
/* General Styling */
* {
	padding:0;
	margin:0;
	outline:0;
}
blockquote {
	border:1px solid #eee;
	padding:20px;
	background-color:#f9f9f9;
	border-right:10px solid #eee;
	margin-bottom:20px;
	font-style: italic;
}
p, span {
	margin-bottom:20px;
	margin-top:10px;
	margin-right:14px;
}
h1 {
	font-size:35px;
	line-height:30px;
}
h2 {
	font-size:30px;
}
h3 {
	font-size:25px;
}
h4 {
	font-size:20px;
}
h5 {
	font-size:15px;
}
h1 {
	margin-bottom:10px;
}
h1, h2, h3, h4.h5, h6 {
	margin-bottom:10px;
	color:#000;
}

hr {
	border: 1px solid #ddd;
	width: 100%;
	color: #ddd;
	height: 1px;
}
ul.unorderedlist {
	margin-left:15px;
}
.homepg ul li {
	padding:0;
	margin-left:15px;
}
ol.orderedlist {
	margin-left:15px;
	display:block;
	list-style-type:circle;
}
span.error, span.error {
	background-color: #e8b7ab;
	color:#000;
	padding:20px;
	border:1px solid #d09e93;
	display:block;
}
span.note, pre.note {
	background-color: #FFFFCC;
	color:#000;
	padding:20px;
	border:1px solid  #FFCC33;
	display:block;
}
span.success, span.success {
	background-color: #dfe8ab;
	color:#000;
	padding:20px;
	border:1px solid  #ced992;
	display:block;
}
/* imgage alignment
----------------------------------------------------------------------------------------------------*/
.alignright {
	float: right;
	margin: 0 0 20px 20px;
	width:auto;
}
.alignleft {
	float: left;
	margin: 0 20px 10px 0;
	width:auto;
}
a img {
	border:none;
}
a:link, a {
	color:#0099ff;
	text-decoration:none;
}
a:hover {
	color:#101010;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.v-space {
	display:block;
	height:30px;
}
.img-border {
	border:1px solid #ccc;
	padding:2px;
}

/* main sections
----------------------------------------------------------------------------------------------------*/


/* Social Icons -------*/
ul#social-icons {
	list-style:none;
	float:right;
	position:absolute;
	right:0px;
	top:20px;
}

ul#social-icons li {
	display: inline;
}
ul#social-icons li img {
	float:left;
	padding-left:10px;
}

/* header -------*/

#header {
	height:153px;
	position:relative;
	width:940px;
	z-index:33;
}

/* logo -------*/
h1.logo {
	width:167px;
	float:left;
	margin-top:8px;
}


#slider {
	position:relative;
	z-index:3;
}

/* Slider   -------*/

#sliderbg {
	width:940px;
	height:479px;
	padding-top:66px;
	background-image: url(images/slider-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	position:relative;


}
#sliderbg li {
	float:left;
	display:block;
	width:930px;

	
}


.clamp{
	background-image: url(images/clamp.html);
	background-repeat: no-repeat;
	position:absolute;
	left:50px;
	top:-11px;
	z-index:444;
	width:90px;
	height:137px;
}

.clamp2{
	background-image: url(images/clamp2.html);
	background-repeat: no-repeat;
	position:absolute;
	right:50px;
	top:-11px;
	z-index:444;
	width:90px;
	height:137px;
}

.tag-line {
	width:80%;
	float:left;
}
.tag-line-inner {
	height:130px;
	padding-top:20px;
}
.tag-line-inner h1 {
	font-size:3em;
	color:#f7f7f7;

}
.tag-line-inner h5 {
	color:#f8f8f8;
	text-decoration:underline;

}
.img-icon-box {
	float:left;
	margin-right:10px;
}
a.read-more {
	background-image: url(images/read-more.png);
	background-repeat: no-repeat;
	width:97px;
	height:21px;
	display:block;
	margin-top:10px;
}

a.read-more:hover {
	background-image: url(images/read-more-ho.png);
}


/*bottom section*/
#bottom-wraper {
	background-image:url(images/bottom-grad.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width:100%;
	float:left;
	border-top:1px solid #e3e3e3;
}
#bottom {
	width:940px;
	margin:10px auto;
}
/*sidebar*/

#sidebar ul {
	list-style:none;
	margin-bottom:22px;
}
#sidebar .widget-area li, #sidebar li.widget-container {
	border-bottom:1px solid #eee;
	line-height:22px;
}
#sidebar li.widget_nav_menu {
border-bottom:none;
}
#sidebar .widget-area li a, #sidebar li.widget-container a  {
	display:block;
	background-image: url(images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:20px;
}

#sidebar-right li.widget-container {
	list-style:none;
	
								  }
#sidebar-right li.widget-container ul {
	list-style:none;
	margin-bottom:30px;
}

#sidebar-right li.widget-container ul li {
	border-bottom:1px solid #eee;
	line-height:30px;
}
#sidebar-right li.widget-container ul li a {
	display:block;
	background-image: url(images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:20px;
}
#sidebar-right li.widget_recent_comments ul li {
	display:block;
	background-image: url(images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:20px;
	
}
#sidebar-right li.widget_recent_comments ul li a {
	display:inline;
	background:none;
	padding:0px;
}

input.input-search {
	border:1px solid #CCC;
	height:24px;
	line-height:22px;
	margin:0px;
	padding:0px;
	vertical-align:middle;
}
input#searchsubmit {
	border:1px solid #999;
	background-color:#CCC;
	color:#666;
		margin:0px;
	padding:0px;
	margin-top:1px;
		height:26px;
		
	line-height:24px;
	vertical-align:middle;
	
}
.news li {
	margin-bottom:10px;
}
#sidebar li.widget-container ul.contact li {
	margin-bottom:5px;
	border-bottom:none;
	line-height:20px;
}

#sidebar li.widget-container ul.contact li a {
		background:none;
	padding:0px;
}

/*portfolio*/
	.scroll {
	position:relative;
	overflow:hidden;
	width: 680px;
	height:500px;
	float:left;
	margin-bottom:20px;
}
	.scroll .pics {
	width:20000em;
	position:absolute;
	clear:both;
	list-style:none;
	
}
	.pics li {
	float:left;
	cursor:pointer;
	width:680px !important;
	height:500px;
	margin:0px;
}


/*gallelry*/
.gallery li {
	float:left;
	list-style:none;
	margin-bottom:10px;
	margin-right:10px;
}
.gallery li img {
	
	list-style:none;
	border:1px solid #ddd;
	padding:5px;
	background-color:#f9f9f9;
	float: left;

}


.gallery li img:hover {
	border:1px solid #999;
	padding:5px;
	background-color:#ccc;
}

/*gallelry2*/
.gallery2 {
	float:left;
	margin-right:30px;
	list-style:none;
}

/*blog/news page style*/
/*.date {
	padding:10px 0px;
	background-image: url(images/opacity.png);
	background-repeat: repeat;
	border-top:5px solid #eee;
	border-bottom:1px solid #eee;
	background-color:#f9f9f9;
}
*/
/*Contact form  style*************************************************************/
#contact-wrapper {
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	width:400px;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	width:400px
}
form#contactform #submit {
	background-color:#333;
	color:#fff;
	font-weight:bold;
	padding:10px;
	border:1px solid #000;
	width:150px;
}

/* Testimonial  / latest project slider at the bottom of the page */
.actions {
	padding:5px;
	position: relative;
	text-align: right;
	padding-bottom:0px;

}
.actions a {
	cursor:pointer;
	color:#0099ff;
	padding-left:10px;
	text-align:right;
}
.actions a:hover {
	color:#000;
}
.disabled {
	visibility:hidden;
}
.scrollable, .scrollable2 {
	position:relative;
	overflow:hidden;
	height: 150px;
}
.scrollable .items, .scrollable2 .items {
	position:absolute;
	height: 150px;
	list-style:none;
}
.item {
	display: block;
	float:left;
	height:200px;
}
/* portfolio2 project owner description boxes */

.quotes {
	background-image: url(images/quotes.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right:30px;
}
.quotes2 {
	background-image: url(images/quotes2.png);
	background-repeat: no-repeat;
	background-position: 610px 20px;
	padding-right:30px;
	background-color:#FF9900;
	padding-top:30px;
	padding-bottom:30px;	
	
}
.quotes3 {
	background-image: url(images/quotes2.png);
	background-repeat: no-repeat;
	background-position: 610px 20px;
	padding-right:30px;
	background-color: #efedbd;
	padding-top:30px;
	padding-bottom:30px;	
}

/*footer*/

#footer-wraper {
	border-top:1px solid #e3e3e3;
	float:left;
	width:100%;
	padding:20px 0px;
	margin-top:00px;
	background-color:#eee;
	background-image:url(images/footer-bg.jpg);
	background-repeat: repeat-x;
}
#footer {
	width:940px;
	margin:0 auto;
}
#footer p {
	width:40%;
	float:left;
	display:block;
	margin:0px;
	color:#666;
}
ul#menu-footer-links {
	margin:0px;
	float:right;
}

#menu-footer-links li {
	display:inline;
	padding:0px 10px;
	border-right:1px solid #888;
	float:left;
}
#menu-footer-links li a {
color:#666666;


}
#menu-footer-links li a:hover {
color:#000;

}
#menu-footer-links .last-link {
	border-right:none;
	padding-right:0px;
}

#content-column small {
	color:#999;
}

.line {
	border-bottom:1px solid #eee;
	overflow:auto;
	visibility:visible;
	height:1px;
	margin:10px 10px 20px;
}

.comment-form-comment label {
	display:block;
	font-weight:bold;
}

@import "ie.css";


/* /common for all color skin, do not remove it*/

/*color skins starts from  here*/

/*   GREEN color skin



body {
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	color:#666;
	margin:0px;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	color: #5a5a5a;
	font-size: 13px;
	line-height: 18px;
	margin:0px;
	line-height:20px;
	background-image:url(images/bg.jpg);
	background-repeat: repeat-x;
}
.home {
	background-image: url(images/bg-home.jpg);
	background-repeat: repeat-x;
}
*/

/*   RED color skin*/
body {
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	color:#666;
	margin:0px;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	color: #5a5a5a;
	font-size: 13px;
	line-height: 18px;
	margin:0px;
	line-height:20px;
	background-image:url(images/red-bg.jpg);
	background-repeat: repeat-x;
}
.home {
	background-image: url(images/red-bg.jpg);
	background-repeat: repeat-x;
}

/*
 * jQuery Nivo Slider v2.0
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {

	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:97.90%;
	z-index:89;
	padding:10px;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:10px;
	background-image: url(images/arrow-l.png);
	background-repeat: no-repeat;
	background-position: right center;
	width:13px;
	height:23px;
}
.nivo-nextNav {
	right:10px;
	background-image: url(images/arrow-r.png);
	background-repeat: no-repeat;
	background-position: right center;	
		width:13px;
	height:23px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
	
}
.nivo-controlNav a.active {
	font-weight:bold;
}
#slider {
	position:relative;
	//See the "style-pack" below for image
	background:url(images/loading.html) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a{
	display:block;
}

/*Utility Styles************************/
.alignright {
	float: right;
}

.alignleft {
	float: left;
}
.aligncenter {
	display:block;
	margin:0 auto;
}

.linklove {
	display:none;
}