body{font-family: 'Arial', 'Trebuchet MS'; font-size: 12px; line-height: 1.5;background-color:#3a3a3a;margin: 0 auto;text-align:center; padding:10px 0 0 0;}

#mainblue {width: 100%; height: 550px; background-image: url('/images/bluebg.jpg'); background-repeat: repeat; margin: 0; padding:0;}
#mainbluesm {width: 100%; height: 140px; background-image: url('/images/bluebgsm.jpg'); background-repeat: repeat; margin: 0; padding:0;}

div.topline {width: 100%; height: 1px; margin: 0 auto; padding:0; background-image: url('/images/topline.jpg'); background-repeat: no-repeat; background-color: #7ccee0; background-position: center;}

.mainbottom {width: 100%; background-image: url('/images/shadow.png'); background-repeat: repeat-x; margin: 0 auto; text-align: left; color: #fff;}

#me {width: 900px; margin: 0 auto;}
#metitle {width: 900px; height: 75px; float: left;}
#meleft {width: 300px; height: 300px; float: left; background-image: url('/images/mug.png'); background-repeat: no-repeat;}
#meright{width: 570px; height: 300px; float: right; text-align: left; line-height: 2;}

.newsartright {width: 300px; float: right;}
.newsartright a:link{margin:0; padding:0; border:0;}
.newsartleft {width: 570px; float: left; text-align: left; line-height: 2;}
.newsartleft p {margin-left: 5px}

#contact{width: 900px; margin: 0 auto;}
#contacttitle {width: 900px; height: 75px; float: left;}

#work {width: 900px; height: 100px; margin: 0 auto;}
#workmain {width: 900px; padding: 10px; margin: 0 auto;}
#worktitle {width: 900px; height: 75px; float: left;}

.left {float: left; width: 400px; height: 200px; margin-top: 50px; margin-left: 25px;}
.right {float: right; width: 400px; height: 250px; margin-top: 25px; margin-right: 25px;}

.work{width: 850px; height: auto; margin: 0 auto; background-color: #474747; border: 1px #626262 solid; margin-top: 20px;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}

#mainbluewrap{width: 900px; height: 550px; margin: 0 auto;}
#bluewrapsm{width: 900px; height: 140px; margin: 0 auto;}
#mainbrownwrap{width: 900px; margin: 0 auto;}
#mainbrownwrap a{color: #76cbdf;}

h1.logo {margin:0; padding:0; text-indent:-9999px; position:absolute; left:0; top:0; height:140px; width:330px; display:block; font-size:0px;}

#maintop{width: 1000px; height: 140px; margin: 0 auto; padding:0; position:relative;}
#maintop ul {margin: 0; padding: 0; display: inline-block; text-align:left; position:absolute; bottom:20px; right:0;}
#maintop ul li {margin:0 20px; padding: 0; display: inline-block; float:left;}
#maintop ul li a {margin: 0; padding: 0; font-size:20px; font-weight:bold; text-shadow:0px 0px 2px #b8e4e1;}
#maintop ul li a:hover {color:#666;}
#maintop ul li a span {font-size:12px; color:#fff; text-shadow:none;}

#mainbottomblue {width: 900px; height: 410px; margin: 0 auto; background:url(/images/bluefade.png) top no-repeat;}

.bottomleft {width: 400px; height: 410px; float: left; background-repeat: no-repeat; margin-left: 20px;}
.bottomleft p {text-shadow:0px 1px #a3dcd9; margin-left: 10px; padding: 0px; text-align: left; font-size: 15px; line-height: 1.2; color:#333;}
.bottomright {width: 400px; height: 410px; float: right; background-image: url('/images/eagle.png'); background-repeat: no-repeat; background-position: top; margin-right: 20px;}

#twitter_div {width: 323px; margin: 120px 0 0 15px; text-align: left; line-height: 2pt; padding: 10px; color: #fff; background-image: url(/images/trans.png);-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
#twitter_div a{color: #48bcd3;}
#twitter-link{padding-top: 10px;}
#twitter_update_list{line-height: 1.5;}
#twitter_update_list li{padding-top: 10px;}

.newsleft{margin-top:20px; width:300px; height: 200px; float: left;}
.newsright{margin-top: 20px; width: 300px; height: 200px; float: right;}
.newstitle{font-size: 14px; color: #76cbdf; margin-top:7px; padding: 10px; font-weight:bold; line-height: 1.2;}
.newsmore{font-size: 10px; color: #76cbdf; padding-left: 10px; line-height: 1.2; text-decoration:underline;}
.newsmoreart{font-size: 10px; color: #76cbdf; line-height: 1.2; text-decoration:underline;}
.newsmoreart a:link{font-size: 10px; color: #76cbdf; line-height: 1.2; text-decoration:underline;}

.homebox {float:left; width:245px; margin-right:82px; margin-top:40px;}
.homebox p {line-height:1.3; font-size:11px; padding:0; margin:15px 0 0 0;}
#last {margin-right:0px;}

#webbutton {display: block; overflow:hidden; width: 245px; height: 145px; margin:0; background:url(/images/webbutton.jpg) no-repeat left; padding:0;}
#webbutton:hover {background-position: right;}
#brandingbutton {display: block; overflow:hidden; width: 245px; height: 145px; margin:0; background:url(/images/brandingbutton.jpg) no-repeat left; padding:0;}
#brandingbutton:hover {background-position: right;}
#outdoorbutton {display: block; overflow:hidden; width: 245px; height: 145px; margin:0; background:url(/images/outdoorbutton.jpg) no-repeat left; padding:0;}
#outdoorbutton:hover {background-position: right;}

.textbox {margin:0 0 20px 0; width:460px; padding:10px; font-size:18px; color:#999; background-color:#fff; border:10px solid #666;  -moz-border-radius: 10px; -webkit-border-radius: 10px; font-family:Arial, Helvetica, sans-serif;}
table.contacttable {margin:0px 0 20px 0 ;}
table.contacttable p{font-family: "le-havre-1","le-havre-2",sans-serif; font-weight:bold; font-size:3.4em; color:#333; padding:0px 0 0px 0px; margin:0 0 0 0; text-shadow: 0px 1px 1px #666; text-align:left; border:none;}
.submit {width:200px; padding:0px; margin:0; border:10px solid #666; background-color:#ccc;  color:#3a3a3a;font-family: "le-havre-1","le-havre-2",sans-serif; font-weight:bold; font-size:3.4em;  -moz-border-radius: 10px; -webkit-border-radius: 10px;}

a.archivelink { font-family: "le-havre-1","le-havre-2",sans-serif; font-weight:bold; font-size:3em; color:#3a3a3a; margin:20px 0 20px 0; text-shadow: 0px 1px 1px #666; text-align:left; text-decoration:none; border:none;}
a:hover.archivelink {color:#555; text-shadow: 0px 1px 1px #222;}
#footer
{
margin: 0 auto;
width: 1250px;
height: 426px;
background-image: url('../images/rushmarksm.png');
background-repeat: no-repeat;
background-position: center bottom;
}

#footerright
{
width: 250px;
height: 426px;
float: right;
}

#footertwit
{
padding: 0px;
float: left;
width: 200px;
height: 25px;
margin-top: 200px
}

#footerface
{
padding: 0px;
float: left;
width: 200px;
height: 25px;
margin-top: 250px;
position: absolute;
}

#footerrss
{
padding: 0px;
float: left;
width: 200px;
height: 25px;
margin-top: 300px;
position: absolute;
}

#twitterbutton
{
display: block;
float: left;
width: 26px;
height: 25px;
margin-left: 5px;
background:url(../images/twitterlogo.png) no-repeat 0 0;
}

#twitterbutton:hover
{
background-position: -26px 0;
}

#twitterbutton span
{
display: none;
}

#facebookbutton
{
display: block;
float: left;
width: 26px;
height: 25px;
margin-left: 5px;
background:url(../images/facebooklogo.png) no-repeat 0 0;
}

#facebookbutton:hover
{
background-position: -26px 0;
}

#facebookbutton span
{
display: none;
}

#rssbutton
{
display: block;
float: left;
width: 26px;
height: 25px;
margin-left: 5px;
background:url(../images/rsslogo.png) no-repeat 0 0;
}

#rssbutton:hover
{
background-position: -26px 0;
}

#rssbutton span
{
display: none;
}

#homebutton
{
display: block;
float: left;
width: 85px;
height: 41px;
margin-left: 5px;
background:url(../images/home.png) no-repeat 0 0;
padding: 0px 0px 0px 0px;
margin-top: 75px;
text-indent: -9999px;
}

#homebutton:hover
{
background-position: -85px 0;
}

#homebutton span
{
display: none;
}

#mebutton
{
display: block;
float: left;
width: 85px;
height: 41px;
margin-left: 5px;
background:url(../images/me.png) no-repeat 0 0;
padding: 0px 0px 0px 0px;
margin-top: 75px;
margin-left: 20px;
text-indent: -9999px;
}

#mebutton:hover
{
background-position: -85px 0;
}

#mebutton span
{
display: none;
}

#workbutton
{
display: block;
float: left;
width: 85px;
height: 41px;
margin-left: 5px;
background:url(../images/work.png) no-repeat 0 0;
padding: 0px 0px 0px 0px;
margin-top: 75px;
margin-left: 20px;
text-indent: -9999px;
}

#workbutton:hover
{
background-position: -85px 0;
}

#workbutton span
{
display: none;
}

#contactbutton
{
display: block;
float: left;
width: 105px;
height: 41px;
margin-left: 5px;
background:url(../images/contact.png) no-repeat 0 0;
padding: 0px 0px 0px 0px;
margin-top: 75px;
margin-left: 20px;
text-indent: -9999px;
}

#contactbutton:hover
{
background-position: -105px 0;
}

#contactbutton span
{
display: none;
}

#blogbutton
{
display: block;
float: left;
width: 85px;
height: 41px;
margin-left: 5px;
background:url(../images/blog.png) no-repeat 0 0;
padding: 0px 0px 0px 0px;
margin-top: 75px;
margin-left: 20px;
text-indent: -9999px;
}

#blogbutton:hover
{
background-position: -85px 0;
}

#blogbutton span
{
display: none;
}

.noborder
{
border: none;
margin: 0 auto;
}

#contactwrap 
{
	width: 700px;
	margin: 0 auto;
	height: auto;
	border: 0;
}

form
{
float: none;
}

#formLeft 
{
	width: 320px;
	float: left;
}
	
#formLeft input 
{
		width: 250px;
		margin: 0 0 0px 0;
		text-align: left;
		margin: 13px 0 0 8px;
		font-size: 12pt;
}

#formLeft .input-bg 
{
		height: 45px;
		margin-bottom: 10px;
		position: relative;
}

#formLeft .active 
{
}

#formRight 
{
	width: 360px;
	float: right;
}
	
#formRight textarea 
{
		width: 298px;
		height: 209px;
		display: block;
		margin: 13px 0 0 20px;
		padding: 13px 0 13px 0;
		font-family: Helvetica, sans-serif;
		font-size: 12pt;
}
	
#formRight .message-bg 
{
		height: 238px;
}
	
#formRight .active 
{

}

label 
{
	display: block;
	font-size: 10pt;
	font-weight: bold;
}

label.error 
{
	position: absolute;
	top: -16px;
	right: 49px;
	padding: 3px;
	color: #a21111;
	font-size: 1.0em;
	text-align: right;
	font-style: italic;
	font-weight: normal;
}

input.submit-button 
{
	float: right;
	padding-right: 31px;
}

.title
{
margin-top: 20px;
height: 39px;
width: 300px;
text-align: left;
font-family: 'helvetica', 'Trebuchet MS'; 
font-size: 25px; 
font-weight: 500;
line-height: 1.2;
color: #48bcd3;
background-image: url('../images/titlebg.png');
background-repeat: no-repeat;
background-position: bottom;
}

p
{
margin: 0px;
padding: 0px;
width: auto;
font-size:12px;
text-shadow:0px 1px 1px #333;
}

.footer
{
margin-top: 390px;
margin-left: 130px;
padding: 0px;
font-size: 8pt;
float: left;
color: #1e1e1e;
width: auto;
}

.textfoot
{
margin-top: 3px;
padding: 0px;
float: left;
color: #1e1e1e;
width: auto;
}

.b
{
margin: 0px;
padding: 0px;
font-family: 'helvetica', 'Trebuchet MS'; 
font-size: 12px; 
font-weight: bold;
color: #1e1e1e;
}

b
{
margin: 0px;
padding: 0px;
font-family: 'helvetica', 'Trebuchet MS'; 
font-size: 16px; 
font-weight: bold;
color: #1e1e1e;
}

b2
{
margin: 0px;
padding: 0px;
font-family: 'helvetica', 'Trebuchet MS'; 
font-size: 16px; 
font-weight: bold;
color: #48bcd3;
}

a:link 
{
color:#1e1e1e;
text-decoration:none;
}

a:visited 
{
color:#1e1e1e;
text-decoration:none;
}

a:hover
{
color:#ccc;
text-decoration:none;
}

.form
{
float: left;
}

h3
{
margin: 0;
padding: 0;
font-family: 'Helvetica';
font-size: 13pt;
color: #48bcd3;
}

ul
{
list-style-type: none;
list-style: none;
margin: 0;
padding: 0;
line-height: 1.2;
}

.fakeli
{
line-height: 1.2;
margin: 0px;
padding: 0px;
width: auto;
}