/*
Theme Name: ESCorporation
Theme URI: http://escorporation.net/
Description: The official theme for the (finally completed) ESCorporation website.
Version: 1.5
Author: Ethan Sena
Author URI: http://escorporation.net/
*/

/*
  Global Elements
===================================================================
*/
* {
	margin: 0;
	padding: 0;
}

html {
  margin-left: -1px;
  overflow-Y: scroll;
}
body {
  min-width: 960px;
	background: #e0e0e0 url("images/bg/body.gif") center center repeat-y;
	font-family: "Lucida Grande", sans-serif;
	font-size: 1em;
}

img, img a {
	border: 0;
}

img {
	display: block;
}

input:focus {
  outline: none;
}

#container {
	margin: auto;
	margin-bottom: 40px;
	overflow: hidden;
}

.innards {
	margin: auto;
	overflow: hidden;
	width: 960px;
}

.innards .left {
  overflow: hidden;
  width: 50%;
  float: left;
}

.innards .right {
  overflow: hidden;
  width: 50%;
  float: right;
  text-align: right;
}

/*
  The Corners
===================================================================
*/
.corners {
  overflow: hidden;
  display: block;
  clear: both;
  height: 5px;
  width: 100%;
}

.corners span {
  width: 5px;
  height: 5px;  
	background-repeat: no-repeat;
}

.corners span.tl {
  float: left;
  background-position: top left;
}

.corners span.tr {
  float: right;
  background-position: top right;
}

.corners span.bl {
  float: left;
  background-position: bottom left;
}

.corners span.br {
  float: right;
  background-position: bottom right;
}

/*
  Header area
===================================================================
*/
#header {
	margin: auto;
  height: 120px;
	overflow: hidden;
	background: #fff url("images/logos/header.gif") center center no-repeat;
}

#header a {
  display: block;
  width: 100%;
  height: 120px;
  text-indent: -9999px;
}

/*
  Navbar
===================================================================
*/
#navbar {
	overflow: hidden;
	background-color: #950000;
}

#navbar .corners span {
	background-image: url("images/corners/navbar.gif");
}

#navbar ul {
	list-style: none;
	overflow: hidden;
	margin: auto;
	width: 960px;
}

#navbar ul li {
	float: left;
	width: 192px;
}

#navbar ul li a {
	padding: 10px 0;
	display: block;
	float: left;
	width: 100%;
	text-align: center;
}


#navbar ul li a {
	text-decoration: none;
	font-size: .8em;
	font-weight: bold;
	color: #fff;
}

#navbar ul li a:hover {
  background: #ba2121;
	color: #fff;
}

/*
  Content area (page content, etc)
===================================================================
*/
#content {
	margin: auto;
	overflow: hidden;
	width: 960px;
}

/*
  Page Banners
===================================================================
*/
#banner {
  border-bottom: 1px solid #afafaf;
}

/* front page */
.front {
  height: 200px;
  background: url("images/banners/front.jpg");
}

/* it services */
.itservices {
  height: 150px;
  background: url("images/banners/itservices.jpg");
}

/* web development */
.webdev {
  height: 150px;
  background: url("images/banners/webdev.jpg");
}

/*
  Page Columns
===================================================================
*/
.topbar {
  padding: 10px 15px;
}

#columns {  
  margin: 10px 20px;
  overflow: hidden;
}

/* left columns */
#columns .left {
  overflow: hidden;
  width: 50%;
  float: left;
}

/* right columns */
#columns .right {
  overflow: hidden;
  width: 45%;
  float: right;
  text-align: right;
}

/* Text: Welcome to ESCorporation */
#columns h1, .topbar h1 {
  font-size: 1.4em;
  color: #960000;
}

/* Text: IT Solutions/Web Development */
#columns h2, .topbar h2 {
  margin-top: 4px;
  padding-bottom: 2px;
  font-size: 1.25em;
  font-weight: bold;
  color: #960000;
  text-align: right;
}

#columns p {
  padding-bottom: 15px;
  font-size: 0.875em;
  color: #222;
}

#columns p a {
  text-decoration: none;
  color: #960000;
}

#columns ul {
  margin-bottom: 15px;
}

#columns ul li {
  font-size: 0.875em;
}

/*
  Content -> Post
===================================================================
*/
.post {
  margin: 10px 20px;
  overflow: hidden;
}

/* Page Title */
.post h2 {
  margin-bottom: 0;
  color: #960000;
}

