/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.                  */
/* http://creativecommons.org/licenses/by/2.0                     */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

* {
  margin: 0px;
  padding: 0px;
  border: none;
}

html, body {
	height: 100%;
}

body
{
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857em; /* set global line height to 20px */
color: #323232;
margin: 0;
background: #fafafa url(img/back.png) top center repeat-x;
}

A:link			{color: #ff9200; text-decoration:none;}
A:visited		{color: #ff9200; text-decoration:none;}
A:hover			{color: #ff9200; text-decoration:underline;}

h1, h2, h3, h4, h5, h6  {
text-align : left;
font-family : Helvetica, Verdana, Arial, sans-serif;
font-weight : bold;
font-size : 20px;
} 

.orange-txt{
color : #ff9200;
}

.white-txt{
color : #fff;
}

.hiddenPic {display:none;}

#container {
	width:100%;
	margin: 0 auto;
	text-align:center;
	background: url(img/header_01.jpg) top center no-repeat;
}

#logo {
	display: block;
	width:271px;
	height:79px;
	float:left;
	background: url(img/logo.png) left no-repeat;
	text-indent: -3000px;
}

#header{
	width:960px;
	height:79px;
	margin: 0 auto;
}

#main{
	width:960px;
	margin:0px auto;
	text-align:center;
  padding:0px;
}

#header-space{
	width:960px;
	height:138px;
  margin: auto;
}

#menu li {float:left;}
#menu li a {display:block;}
#menu li a b {position:absolute; left:-9999px;}

#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 960px;
	height: 48px;
	position: relative;
}

#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}

#menu .home-off {
	width: 138px;
	height: 48px;
	background: url(img/menu_sprites.png) 0px -48px no-repeat;
	left:0px;
}

#menu .home-on {
	width: 138px;
	height: 48px;
	background: url(img/menu_sprites.png) 0px 0px no-repeat;
	left:0px;
}

#menu .services-off {
	width: 157px;
	height: 48px;
	background: url(img/menu_sprites.png) -138px -48px no-repeat;
	left:138px;
}

#menu .services-on {
	width: 157px;
	height: 48px;
	background: url(img/menu_sprites.png) -138px 0px no-repeat;
	left:138px;
}

#menu .portfolio-off {
	width: 155px;
	height: 48px;
	background: url(img/menu_sprites.png) -295px -48px no-repeat;
	left: 295px;
}

#menu .portfolio-on {
	width: 155px;
	height: 48px;
	background: url(img/menu_sprites.png) -295px 0px no-repeat;
	left: 295px;
}

#menu .about-off {
	width: 132px;
	height: 48px;
	background: url(img/menu_sprites.png) -450px -48px no-repeat;
	left: 450px;
}

#menu .about-on {
	width: 132px;
	height: 48px;
	background: url(img/menu_sprites.png) -450px 0px no-repeat;
	left: 450px;
}

#menu .contact-off {
	width: 181px;
	height: 48px;
	background: url(img/menu_sprites.png) -582px -48px no-repeat;
	left: 582px;
}

#menu .contact-on {
	width: 181px;
	height: 48px;
	background: url(img/menu_sprites.png) -582px 0px no-repeat;
	left: 582px;
}

#top-spacer{
	width:920px;
	height:10px;
  margin: auto;
}

#main-content{
	width:960px;
  margin: auto;
	text-align:center;
	background: #fafafa url(img/edge.png) top center repeat-y;
}

#inner-content{
	width:900px;
  text-align:left;
  margin-left: auto ;
  margin-right: auto ;
  overflow: hidden;
}

#bottom{
	width:960px;
	height:17px;
  margin: auto;
  text-align:center;
  background: url(img/bottom.png) top center no-repeat;
}

#main-splash{
	width:920px;
	height:246px;
	background: url(img/main.jpg) top center no-repeat;
  margin:auto;
}

#main-splash-text{
	width:390px;
	height:230px;
	float:left;
	text-align: left;
	line-height:1.8em;	
	padding-top:10px;
	padding-left:10px;

}

#main-spacer{
	width:920px;
	height:20px;
  margin: auto;
}

#main-boxes{
	width:920px;
	height:157px;
  margin: auto;
}

#box-1{
	width:230px;
	height:157px;
	background: url(img/box_01.png) top center no-repeat;
	display:block;
  margin:auto;
  float:left;
  text-indent: -900%;
}

#box-2{
	width:230px;
	height:157px;
	background: url(img/box_02.png) top center no-repeat;
  margin:auto;
  float:left;
  text-indent: -900%;
}

#box-3{
	width:230px;
	height:157px;
	background: url(img/box_03.png) top center no-repeat;
  margin:auto;
  float:left;
  text-indent: -900%;
}

#box-4{
	width:230px;
	height:157px;
	background: url(img/box_04.png) top center no-repeat;
	margin:auto;
	float:left;
	text-indent: -900%;
}

.portfolio-container{
	width:900px;
	height:159px;
	margin:0px;
	padding:0px;
	margin-bottom:20px;
	float:left;
}

.portfolio-text{
	width:393px;
	height:159px;
	padding-left:20px;
	margin:0px;
	padding:0px;
	float:right;
}

.portfolio-image{
	width:497px;
	height:159px;
	margin:0px;
	padding:0px;
	float:left;
}

#contact-main{
	width:380px;
	margin:0px;
  padding:0px;
  float:left;
}

#contact-form-wrapper{
	width:490px;
	margin:0px;
  padding:0px;
  float:right;
}