/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(../images/bgr.gif) #e0e0e0 repeat-x top;
	color: #333333;
	padding: 12px 0 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a{
	color: #511515;
	text-decoration: underline
}
a:hover{
	text-decoration: none
}
input,select,textarea{
	border: #e2e3ea 1px solid;
	border-top: 1px solid #abadb3;
	font-size: 11px;
	padding: 2px
}
li{
	list-style: none
}
h1{
	font-size: 16px;
	padding-top: 12px;
	padding-bottom: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;



}
h2{
	color: #333333;
	font-size: 1.3em;
	letter-spacing: 1px;
	margin: 0 0 1em;
	font-weight: normal;
}
h3{
	color: #434471;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 .5em
}
h4{
	color: #333333;
	font-size: 1em;
	margin: 0 0 1em
}
p{
	line-height: 1.4em;
	padding: 0 0 1em;
}
cite{
	font-style: normal;
	font-weight: bold
}
/*=== Layout ===*/
#page{
	background: #ffffff;
	margin: 0 auto;
	width: 884px
}
#page-bot{
	background: url(../images/page-bot.gif) no-repeat top;
	height: 10px;
	margin: 0 auto;
	overflow: hidden;
	width: 884px
}
/*=== Header ===*/
#header{
	background: url(../images/header-bgr.gif) no-repeat top;
	height: 104px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 0 14px;
	width: 870px
}
#header .content{
	float: left;
	padding: 21px 0 0 195px;
	width: 540px
}
/*- Logo -*/
#header h1{
	float: left;
	text-indent: -9999px;
	width: 104px;
	background-image: url(../images/Lewis-Communications.gif);
	background-repeat: no-repeat;
}
#header h1 a{
	display: block;
	height: 97px;
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
.nav1{
	background: url(../images/nav1-bgr.gif) repeat-x top;
	border-bottom: 3px solid #e3e3e3;
	font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 31px;
	letter-spacing: 1px;
	text-align: center
}
.nav1 li{
	display: inline;
	line-height: 31px;
	padding: 0 18px
}
.nav1 li a{
	color: #ffffff;
	text-decoration: underline
}
.nav1 li a:hover,
.nav1 li.active a{
	color: #46477b
}
/*- Nav2 -*/
.nav2{
	background: url(../images/nav2-bgr.gif) repeat-x top;
	border-bottom: 3px solid #e3e3e3;
	border-top: 1px solid #2a3238;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 78px
}
.nav2 li{
	background: url(../images/nav2-sep.gif) no-repeat right;
	float: left;
	text-align: center
}
.nav2 li a{
	color: #ffffff;
	display: block;
	float: left;
	height: 48px;
	padding: 30px 12px 0 0;
	text-decoration: none
}
.nav2 li a:hover,
.nav2 li.active a{
	color: #cfb483;
	text-decoration: none
}
.nav2 li#n21 a{
	padding-left: 108px;
	background-image: url(../images/vancouver-web-design-portfolio.gif);
	background-repeat: no-repeat;
}
.nav2 li#n22 a{
	padding-left: 116px;
	background-image: url(../images/vancouver-web-services.gif);
	background-repeat: no-repeat;
}
.nav2 li#n23 a{
	padding-left: 116px;
	background-image: url(../images/vancouver-seo-analytics.gif);
	background-repeat: no-repeat;
}
.nav2 li#n24 a{
	padding-left: 116px;
	background-image: url(../images/vancouver-web-hosting-domains.gif);
	background-repeat: no-repeat;
}
.nav2 li#n25{
	background: none
}
.nav2 li#n25 a{
	padding-left: 88px;
	background-image: url(../images/contact-lewis-communications.gif);
	background-repeat: no-repeat;
}
/*=== Title, Headlines ===*/
.title{
	clear: both;
	height: 234px;
	overflow: hidden;
	padding: 17px 0 0 28px;
	background-image: url(../images/vancouver-web-design-company.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.title h1{
	color: #FFF;
	font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 1px
}
/*-  Headlines -*/
.headline{
	background: url(../images/hd1-bgr.gif) repeat-x top;
	border: 1px solid #ae7643;
	height: 35px;
	padding: 0 0 0 20px
}
.headline h2{
	color: #000000;
	font: 14px/35px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0
}
.headline h2 em{
	font-size: 11px;
	font-style: normal
}
.headline img{
	float: left;
	margin: 3px 3px 0 0
}
.headline2{
	background: url(../images/hd2-bgr.gif) repeat-x top;
	border: 1px solid #463d5c;
	height: 35px;
	margin: 0;
	padding: 0;
	text-align: center
}
.headline2 h2{
	color: #ffffff;
	font: bold 14px/35px Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	margin: 0
}
/*=== All Columns ===*/
#columns{
	background: url(../images/columns-bgr.gif) repeat-y right;
	height: 1%;
	padding: 1px 0 0
}
/*=== Center Column ===*/
#centercol{
	float: left;
	width: 595px
}
#centercol .content{
	height: 1%;
	padding: 10px 13px
}
#centercol a{
	color: #511515
}
#centercol p strong{
	color: #2a3238
}
/*=== Right Column ===*/
#rightcol{
	float: right;
	font-size: .9em;
	width: 285px
}
#rightcol .content{
	height: 1%;
	padding: 15px 13px
}
/*=== Styling Forms ===*/
input.btn{
	background: none;
	border: 0;
	margin: 0;
	padding: 0
}
select{
	padding: 1px
}
/*- Form1 Setup -*/
.form1 h3{
	font-size: 12px;
	margin: 0 0 13px;
	padding: 0 0 0 25px
}
.form1 div{
	margin: 0 0 3px;
	padding: 0 5px 0 0
}
.form1 label{
	color: #cda871;
	float: left;
	font-size: 10px;
	margin: 3px 0 0;
	width: 60px
}
.form1 .inputs{
	float: left;
	margin: 0
}
.form1 input{
	width: 150px
}
/* Form1 Buttons */
.form1 .submit{
	float: left;
	padding: 10px 0 0
}
.form1 input.btn{
	width: auto
}
/*=== Link Buttons ===*/
.btn-lewiscom{
	float: right;
	padding: 10px 0 0;
	width: 170px;
	background-repeat: no-repeat;
}
.btn-lewiscom a{
	color: #2a3238;
	display: block;
	font-size: 9px;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 55px;
	text-decoration: underline;
	background-image: url(../images/ico-tw.gif);
	background-repeat: no-repeat;
	background-position: left;
}
/*=== Footer ===*/
#footer{
	color: #2a3238;
	font: 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 1%;
	padding: 12px 0;
	text-align: center
}
#footer ul{
	padding: 0 0 .3em
}
#footer a{
	color: #434471
}
#footer a:hover{
	text-decoration: none
}
#footer li{
	border-right: 1px solid #6a6b8d;
	display: inline;
	line-height: 1em;
	padding: 0 .6em
}
#footer li.last{
	border: 0
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
hr, .hl{
	background: url(../images/hl-sep.gif) repeat-x top;
	clear: both;
	height: 3px;
	margin: 0 0 1.3em;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}
#page #columns #centercol .headline h1 {
	font-size: 16px;
	text-align: center;
	color: #333333;
	padding: 3px;
}
.homepage_lead {
	color: #FFF;
}
#footer .footcontact {
	font-size: 10px;
	color: #333;
	font-weight: normal;
}
td {
	vertical-align: top;
}