/* =normalize */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ol, ul { list-style: none; }
address, caption, code, dfn, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
td img {display: block;}

/* =general */

body { text-align: center; }
form input { vertical-align: middle; }
form input.text { height: 18px; }
a 
{ 
	text-decoration: none; 
	color: #004b6e; 
}


/* =frame */
#container { position:relative; width: 960px; text-align: left; margin: 0 auto; padding: 0; }


/* =base styles */

html, body 
{
   background: #fff;
   color: #000;
}

body.home
{
	background: #fff url('../images/home-bkg.png') repeat-x;
}

div#content
{
	float:left;
	width: 540px;
	padding: 40px 60px;
	color: #515557;
}


div#content p
{
	font-size: 0.75em;
	padding: 0 0 15px 0;
	line-height:1.6em;
}

div#content .lead
{
	font-size: 1em;
}

div.textblock p, div.right ul.list li
{
	margin: 0 30px 15px 20px;
	font-size: 0.75em;
	line-height: 1.6em;
	width:340px;
}

div.mapblock p
{
	margin: 0 30px 15px 20px;
	font-size: 0.75em;
	line-height: 1.6em;
	width:500px;
}


div.quotebox
{
	background: #e9f3f8 url('../images/quotebox.png') no-repeat;
	width: 480px;
	height: 79px;
	padding: 20px 20px 10px 20px;
	margin: 0 0 30px 0;
	text-align:center;
	font-style: italic;
	font-family: Minion Pro, Georgia, Times New Roman, serif;
	font-size: 1.15em;
	line-height: 1.4em;
}

html, body, h2, h3, h4, div, p, ul, li, input 
{
	font-family: lucida grande, tahoma, helvetica, sans-serif;
	font-size: 100%;
}

h1, h2, h3
{
	color: #b46f00;
}

h2
{
	font-size: 0.875em;
}


ul.textlist
{
	font-size: 0.75em;
	list-style-type: disc;
	padding: 0 0 10px 20px;
}

ul.textlist li
{
	padding: 0 0 10px 0;
}

a.text
{
	color: #797c7d;
}

div.arrow-link-right a
{
	background: #fff url('/img/arrow-right.gif') no-repeat;
	display:block;
	padding-left: 30px;
	margin: 20px 0 0 20px;
}

div.small
{
	font-size:0.7em;
}

p.caption
{
	font-size:0.7em;
	font-style: italic;
	color:#797c7d;
	margin: 10px 0 0 0;
	line-height:1.6em;
}

.invalid
{
	border:1px solid #c00;
	background-color:#faa;
}
.valid 
{
	border:1px solid #000;
	background-color:#fff;
}





/* =header */

div#header
{
	height:74px;
	padding: 5px 0;
}

div#header div#web-logo p {

    display: block;
    background: #fff url('/images/logo-web-design-vancouver.png') no-repeat;
    width:280px;
    height:39px;
    text-indent: -9999px;
    cursor: pointer;
}

div#web-logo
{
	float:left;
	height: 39px;
	width: 280px;
	margin: 20px 0;
}

div#contact-top
{
	float:right;
	margin: 26px 0 0 0;
	width: 220px;
}

div#contact-top p
{	
	color: #bfbfbf;
	font-size: 0.7em;
	line-height: 1.5em;
}




/* =nav */

ul#nav
{
	height:20px;
	font-size: .70em;
	padding:0px;
	margin:0px;
	list-style-type:none;
}

ul#nav li
{
	float:left;
	padding:0px;
	margin:0px 20px 0 0;
	height: 20px;
	text-transform: uppercase;
}

ul#nav li.active
{
	background: #fff url('../images/nav-arrow.png') no-repeat center 16px;
}

ul#nav li a
{
	color:#0b4b6e;
}


div.nav-clear
{
	clear:both;
}


/* =home */

div#scientists
{
	width: 960px;
	height: 195px;
	border: 1px solid #004b6e;
	border-width: 1px 0 0 0;
}

td.grad
{
	background: #fff url('../images/3-col-bkg.png') no-repeat;
	height: 257px;
	width: 180px;
	font-size:0.7em;
	line-height: 1.7em;
	color: #797c7d;
}

td.grad div
{
	width: 160px;
	padding: 0 10px;
}

td.grad .header
{
	margin: 30px 0 10px 0;
}

td.grad .readmore
{
	margin: 10px 0 0 0;
}


/* =subnav */

#subnav
{
	height:24px;
	width: 960px;
	border: 1px solid #004b6e;
	border-width: 1px 0 0 0;
	margin: 0px;
	padding: 0px;
	background: #2b7699 url('../images/subnav.png') no-repeat;
}

#subnav ul
{
	height:20px;
	font-size: .65em;
	padding:0px;
	margin:0px 0 0 10px;
	list-style-type:none;
	color: #fff;
}

#subnav ul li
{
	float:left;
	padding:6px 0 0 0;
	margin:0px 20px 0 0;
	height: 18px;
	text-transform: uppercase;
}

#subnav ul li.active
{
	background: transparent url('../images/subnav-arrow.png') no-repeat center 0px;
}

#subnav ul li a
{
	color:#fff;
}


/* =right panel */

div#panel
{
	float:right;
	width: 299px;
	border: 1px solid #d9d9d9;
	border-width: 0 0 0 1px;
	margin: 20px 0 0 0;
	padding: 10px 0 20px 0;
	font-size: 0.7em;
	color: #797c7d;
}

div#panel p
{
	margin: 6px 10px 30px 70px;
	line-height: 1.6em;
}

div#panel p.date
{
	color:#a8aaab;
	margin: 6px 10px 0 70px;
}

