/* =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, strong, 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: ''; }


/* =general

Sample    #EB9E08 235.00 158.00   8.00
Theme # 1 #F2DCFD 241.88 219.71 253.31
Theme # 2 #B4EEEC 180.49 238.06 236.03
Theme # 3 #FBDFC0 250.71 222.91 192.29
Theme # 4 #C4E8FF 196.31 231.68 255.00
Theme # 5 #00CED0   0.00 206.04 207.83
Theme # 6 #DD8BFF 220.74 138.59 255.00
Theme # 7 #5BAAFF  91.03 169.79 255.00
Theme # 8 #1CBEDE  28.37 189.50 221.96
Theme # 9 #1087BE  16.14 135.28 190.33
Theme #10 #B57000 180.81 111.91   0.00
Theme #11 #A95BDE 169.35  91.26 221.58
Theme #12 #009CA0   0.00 155.62 159.55

*/

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


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


/* =base styles */

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

div#content
{
	float:left;
	width: 720px;
}

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;
}


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

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

h2
{
	font-size: 0.875em;
}

a.text
{
	color: #7d7d7d;
}

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:#7d7d7d;
	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:80px;
	padding: 5px 0;
}

div#header div#web-logo p {

    display: block;
    background: #fff url('/img/merge-web-design-vancouver.png') no-repeat;
    width:270px;
    height:80px;
    text-indent: -9999px;
    cursor: pointer;
}

div#web-logo
{
	float:left;
	height: 80px;
	width: 270px;
}

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
{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

ul#nav li
{
	float:left;
	display:block;
	width:240px;
	height:50px;
	padding:0px;
	margin:0px;
	background-color:#636363;
}

ul#nav li a
{
	font-size: 0.65em;
	color:#acacac;
	margin-left: 20px;
	line-height: 66px;
}

.nav-li-1
{
	background-image: url('/img/nav_01.png');
}
.nav-li-2
{
	background-image: url('/img/nav_02.png');
}
.nav-li-3
{
	background-image: url('/img/nav_03.png');
}
.nav-li-4
{
	background-image: url('/img/nav_04.png');
}

.nav-li-1-on, .nav-li-1-active 
{
	background-image: url('/img/nav_01-on.png');
	cursor: pointer;
}
.nav-li-2-on
{
	background-image: url('/img/nav_02-on.png');
	cursor: pointer;
}
.nav-li-2-active 
{
	background-image: url('/img/nav_02-active.png');
	cursor: pointer;
}

.nav-li-3-on, .nav-li-3-active 
{
	background-image: url('/img/nav_03-on.png');
	cursor: pointer;
}
.nav-li-4-on, .nav-li-4-active 
{
	background-image: url('/img/nav_04-on.png');
	cursor: pointer;
}

div.nav-clear
{
	clear:both;
}



/* =right panel */

div#panel
{
	float:right;
	width: 239px;
	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: #7d7d7d;
}

div#panel p
{
	margin: 12px 20px 0 20px;
	line-height: 1.6em;
}

div#panel h2
{
	margin: 16px 0 0 20px;
}

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;
}



/* =home page */

div.quotebox-container
{
	width: 700px;
	height:119px;
	margin: 40px 0 0 20px;
	padding: 0 0 0 0;
	border: 1px solid #d9d9d9;
	border-width: 0 0 1px 0;

}

div.quotebox
{
	margin: 0px 0 0 0;
}

div.headline-home
{
	display:none;
}
div.headline-home h1 {
	background: #fff url('/img/we-create-websites.gif') no-repeat;
    width:541px;
    height: 55px;
    display: block;
    text-indent: -9999px;
}


div.quotebox-link
{
	padding: 0 0 0 0;
	margin: 0 0 0 -20px;
	font-size:0.7em;
	display:none;
}

div.see-all
{
	float:right;
	width: 240px;
	padding: 8px 0 0 0;
	margin-top:0px;
	font-size:0.7em;
}

div#featured-work
{
	padding:20px 0 10px 20px;
}

div.thumb-row
{
	margin: 0px 0 0 8px;
}

div.thumb-row ul, div.thumb-label ul
{
	margin:0;
	padding:0;
}

div.thumb-row ul li
{
	float:left;
	width: 212px;
	height: 174px;
	background: #fff url('/img/thumb-frame.gif') no-repeat;
	padding: 12px 0 0 12px;
	margin: 0 16px 0 0;
}

div.thumb-row ul li.last, div.thumb-label ul li.last
{
	margin: 0;
}

div.thumb-label ul
{
	margin: 0 0 10px 8px;
}

div.thumb-label ul li
{
	float:left;
	width: 224px;
	padding: 0 0 30px 0;
	margin: 0 16px 0 0;
	font-size: 0.75em;
	color: #7d7d7d;
}

div.thumb-label ul li.last-row
{
	padding-bottom: 0px;
}

div.thumb-label p
{
	padding: 0 12px 5px 12px;
	line-height:1.5em;
}

p.sitename
{	
	font-weight:bold;
	text-transform: uppercase;
}

#thumb1, #thumb2, #thumb3, #thumb4, #thumb5, #thumb6
{
	
}




