/*------------------------------------------------------------------------------
>>>>  Default Blueprint CSS 
      This provides the styles for Blueprint's default templates.
      You can discard it entirely, or simply delete or comment out the irrelevant
      parts.
      
      This stylesheet is divided into several sections:
      + Reset (to give you a blank CSS canvas on which to work)
      + Sample colours and embellishments (the first bit you should delete - this
        provides tweaks to make the default templates look nice, and probably
        isn't relevent when you're putting together a fresh design)
      + Layout
      + Basic typography (in ems) with simple table styles
      + Mimetypes (presentation of download / view links for non-image assets)
      
      Following these sections, there are styles for each of the default blueprint
      modules. They are namespaced with the module code (i.e. blg, evt, nws),
      which is is applied to the body in the main default layout.

      We're always keen to hear about things that might make the default templates
      easier to comprehend and to use.
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}

* {
     margin: 0;
}
/* For IE */
img { -ms-interpolation-mode:bicubic; } 

a img {
  border: none;
}

a, a:link { text-decoration: none; }
a:visited { }
a:hover { text-decoration: underline; }
a:active { }
ul li.active { text-decoration: underline; }
em {
	font-style:italic;
}

.clearBoth {
	clear:both;
}
/* custm css here*/
body, html, * {
	font-family: Baskerville, "Times New Roman", Times, serif;
	color: black;
	font-size: 14px;
	line-height: 18px;
}

body {
		background: white;
}
body, html {
	height: 100%;
}
/* minimun width */
#ContentId, .wrapper {
	min-width:930px;
}
#ContentId {
	min-height: 445px;
}

.wrapper {
	min-height: 420px;
	min-height:100%;
}

/* hide home and projects*/
ul li#home, ul li#all-projects {
	display: none;
}
ul li#projects {
	padding:0;
	background:none;
}
/* header */
.sideHeader, .content, #projects, .image ul li{
	padding: 20px 20px 10px 15px;
}
#projects{
	padding: 20px 20px 30px 15px;
}
.sideHeader, .content{
	/*background: rgba(255, 255, 255, 0.8);*/
	background: url(../images/back.png) bottom left no-repeat;
}
#projects.background,  .image ul li  {
	background: url(../images/back.png) top right no-repeat;
}
#projects.backgroundCut {
	background: url(../images/ieBack.png) top right;
}
.content {
	background: transparent;
	padding: 0;
	margin: 25px 0px 0px 0px;
}
.wrapper {
	position: absolute;
	z-index: 2;
	left:0;
	top:0;
	clear:both;
}
.sideHeader {
	float:left;
	height:360px;
	margin:25px 15px 55px 25px;
	text-transform:capitalize;
	width:104px;
}
.sideHeader .logo a {
	background-color:transparent;
	background-image:url(../images/logo.png);
	background-position:center center;
	background-repeat:no-repeat;
	display:block;
	height:104px;
	margin-bottom:20px;
	width:104px;
}

.sideHeader .logo h1 {
	display: none;
}

.content {
	min-height: 360px;
	float: left;
	width: auto;
	height: auto;
	position:relative;
	margin-bottom:60px;
	width:725px;
}
.content .text {
	width: 180px;
	float: left;
}
.content .text h3 {
	font-weight: normal;
	padding: 0 0 15px 0;
	text-decoration: underline;
	text-transform: capitalize;
}
.content .text h3.projectTitle {
	text-decoration:none;
	padding: 0;	
}
.date span, .project span, .client span {
	font-style:italic;
}
.date span, .project span, .client span {
	text-decoration:none;
}

.content #projects {
	min-height: 340px;
	float: left;
	position:relative;
}
.content #projectDesc {
	height:320px;
	overflow:auto;
}
/* image slide show */
.content .image {
	float: right;
	height: 390px;
	
}

.content .imageLoader , .content .imageLoader li{
	width: 490px;
	overflow: hidden;
	height: 350px;
}
.content .imageLoader {
	height: 390px;
	width: 510px;
}
.content .imageLoader li{
		padding: 20px 20px 20px 0px;

}
.image .imageControl{
	bottom:15px;
	left:15px;
	position:absolute;
	width:240px;
}
/*flash background */
#ContentId{
		position: absolute;
		top: 0;
		left:0;
		width: 100%;
		/*height: 100%;*/
}
#flashBackground {
	width: 100%;
	position:relative;
	z-index: 1;
	height:100%;
}
p.back {
	display:none;
}

span#total {
	bottom:15px;
	left:35px;
	position:absolute;
	text-align:center;
	width:60px;
}
span#prevBtn{
	display:block;
}
span#nextBtn{
	left:75px;
	position:absolute;
	bottom:0px;
}

#pge .content #projects, #lnk .content #projects {
	width:188px;
}
/* news css */
#nws .content #projects {
	width:690px;
}
#nws .wrapper, #nws #ContentId {
	min-width:930px;
}
h2 span {
	text-decoration:underline;
}
h2 {
	margin-bottom:15px;
	text-transform:capitalize;
}
.pagination {
	width:695px;
	height:20px;
}
.pagination span {
	display:block;
	float:left;
	width:50px;
}
.pagination ul {
	float:left;
	margin-left:5px;
}
.pagination li {
	float:left;
	margin-right:5px;
}
.pagination li.nextPage{
	margin-left:10px;
}
.pagination li.prevPage {
	margin-right:15px;
}
#projects .post {
	padding-bottom:40px;
}
/* image classes */
	
img.alignLeft {
	float:left;
	margin-right:15px;
}
img.alignRight {
	float:right;
	margin-left:15px;
}
img.alignCenter {
	margin:auto;
	display:table;
	clear:both;
}

/* link css */
dt {
	font-style:italic;
}
dd {
	margin-bottom:10px;
}

/* footer css */

.footer {
	z-index:3;
	position:absolute;
	height:20px;
	padding:0 25px 20px;
	width:473px;
	bottom:0;
	left:0;
}
.footer p, .footer p a{
		font-size:12px;
		line-height:20px;
}
.push {
	height:20px;
	padding-bottom:25px;
}	
.wrapper {
	margin: 0 auto -45px;	
}
/* home css */

#pge .content #projects.home {
	width:188px;
	position:absolute;
	top:70px;
	left:150px;
	height:200px;
	min-height:200px;
	
}

.placeholder #main { position:absolute; top:50%; left:50%; width:800px; height:600px; margin:-300px 0 0 -400px;}