/* -------------------------------------------------------------- 

Screen styles

* Base Screen and template styles
* Version:   1.0
* Author:	Daniel Eberhardt -

-------------------------------------------------------------- */

@import "lib/grid.css";
@import "lib/text.css";
@import "../plugins/sifr/sifr.css";
/*Colours*/

/* Site
-------------------------------------------------------------- */

html{
				background: rgb(255, 255, 255);
				height: 100%;
				margin-bottom: 0;
				}

body{
				margin: 0;
				padding: 0;
				background: rgb(255, 255, 255) url('_img/background-lines2.png') no-repeat 50% 0;
				line-height: 0;
				color: rgb(102, 102, 102);
				}
				
body#home{
				background: rgb(255, 255, 255) url('_img/background-lines.png') no-repeat 50% 0;
								}
								
body#portfolio{
				background: rgb(255, 255, 255) url('_img/background-lines3.png') no-repeat 50% 0;
								}
#page{
				position: relative;
				line-height: 2em;
				padding-bottom:36px;
				}

/*.container_12{
				background: url('_img/12_col.gif');
				}*/
#content
{
				margin-bottom: 4em;
				}
.section{
				clear: both;
				}

/* @group Base typography */

a, a:link
{
				color: rgb(46, 46, 46);
				}
a:hover
{
				text-decoration: none;
				}
p strong
{
				color: rgb(0, 0, 0);
				}

#content h1
{
				margin-top: 1em;
				font-family: "GillSans","Gill Sans";
				font-weight: 100;
				letter-spacing: 0.1em;
				}

#content h2
{
				font-weight: 100;
				}

blockquote, q{
				quotes: "" "";
				}

blockquote{
				border-bottom:1px dotted #CCCCCC;
				font-family:"Times New Roman",Times,serif;
				font-size:14px;
				font-size-adjust:none;
				font-stretch:normal;
				font-style:italic;
				font-variant:normal;
				font-weight:normal;
				line-height:1.714;
				margin:2em 58px;
				padding-top:10px;
				}
blockquote p{
				padding: 0 20px 1em;		
				letter-spacing: 0.075em;
				
				}

blockquote:before, blockquote:after, q:before, q:after{
				content: "";
				}


#prominentContent .testimonial
{
				padding: 23px 20px;
				width: 198px !important;
				min-height: 360px;
				border-right: 1px solid rgb(219, 219, 219);
				}
#prominentContent .testimonial blockquote
{
				border-bottom:none;
				margin: 0;
				}

#prominentContent .testimonial blockquote p
{
				padding: 0;
				font-size: 12px;
				line-height: 1.6em;
				}


#prominentContent blockquote em.cite
{
				display: block;
				color:#000000;
				text-transform: lowercase;
				font-variant: small-caps;
				text-align: left;
				font-style: normal;
				margin-left:0px;
				}
				
blockquote em.cite
{
				margin-left:21px;
				}
				


#prominentContent .testimonial a.more
{
				font-size: 11px;
				line-height: 1.636em;
				display: block;
				text-align: left;
				margin-left:0px;
				}
				
.testimonial a.more {margin-left:80px}
				
/* @end */



#branding
{
				height: 96px;
				padding-top: 24px;
				}
#branding h1
{
				margin-bottom: 0;
				display: block;
				line-height: 1em;
				}
.brand span
{
				display: none;
				}
.brand img
{
				margin-bottom: 0;
				display: block;
				}

#tagRotator
{
				height: 32px;
				clear: both;
				overflow:hidden;
				}
#tagRotator div
{
				line-height: 2em;
				}
				
#taglines 		{ margin-top:4px;
}

/* @group My Group */



/* @end */
/* @group Main Navigation */

.nav ul,
.nav li
{
				list-style: none;
				padding-left: 0;
				margin-left: 0;
				margin-bottom: 0 !important;
				}
.mainNav
{
				padding-top: 1em;
				}
.mainNav li a
{
				display: block;
				font: 100 18px/2 "GillSans","Gill Sans";
				text-decoration: none;
				color: rgb(153, 153, 153);
				text-transform: lowercase;
				}
.mainNav li.current a,
.mainNav li a:hover
{
				font-size: 22px;
				line-height: 1.636;
				color: rgb(72, 70, 70);
				}

/* @end */

/* @group JQuery fader and SlideShowPro gallery */
.gallery{
				background:transparent url("../images/loading.gif") no-repeat center center;
				overflow:hidden;

				height: 408px;

				}
.gallery,.gallery  li{
				list-style:none;
				margin:0;padding:0;
				overflow:hidden;	
				}
.gallery  li { 
				width:540px; height:408px;
}
.gallery,
.sspGallery{
				width: 540px;
				float: left;
				margin-right: 1px;
				}

.profilePhoto,
#prominentContent .testimonial{
				float: left;
				width: 239px;
				height:408px;
				overflow:hidden;
				}
#prominentContent .testimonial
{
	height: 362px;
}


.gallery,
.gallery a,
.profilePhoto img{
				display: block;
				float: left;
				overflow:hidden;
				}
				
#prominentContent { position:relative; overflow:hidden; }
.arm			{ width:30px; height:408px; top:0;position:absolute;right:238px;z-index:100; margin:0; padding:0; zoom:1;}



#content
{
	position:relative;
}

/* @end */

/*  @group Tooltip */
p#vtip{
				display:none;
				position:absolute;
				padding:5px;
				left:5px; 
				background-color:white;
				border:1px solid #eee;
				z-index:9999;
				font: normal 1.7em/26px Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
				color:#c6c6c6;
				}
p#vtip #vtipArrow{
				position:absolute;
				bottom:
				-10px;
				left:5px
				}
/* @end */

#content li
{
				margin-bottom: 0.5em;
				}

.callEmail
{
				padding: 2em 0 2em;
				margin: 2em 0;
				}

#footer
				{
				background:#9F9F9F none repeat scroll 0 0;
				bottom:0;
				left:0;
				padding:1em 0 1.5em;
				position:fixed;
				right:0;
				z-index:200;
				width: 100%;
				height: 36px;
				}
#footer p
{
				margin-bottom: 0;
				
				font-style: italic;
				line-height: 1.5;
				
				color: rgb(255, 255, 255);
				color: rgba(255, 255, 255, .75);
				}
#footer .vcard .tel .type
{
				display: none;
				}


#designers p
{
				font-size: 11px;
				line-height: 1.636em;
				padding-top: 1.636em;
				text-align:right;
				}

/* @group Clearing */

#page:after,
#header:after,
#content:after,
#mainContent:after,
#footer:after,
.container_12:after{
				clear: both;
				content: '.';
				display: block;
				visibility: hidden;
				height: 0;
				}

/* @end */

/* @group Replace */

/* replace */

.replace{
				text-indent: -10000em;
				display: block;
				background-repeat: no-repeat;
				background-position: left top;
				background-color: transparent;
				text-align: left;
				height: 0px;
				}

.replace a span, span.replace{
				text-indent: -10000em;
				line-height: 0.01em;
				height: 0;
				}

.hidden{
				display: none;
				}

/* @end */

table.accolades		{border:0 none;}
table.accolades td	{border:0 none;padding:40px;vertical-align:top;}
table.accolades td a{display:block;}