/* =work page */

div.quotebox-noimage h1 {
   
   	margin: 40px 0 30px 20px;
}

div.quotebox-small h1 {
    display: block;
    height:24px;
    text-indent: -9999px;
	margin: 40px 0 30px 20px;
}

div.headline-work h1 {
	background: #fff url('/img/off-the-streets.gif') no-repeat;
    width:600px;
}

div.client-davis h1 {
	background: #fff url('/img/client-davis.gif') no-repeat;
    width:600px;
}
div.client-foodconnect h1 {
	background: #fff url('/img/client-foodconnect.gif') no-repeat;
    width:600px;
}
div.client-howardstern h1 {
	background: #fff url('/img/client-howardstern.gif') no-repeat;
    width:600px;
}
div.client-ltsa h1 {
	background: #fff url('/img/client-ltsa.gif') no-repeat;
    width:600px;
}
div.client-rec h1 {
	background: #fff url('/img/client-rec.gif') no-repeat;
    width:600px;
}
div.client-mobilitytoday h1 {
	background: #fff url('/img/client-mobilitytoday.gif') no-repeat;
    width:600px;
}



/* =work detail */

div#nav-work
{
	margin: 20px 0;
	padding: 20px 0;
	border: 1px solid #d9d9d9;
	border-width: 1px 0;
	width: 720px;
	font-size: 0.75em;
}

div.nav-prevnext
{
	float:right;
	width: 220px;
	padding-right:15px;
	color:#ddd;
	text-align:right;
}

div.nav-prevnext a.previous
{
	background: #fff url('/img/arrow-left.gif') no-repeat 0 0;
	padding-left: 30px;
}

div.nav-prevnext a.next
{
	background: #fff url('/img/arrow-right.gif') no-repeat 30px 1px;
	padding-right: 35px;
}

div.back-to-work
{
	margin: 0 0 0 20px;
}

div.back-to-work a
{
	background: #fff url('/img/arrow-left.gif') no-repeat 0 0;
	padding-left: 30px;
}

div.detail-thumb
{
	float:left;
	width: 212px;
	height: 174px;
	background: #fff url('/img/thumb-frame.gif') no-repeat;
	padding: 12px 0 0 12px;
	margin: 0 16px 0 8px;
}

div.detail-text
{
	float:right;
	width: 400px;
	margin: 10px 60px 0 0;
	font-size:0.75em;
}

div.detail-text p
{
	line-height:1.6em;
	margin-top:10px;
}

div.detail-text a.strong { font-weight:bold; }

div.detail-text p.stats
{
	margin-top:0;
	color:#b46f00;
	font-weight:bold;
}



/* =about page */

div.headline-about h1 {
	background: #fff url('/img/agile-design-firm.png') no-repeat;
    width:680px;
    height: 65px;
    margin: 0 20px 0 20px;
}

div#crane
{	
	float:right;
	margin: 0 86px 0 0;
}

div.tb-about
{
	margin-top:30px;
}



/* =services page */

div.headline-services h1 {
	background: #fff url('/img/user-experience.gif') no-repeat;
    width: 392px;
    height: 24px;
}
div.services-menu
{
	width:260px;
	margin: 0px 10px 20px 20px;
}

div.services-box
{
	width: 230px;
	height: 158px;
	border: 1px solid #666;
	background-color: #1087BE;
	color:#FFF;
}

div.right 
{
	width:460px;
	float:right;
}

div.right p, div.right ul.list li
{
	width:400px;
}

div.textblock h3
{
		
	margin: 25px 0 10px 20px;
}

div.textblock h3.first
{
		
	margin: 0px 0 10px 20px;
}



div.services-box h2
{
	color:#FFF;
	font-size:0.7em;
}
div.services-box a.active
{
	color:#1087BE;
	background-color:#FFF;
}

div.services-box a
{
	color:#FFF;
	padding: 1px 0;
}

div.services-box ul
{
	list-style-type: disc; 
	list-style-image: url('/img/arrow-blue-right.gif');
	margin: 20px 0 0 30px;
}

div.services-box ul li
{
	margin-bottom: 20px;
}

ul.services
{
	list-style-type:square;
	line-height:1.2em;
	margin: 0 0 0 20px;
}

ul.services li
{
	color:#d7d7d7;
	margin-bottom:12px;
	font-size:0.7em;
	width: 360px;
	padding:10px;
	background-color:#f3f3f3;
}

ul.services li h3
{
	margin: 0px;
	padding: 0px;
}

ul.services li.last
{
	margin-bottom: 0px;
}

ul.services li span
{
	color:#000;
}

ul.services h3
{
	display:inline;
}

div.services-img
{
	width: 300px;
	float:right;
	margin: 20px 32px 0 30px;
	color:#FFF;
}

div.services-img img
{
	border: 1px solid #666;
}



/* =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: 10px 0 10px 0;
	clear:both;
	width:960px;
	border:1px solid #d9d9d9;
	border-width: 1px 0 0 0;
	color:#7d7d7d;
}

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

div#footerlinks a
{
	color:#7d7d7d;
}

div#copyright
{
	float:right;
	width: 460px;
	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;
}