/* @group Level the playing field */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


* {
  margin: 0;
  padding: 0;
}

/* @end */

html {
background: transparent url(images/newSite/bg_tiles1.gif);
color:#666;
padding-bottom: 2em;
}
* html body {
position: relative;	
background: transparent url(images/newSite/body_dropshadow.gif) repeat-y top left;
}

body {
 	background:#f2f2f2;
 	background-image: url(images/grid.gif) top center repeat-y; /* Uncomment to display the grid */
  margin: auto;
  margin-top: 1em;
  width: 840px;
  max-width: 840px;
  min-width: 840px;
  background: transparent url(images/newSite/body_dropshadow.png) repeat-y top left;
}
body#portfolio {
	width: 1110px !important;
  max-width: 1110px !important;
  min-width: 1110px !important;
    margin-top: 75px;
     background: transparent url(images/newSite/body_dropshadow-port.png) repeat-y top ;

}
#wrap {
position: relative;
}

h1, .columnWrapper {
  background: transparent;
}

h1.head {
position: relative;
margin: 0;
padding: 0;
height : 175px;
background: transparent url(images/newSite/head_main.jpg) no-repeat 15px 0; 
}
#portfolio h1.head {
	display: none;
}

.columnWrapper {
  width: 810px;
  margin-top: -62px;
  margin-left: 1.4em;
  padding: 0;
 background: url('images/Baseline.gif')repeat-y -16px 0;
}
#portfolio .columnWrapper {
	width: 1080px !important;
}
*+html .columnWrapper {
position: relative;
top: 10px;
  margin-top: -160px !important;	
}
.left, .leftBack {
width : 66.7%;
margin: .5em 0 0 -1px;
}
/* special for the portfolio page */
#portfolio .left, #portfolio .leftBack {
width: 1080px !important;
margin-left: 0;
}
.right, .rightBack {
width: 33.3%;
margin: .5em 0 0 0;
}  
* html .right, .rightBack { /* for IE */
margin-right: 1px;
background:transparent; 
}

.left {
  float: left;
}
#portfolio .left {
	height: 750px;
margin-left: 20px;
}
.right {
  float: right;
  padding-top: .3em;
}

.left, .right {
  position: relative;
  z-index: 5;
}

.clear {
  clear: both;
}
#portfolio .clear {
position: relative;
clear: both;
z-index: 98;
}
#portfolio .clear a:link {
border-bottom: 1px dotted !important;
}

.leftBack, .rightBack {
  position: absolute;
  top: .1em;
  bottom: 1em;
}

.leftBack {
  left: 1em;
}

.rightBack {
  right: 1em;
}

#footer {
  margin-top: 1em;
}

/* @group Nav bar */
a:link, a:visited { 
text-decoration : none;
color : #333; }

a:hover {
color : #c80000 !important;
background-color: #e3e8f2;
 } 

.nav_categories a {
	color: #333;
}
div.right a, div.right a:link {
	color: #333;
}
div.right a:hover {
	color : #c80000;
}
div.right a:visited {
	color: #333.;
}

ul#nav_tools a {
color : #000;
font-weight: bold; 
background: transparent;} 


ul#nav_tools a:hover {
color : #c80000;
 } 
 
 ul#nav_tools a.selected {
	color: #c80000;
}

/* @end */
a, a:hover img { /* kill the highlight on linked images */
	background-color: transparent !important;
	border-bottom: none !important;
	text-decoration: none;
}


/* @group dropshadows */

/* dropshadows */
.img-wrapL {
    float: left;
    margin: .5em 1em .5em 22px;
    padding: 0;
    background: url(images/newSite/shadow.gif) no-repeat right bottom;
}
/* for IE */
* html .img-wrapL {
	margin:0 0 .5em 11px;
}
.img-wrapL div {
background: url(images/newSite/mask.png) no-repeat left top !important;
background: url(images/newSite/mask.gif) no-repeat left top;    
padding: 0 5px 0px 0;
float: left; /*:KLUDGE: fixes problem in IE5.2/Mac */
}
.img-wrapL div img {
    background-color: #efefef;
    border: #a9a9a9 1px solid;   
    padding: 3px;
}

/* for right floated images */
.img-wrapR {
	float: right;
	margin: .5em 2px 3px 1em;
	padding:  0 2px 0px 0;
	background: url(images/newSite/shadow.gif) no-repeat right bottom;
}
.img-wrapR div {
	background: url(images/newSite/mask.png) no-repeat left top !important;
	background: url(images/newSite/mask.gif) no-repeat left top;	
	padding: 3px;
	float: left; /*:KLUDGE: fixes problem in IE5.2/Mac */
}
.img-wrapR div img {
	padding: 3px;
	background-color: #fff;
	border: #a9a9a9 1px solid;
}
body#weblogEntry .img-wrapL, div#weblogEntry .img-wrapR {
margin:2px 10px 10px 22px;	
}

/* @end */

div#categories {
	overflow: auto;
	margin-bottom: 1em;
	padding:0 22px;
}
div#categories h3 {
	margin-top: .75em;
	padding-top: .75em;
	border-top: #ccc 1px dotted;
}
div#categories a {
	background: transparent !important;
}

ul.leftList {
float: left;
margin-right: 0;
padding-right: 3px;
width: 230px;
}
ul.rightList {
float: right;
padding-right: 0px;
width: 230px;
}
* html ul.rightList {
top: -4px;
}
ul.leftList span, ul.rightList span {
	font-weight: bold;	
}
/* @group rounded corner box */
/* Show only to IE PC \*/
* html .boxhead h4 {height: 1%;} /* For IE 5 PC */
.sidebox {
	margin:.2em 2.5em; /* center for now */
	background: #f6f6f6 url(images/newSite/bottom_right.gif) no-repeat bottom right;
}

.boxhead {
	background: #222 url(images/newSite/top_rightK.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}

div.boxhead h6 {
	background: url(images/newSite/top_leftK.gif) no-repeat top left;
	margin:  -1px 0 0 -1px;
	padding: .5em 0 !important;
	color: #facb3b; 
	font-weight: bold; 
	font-size: 1.4em; 
	line-height: 1.4em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.sidebox ul {
	margin: 0;
	padding: 0;
}
.sidebox p {
	padding: .4375em 0 0;
	list-style: none;
}
.sidebox p a {
display: block;
margin-top: 0;
padding: .4375em;
font-weight: bold;
border-top: #ccc 1px dotted;
}
.boxbody {
	background: url(images/newSite/bottom_left.gif) no-repeat bottom left;
	margin: 0 0 -1px -1px;
	padding: 0 22px .4em 22px;
}
div.bottomBorder {
	margin-left: 1%;
	width: 98%;
	height: 1px;
	border-bottom: #ccc 1px solid;
}
/* @end */
/* rounded corner box end */
/* @group portfolio page */
ul.port {
	float: left;
}

ul.port li img {
	float: left;
	padding: .2em 22px;
}
ul.port li {
	display: inline-table;
}

.clearfix {display: inline-block;}  /* for IE/Mac */
/* @end */
.iesix {
padding: 10px 0;
}

#twittrzBox {
	padding: 10px 0 0 29px;
}

div#footer h5 { 
float: right;
margin-top: -2.2em;
background : transparent url(images/newSite/poweredByEE.jpg) no-repeat; }

div#footer h5 a { 
display : block;
width : 150px; 
height : 25px; 
text-indent : -9999px; }

div#footer h5 a:hover {
	background-color: transparent;
}