div#panel h2
{
	display: block;
    width:166px;
    height:25px;
    margin: 10px 0 10px 70px;
    text-indent: -9999px;
    cursor: pointer;
}

div#panel h2.twitter
{
    background: #fff url('../images/panel-twitter.png') no-repeat;
}

div#panel h2.blog
{
	
    background: #fff url('../images/panel-blog.png') no-repeat;
}

div.panel-divider
{
	margin: 20px 0;
	border:1px solid #d9d9d9;
	border-width: 1px 0 0 0;
}

div#panel p.site-text
{
	font-weight:500;
	margin-top:8px;
}

div#panel p.sitename-upcoming
{
	font-weight:bold;
	color:#a9a9a9;
	font-style:normal;
}



/* =portfolio page */

#portfolio
{
	margin: 0 0 0 50px;
}

#portfolio-inner
{
	margin: 40px 0 30px 0;
	width: 500px;
	height: 420px;
	border: 0px;
	overflow: hidden;
	float:left;
}

ul#web-design-development
{
	width: 1000%;
	margin: 0px;
	padding: 0px;
}

ul#web-design-development li
{
	float:left;
	padding: 0 50px 0 50px;
}

.portfolio-nav
{
	float:left;
	margin: 220px 0 0 0;
	font-size: 0.7em;
}

.portfolio-item
{
	width:402px;
	height:402px;
	text-align:center;
}

.site-description
{
	padding: 260px 30px 0 50px;
	line-height:150%;
	text-align:left;
	font-size:0.7em;
}

.site-link
{
	padding: 15px 0 30px 0;
	font-size:0.65em;
}

.site-work
{
	color:#797c7d;
	font-size:0.65em;
}

#portfolio-howardstern
{
	background: #FFF url('../images/portfolio-howardstern.png') no-repeat;
	background-position: center;
}
#portfolio-davis
{
	background: #FFF url('../images/portfolio-davis.png') no-repeat;
	background-position: center;
}
#portfolio-ltsa
{
	background: #FFF url('../images/portfolio-ltsa.png') no-repeat;
	background-position: center;
}
#portfolio-realestatechannel
{
	background: #FFF url('../images/portfolio-realestatechannel.png') no-repeat;
	background-position: center;
}
#portfolio-foodconnect
{
	background: #FFF url('../images/portfolio-foodconnect.png') no-repeat;
	background-position: center;
}
#portfolio-mobilitytoday
{
	background: #FFF url('../images/portfolio-mobilitytoday.png') no-repeat;
	background-position: center;
}
#portfolio-shotinvancouver
{
	background: #FFF url('../images/portfolio-shotinvancouver.png') no-repeat;
	background-position: center;
}



/* =contact */

#phone
{
	display: block;
    background: #fff url('../images/phone.png') no-repeat;
    width:384px;
    height:136px;
    margin: 0px auto 30px auto;
    text-indent: -9999px;
    
}

#email
{
	display: block;
    background: #fff url('../images/email.png') no-repeat;
    width:497px;
    height:74px;
    margin: 0px auto;
    text-indent: -9999px;
    cursor: pointer;
    
}

/* =cms page */

div.headline-cms h1 {
	background: #fff url('/img/content-management.gif') no-repeat;
    width: 522px;
    height: 24px;
}


div#cms-logo p {

    display: block;
    background: #fff url('/img/expresslane-cms.png') no-repeat;
    width:275px;
    height:82px;
    text-indent: -9999px;
    margin:  0 0 0 15px;
}

div.cms p
{
	width: 310px;
}

div.feature-row
{
	float:right;
}

div.feature-row ul li
{
	
	width: 336px;
	height: 266px;
	background: #fff url('/img/feature-frame.png') no-repeat;
	padding: 10px 0 0 10px;
	margin: 10px 16px 0 0;
}




/* =contact page */

div.headline-contact h1 {
	background: #fff url('/img/contact.gif') no-repeat;
    width: 360px;
    height: 24px;
}

div.contact-image
{
	width: 300px;
	height: 171px;
	border: 1px solid #666;
	float:right;
	margin: 6px 30px 0 30px;
	color:#FFF;
}

input.emailinput
{
	width:200px;
	border: 1px solid #999;
}

.emailtextarea
{
	width:400px;
	height:100px;
	min-height:100px;
	border: 1px solid #999;
}

div.contactform
{
	margin: 20px 0 0 20px;
}

div.contactform p
{
	font-weight:bold;
	font-size:14px;
	color:#999;
	font-style:italic;
	margin:20px 0 0 0;
	line-height:120%;
}

.emailbutton
{
	width: 77px;
  height: 26px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url('/img/send-message.gif') no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
 }
 
 .address
 {


 }


/* =demos */
.demo-map
{
	margin: 0 0 20px 20px;width: 650px; height: 300px;border: 1px solid #6666dd;
}
#address
{
	font-weight:bold;
	color:#666;
}
/* =footer */

div#footer
{
	padding: 20px 0 20px 0;
	margin: 20px 0 0 0;
	clear:both;
	width:960px;
	border:1px solid #d9d9d9;
	border-width: 1px 0 0 0;
	color:#797c7d;
}

div#footerlinks
{
	font-size:0.65em;
	padding-left:20px;
	color: #ddd;
}

div#footerlinks a
{
	color:#797c7d;
}

div#copyright
{
	float:right;
	width: 280px;
	font-size: 0.65em;
}


pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.code {
background-color: #FFFFFF;
width: 630px;
border: 3px solid #eee;
background-color:#f7f7f7;
text-align: left;
padding: 15px 10px 0px 10px;
margin: 10px 0 20px 20px;
font-size:0.9em;
}