/* Sub Headers */
.post h3 {
  color: #960000;
}

.post p {
  margin-bottom: 15px;
  text-align: justify;
  font-size: 0.875em;
  color: #222;
}

.post a {
  text-decoration: none;
  color: #960000;
}

.post a:hover {
  text-decoration: underline;
}

.post ol {
  margin: 0 55px 15px 55px;
  list-style-type: decimal;
  text-align: justify;
  font-size: 0.875em;
  color: #222;
}

.post ul {
  margin: 0 30px 0 30px;
  list-style-type: disc;
  font-size: 0.875em;
  color: #222;
}

/*
  Row
===================================================================
*/
.row {
  overflow: hidden;
}

.row .left {
  overflow: hidden;
  width: 350px;
  float: left;
}

.row .right {
  overflow: hidden;
  width: 350px;
  float: left;
}

/*
  Portfolio
===================================================================
*/
#portfolio {
  margin: auto;
  width: 930px;
  overflow: hidden;
}

#portfolio ul {
  list-style: none;
  overflow: hidden;
}

#portfolio ul li {
  margin-bottom: 9px;
  padding: 1px;
  display: block;
  float: left;
  border: 1px solid #960000;
}

#portfolio ul li.middle {
  margin: 0 9px;
}

#portfolio ul li a {
  display: block;
  float: left;
  width: 300px;
  height: 200px;
  text-indent: -9999px;
/*  background: url("images/portfolio/summertech.png");*/
}

#portfolio ul li a:hover {
  text-indent: 0;
  text-align: center;
  text-decoration: none;
  color: #fff;
}

#portfolio ul li a:hover span {
  background: url("images/bg/portfolio.png");
  width: 300px;
  height: 200px;
  display: table-cell;
  vertical-align: middle;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
}

/*
  Contact Us
===================================================================
*/
#contactus {
  margin: 15px auto;
  width: 930px;
  height: 100px;
  overflow: hidden;
  background: url("images/bg/contactus.png") center center no-repeat;
}

#contactus .columns {
  overflow: hidden;
  width: 100%;
  height: 100px;
}

#contactus .columns div {
  padding: 0 5px;
  float: left;
  overflow: hidden;
}

#contactus .columns h2 {
  text-transform: lowercase;
  font-size: 1.25em;
  font-weight: normal;
  font-style: italic;
  color: #fff;
}

#contactus .columns p {
  font-size: 1em;
  color: #fff;
}

#contactus .columns .line {
  margin: 3px 15px;
  padding: 0;
  overflow: hidden;
  width: 1px;
  background: #fff;
  height: 84%;
}

#contactus .columns .left {
  padding: 10px 15px;
  padding-right: 10px;
  overflow: hidden;
  width: 190px;
  text-align: right;
}

#contactus .columns .mid, #contactus .columns .right {
  padding-top: 10px;
  text-align: left;
}

#contactus .columns .mid {
  width: 240px;
}

#contactus .columns .right {
  width: 238px;
}

#contactus .columns .close {
  padding-top: 30px;
  width: 100px;
  cursor: pointer;
}

/* Easy Slider */

#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
}

#slider2 {
  margin-top: 1em;
}

#slider li, #slider2 li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:300px;
	height:241px;
	background: red;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	}	
#nextBtn, #slider1next{ 
	left:696px;
	}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	width:30px;
	height:77px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a, #slider1next a{ 
	background:url(../images/btn_next.gif) no-repeat 0 0;	
	}	
	
/* numeric controls */	

ol#controls{
	margin:1em 0;
	padding:0;
	height:28px;	
	}
ol#controls li{
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
	}
ol#controls li a{
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	background:#DAF3F8;
	color:#555;
	padding:0 10px;
	text-decoration:none;
	}
ol#controls li.current a{
	background:#5DC9E1;
	color:#fff;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/*
  Footer
===================================================================
*/
#footer {
  bottom: 0;
  position: fixed;
	overflow: hidden;
	background-color: #950000;
  width: 100%;
	clear: both;
}

#footer .innards {
  width: 930px; /* reduce the width to make it look nicer */
}

#footer .innards div {
	padding: 10px 0;
/*  background: url("images/logos/slogan.gif") center right no-repeat; */
	text-transform: uppercase;
	font-weight: bold;
	font-size: .65em;
	color: #fff;
}


/* P A R C U S _ I N T E N T I O */