@charset "utf-8";
/* CSS Document */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}body{
	line-height:1
}
ul{
list-style:none
}
blockquote,q{
quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
content:'';content:none
}
:focus{
outline:0
}
ins{
text-decoration:none
}
del{
text-decoration:line-through
}
table{
border-collapse:collapse;border-spacing:0
}
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px
}
.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{
position:relative
}
.container_12 .grid_3,.container_16 .grid_4{
	width:220px
}
.container_12 .grid_6,.container_16 .grid_8{
width:460px
}
.container_12 .grid_9,.container_16 .grid_12{
width:700px
}
.container_12 .grid_12,.container_16 .grid_16{
width:940px
}
.alpha{
margin-left:0
}
.omega{
margin-right:0
}
.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

body {
background:  #EAE1C0;
font-family: arial, verdana, tahoma, sans-serif;
}
a {
color: #DE564B;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: none;
}
p{
	color: #5f5454;
	line-height: 22px;
	font-size: 14px;
	margin: 0 30px 10px 0;
}
ul, ol{
color: #5f5454;
}
#wrapper{
width: 1059px;
margin: 0 auto;
}
#wrapper-header{
	background:  url(../me/images/wrapper-top.png) repeat-y scroll transparent;
	height: 16px;
	width: 1059px;
}
#wrapper-bg{
	background:  url(../me/images/wrapper-bg.png) repeat-y scroll transparent;
	padding: 0 0 40px 65px;
}
#wrapper-footer{
background:  url(../me/images/wrapper-bottom.png) repeat-y scroll transparent;
height: 16px;
width: 1059px;
}
#footer{
	width: 1059px;
	height: 10px;
	margin: 40px 0;
}
#wrapper .header{
position: relative;
margin: 0;
width: 1059px;
height: 74px;
}
.logo{
	position: absolute;
	top: 25px;
	left: 65px;
	background:  url(../me/images/logo.png) no-repeat;
	width: 256px;
	height: 104px;
}
.logo a{
display: block;
width: 233px;
height: 48px;
}
.tagline{
	width: 197px;
	position: absolute;
	left: 787px;
	top: 152px;
	height: 58px;
	font-size: 10px;
}
.nav{
	position: absolute;
	right: 53px;
	top: 40px;
	height: 36px;
	width: 244px;
}
.nav li{
	float: left;
	text-indent: -9999px;
}
.nav .home a{
	background:  url(../me/images/nav.png) no-repeat transparent;
	width: 43px;
	height: 11px;
	display: block;
}
.nav .home a:hover{
background:  url(../me/images/nav.png) no-repeat transparent 0 -11px;
}
.nav .about a{
background:  url(../me/images/nav.png) no-repeat transparent -77px 0;
width:50px;
height: 11px;
display: block;
}
.nav .about a:hover{
background:  url(../me/images/nav.png) no-repeat transparent -77px -11px;
}
.nav .work a{
background:  url(../me/images/nav.png) no-repeat transparent -160px 0;
width: 48px;
height: 11px;
display: block;
}
.nav .work a:hover{
background:  url(../me/images/nav.png) no-repeat transparent -160px -11px;
}
.nav .play a{
background:  url(../me/images/nav.png) no-repeat transparent -245px 0;
width: 43px;
height: 11px;
display: block;
}
.nav .play a:hover{
background:  url(../me/images/nav.png) no-repeat transparent -245px -11px;
}
.nav .contact a{
background:  url(../me/images/nav.png) no-repeat transparent -318px 0;
width: 70px;
height: 11px;
display: block;
}
.nav .contact a:hover{
background:  url(../me/images/nav.png) no-repeat transparent -318px -11px;
}

/*MAIN CONTENT -------------------------------------------------*/

#equation{
background:  url(../me/images/intro-text.png) no-repeat transparent;
height: 260px;
margin:40px 0px;
text-indent: -9999px;
}

.green-top{
background:  url(../me/images/green-top.png) no-repeat transparent;
height: 8px;
width: 689px;
margin-left: -84px;
}
.green-bottom{
background:  url(../me/images/green-bottom.png) no-repeat  transparent;
height: 22px;
width: 689px;
margin-left: -85px;
}
.green-bg{
background:  url(../me/images/green-bg.png) repeat-y transparent;
width: 613px;
margin: 0 0 0 -84px;
padding: 10px 0 20px 75px;
}

#welcome{
position: relative;
background:  url(../me/images/green-bg.png) repeat-y transparent;
width: 603px;
margin: 0 0 0 -84px;
padding: 10px 0 20px 85px;
}
#welcome h2{
background:  url(../me/images/hello.png) no-repeat transparent;
width: 124px;
height: 48px;
text-indent: -9999px;
margin: 0 0 10px 0;
}
#welcome p{
margin: 0 30px 10px 0;
}
#welcome .see-our-work a{
	position: absolute;
	bottom: -13px;
	right: 0;
	background:  url(../me/images/see-our-work.png) no-repeat transparent;
	width: 122px;
	height: 38px;
	text-indent: -9999px;
}

#testimonials{
margin-left: -20px;
}
#testimonials h2{
	text-indent: -9999px;
	background:  url(../me/images/props.png) no-repeat transparent;
	width: 260px;
	height: 30px;
	margin: 0 0 10px 0;
}
#testimonials p{
	line-height: 15px;
	font-size: 11px;
	padding: 0 10px;
	margin: 0 0 0 10px;
	width: 280px;
}
#testimonials   .link  {
	margin: 20px 75px;
	position: relative;
}

/*FOOTER -----------------------------------------*/
#footer{
margin-top: 10px;
}
#fineprint p{
font-size: 12px;
line-height: 18px;
}
#footer #social{
margin: 1px 0 0 0px;
background:  url(../me/images/connect-with-us.png) no-repeat transparent 0 11px;
padding: 0 0 0 120px;
float: right;
width: 207px;
}
#social li{
float: left;
}
#social li a{
display: block;
}
#social li a:hover{
margin: -3px 0 0 0px;
}
#social .twitter a{
background:  url(../me/images/social-icons.png) no-repeat transparent;
width: 32px;
height: 30px;
}
#social .facebook a{
background:  url(../me/images/social-icons.png) no-repeat transparent -30px 0;
width: 35px;
height: 30px;
}
#social .flickr a{
background:  url(../me/images/social-icons.png) no-repeat transparent -61px 0;
width: 35px;
height: 30px;
}
#social .rss a{
background:  url(../me/images/social-icons.png) no-repeat transparent -93px 0;
width: 35px;
height: 30px;
}
#social .vimeo a{
background:  url(../me/images/social-icons.png) no-repeat transparent -126px 0;
width: 35px;
height: 30px;
}
#social .linkedin a{
background:  url(../me/images/social-icons.png) no-repeat transparent -160px 0;
width: 35px;
height: 30px;
}

/*PAGES CONTENT -------------------------------------------------*/
#headline{
padding: 20px 0 30px;
margin: 0;
}
#headline h1{
font-size: 58px;
color: #8fb98b;
text-shadow: #fff 0px 1px 0;
float: left;
margin: 0 60px 0 0;
}
#static #headline h1{
font-size: 38px;
}
#headline p{
float: left;
font-size: 14px;
font-family: arial, verdana, tahoma, sans-serif;
line-height: 18px;
font-style: italic;
margin: 30px 0 0 0;
}
#about #headline p{
margin-top: 25px;
}
#work #headline p{
margin-top: 20px;
width: 550px;
}
#play #headline p{
margin-top: 20px;
width: 580px;
}
#contact #headline p{
margin-top: 30px;
}
#worksheet #headline p{
margin-top: 20px;
width: 500px;
}
#headline .lomb-shadow{
font-size: 18px;
}
.lomb-shadow{
font-size: 48px;
color: #de564b;
}
/*ABOUT CONTENT -------------------------------------------------*/
#about .green-bg h2{
margin: 0 0 20px 0;
font-size: 30px;
}
#mascots{
background: transparent url(../me/images/mascots.png) no-repeat;
margin: 0px 0 0 0px;
padding: 0 0 10px 0;
width: 209px;
}
#mascots h2{
display: none;
}
#mascots img{
border: 5px solid #dfd8bd;
margin: 40px 0 0 00px;
width: 280px;
height: 200px;
background: transparent;
}
.themascotimages{
background-color: transparent;
}
#mascots .title{
padding: 5px 0 10px 0px;
color: #5f5454;
font-size: 24px;
}
#mel{
margin: 0px 0 20px 0;
}
#mel h2.lomb-shadow{
font-size: 30px;
color: #de564b;
}
#sean{
margin: 0;
}
#mel h2, #sean h2{
font-size: 16px;
color: #5f5353;
margin: 10px 0;
}
.left{
float: left;
margin-right: 20px;
}
.left img{
border: 5px solid #dfd8bd;
}
.tweet{
float: left;
width: 600px;
margin: 10px 0 0 0;
padding: 0px 0px 5px 45px;
color: #5f5454;
line-height: 16px;
font-size: 13px;
background:  url(../me/images/tweet.png) no-repeat transparent;
font-style: italic;
}
/*WORK CONTENT -------------------------------------------------*/

#sort{
background:  url(../me/images/sort-bg.png) no-repeat transparent;
margin: 30px 0 20px -74px;
height: 44px;
padding: 11px 0 0 135px;
font-size: 12px;
}
#sort li{
float: left;
margin: 0 20px 0 0;
}
#screenshots{
margin: 0 0 150px 0px;
width: 950px;
}
#screenshots img{
border: 5px solid #dfd8bd;
}
#screenshots h3{
font-size: 14px;
color: #5f5454;
font-family: arial, verdana, tahoma, sans-serif;
margin: 5px 0;
}
#screenshots h3 a{
color: #5f5454;
}
#screenshots h2{
font-size: 12px;
font-style: italic;
line-height: 16px;
font-weight: normal;
}
#screenshots h2 a{
margin: 0 5px 0 0;
}
#screenshots .grid_3{
margin: 0 21px 40px 0px;
padding: 0;
}
#screenshots #portfolio .last{
margin: 0;
}
/*WORK-DETAIL CONTENT -------------------------------------------------*/
#work-screen .green-bg{
padding-bottom: 5px;
}
#work-screen img{
border: 5px solid #8fb98b;
}
#work-sidebar{
margin: 0 0 0 30px;
}
#work-sidebar h3{
font-size: 14px;
color: #de564b;
margin: 5px 0;
}
#work-sidebar p{
margin: 0 0 20px 0;
}
#work-sidebar p em{
text-transform: uppercase;
font-size: 11px;
}
/*PLAY CONTENT */

#blog{
margin: 0 30px 0 0;
padding: 0;
}
.date-header{
padding: 15px 0 0 78px;
color: #de564b;
font-size: 13px;
font-weight: bold;
font-style: italic;
text-transform: uppercase;
width: 237px;
height: 45px;
background:  url(../me/images/date.png) no-repeat transparent top left;
margin: 0 0 0 -74px;
}
#blog h2{
font-size: 24px;
color: #483A3A;
padding: 0 0 10px 0px;
margin: 0;
line-height: 28px;
}
#blog h3{
color: #5f5454;
font-size: 18px;
padding: 10px 0 10px 0px;
line-height: 26px;
}
.post-body{
padding: 0 0 10px 0px;
line-height: 22px;
font-size: 14px;
}
.post-body p{
margin-bottom: 10px;
}
#blog .post-body ol li{
margin: 0 0 10px 30px;
}
#blog .post-body .blog-image{
border: 5px solid #eae1c0;
}
blockquote{
margin: 30px 0 0 0;
background: #fff;
padding: 10px 15px 5px;
border: 5px solid #eae1c0;
}
blockquote p{
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
}
.posted-by{
border-top: 2px solid #eae1c0;
border-bottom: 2px solid #eae1c0;
padding: 10px 0 10px 80px;
margin: 0 0 40px -73px;
color: #5f5454;
text-transform: uppercase;
font-style: italic;
font-size: 11px;
}
.continue {
float: right;
display: block;
width: 95px;
color: #de564b;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
}
.continue a{
width: 95px;
opacity:1;
filter:alpha(opacity=100);
background:  url(../me/images/arrow-close.png) no-repeat transparent 79px 2px;
padding: 0 18px 0 0;
}
.continue a:hover{
text-decoration: none;
opacity:0.6;
filter:alpha(opacity=60);
}
.comment{
border-top: 2px solid #eae1c0;
border-bottom: 2px solid #eae1c0;
padding: 10px 0 10px 75px;
margin: 0 0 40px -73px;
}
.comment p{
font-size: 12px;
line-height: 18px;
}
.posted{
color: #5f5454;
text-transform: uppercase;
font-style: italic;
font-size: 11px;
padding: 5px 0 0 0;
margin: 0;
}
#comment_form{
margin: 0;
}
#comment_form p{
margin: 0;
padding: 0;
}
#comment_form input{
color: #5f5454;
font-family: arial, verdana, tahoma, sans-serif;
height: 35px;
width: 440px;
margin: 0 0 20px 0;
padding: 0 0 0 5px;
border: solid #dfd8c5;
border-width: 1px 0 0 1px;
background: #f4edd9;
font-style: italic;
font-size: 16px;
}
#comment_form .checkbox{
height: 10px;
width: 10px;
border: 1px solid #dfd8c5;
margin: 0 0 10px 0;
}
#comment_form textarea{
color: #5f5454;
font-family: arial, verdana, tahoma, sans-serif;
height: 200px;
width: 440px;
margin: 0 0 20px 0;
padding: 0 0 0 5px;
border: solid #dfd8c5;
border-width: 1px 0 0 1px;
background: #f4edd9;
font-style: italic;
font-size: 16px;
}
#comment_form .submit{
width: 93px;
height: 38px;
background:  url(../me/images/submit.png) no-repeat transparent;
text-indent: -9999px;
margin: 10px 0 0 0;
}

#sidebar{
margin: 0;
}
.archives{
padding: 0 0 10px 0px;
}
.archives h2{
color: #5f5454;
font-size: 14px;
padding: 0 0 10px 0;
text-transform: uppercase;
}
.archives h4{
margin: 0;
padding: 10px 0;
font-size: 12px;
font-weight: bold;
width: 360px;
text-transform: uppercase;
border-top: 2px solid #eae1c0;
}
.archives .dots{
display: block;
border-bottom: 2px solid #eae1c0;
height: 3px;
margin: 0 0 10px 0px;
width: 360px;
}
.archives ul{
margin: 0;
padding: 0;
}
.archives li{
font-size: 12px;
padding: 0 0 10px 0;
}
.archives a .arrow-close{
display: block;
width: 340px;
background:  url(../me/images/arrow-close.png) no-repeat transparent 270px 0px;
}
.archives a .arrow-open{
display: block;
width: 340px;
background:  url(../me/images/arrow-open.png) no-repeat transparent 270px 3px;
}
.getupdates{
padding: 0px 0 60px 0px;
border-bottom: 2px solid #eae1c0;
margin: 0 0 20px 0;
width: 360px;
}
.getupdates h2{
font-size: 24px;
color: #8fb98b;
margin: 5px 10px 20px 0px;
float: left;
}
.getupdates ul{
margin: 0;
padding: 0;
}
.getupdates  li{
float: left;
width: 38px;
height: 38px;
margin: 0 0 0 5px;
}
.getupdates  li a{
display: block;
}
.getupdates li a:hover{
margin: -3px 0 0 0px;
}
.getupdates .rss a{
background:  url(../me/images/getupdates-icons.png) no-repeat transparent;
width: 38px;
height: 38px;
}
.getupdates .email a{
background:  url(../me/images/getupdates-icons.png) no-repeat transparent -40px 0;
width: 38px;
height: 38px;
}
.getupdates .twitter a{
background:  url(../me/images/getupdates-icons.png) no-repeat transparent -80px 0;
width: 38px;
height: 38px;
}
.twitter-stream{
padding: 0 0 20px 0;
border-bottom: 2px solid #eae1c0;
margin: 0 0 20px 0;
width: 360px;
}
.twitter-stream .tweet{
width: 300px;
float: none;
background: none;
padding: 0;
margin: 0;
line-height: 20px;
}
.twitter-stream h2{
color: #5f5454;
font-size: 14px;
padding: 5px 0 10px 40px;
text-transform: uppercase;
background:  url(../me/images/bird.png) no-repeat transparent top left;
}
.tweetlink{
font-size: 10px;
text-transform: uppercase;
}
.favorites{
padding: 0 0 20px 0;
border-bottom: 2px solid #eae1c0;
margin: 0 0 20px 0;
width: 360px;
}
.favorites h2{
color: #5f5454;
font-size: 14px;
padding: 0 0 10px 0;
text-transform: uppercase;
}
.favorites img{
border: 5px solid #eae1c0;
}

/*CONTACT CONTENT -------------------------------------------------*/
#form{
margin: 0;
}
#form input{
height: 35px;
border: solid #dfd8c5;
border-width: 1px 0 0 1px;
width: 440px;
margin: 0 0 10px 0;
color: #5f5454;
font-style: italic;
font-size: 16px;
padding: 0 0 0 5px;
background: #f4edd9;
}
#form textarea{
color: #5f5454;
font-family: arial, verdana, tahoma, sans-serif;
height: 200px;
width: 440px;
margin: 0 0 20px 0;
padding: 0 0 0 5px;
border: solid #dfd8c5;
border-width: 1px 0 0 1px;
background: #f4edd9;
font-style: italic;
font-size: 16px;
}
#things-to-know{
background:  url(../me/images/things-to-know.png) no-repeat transparent;
height: 202px;
width: 529px;
margin: 0 0 0 -74px;
padding:10px 0 0 70px;
position: relative;
}
#things-to-know h2{
font-size: 24px;
font-weight: normal;
color: #5f5454;
font-style: italic;
margin: 10px 0;
}
#things-to-know p{
line-height: 24px;
font-size: 14px;
}
#form .submit{
width: 93px;
height: 38px;
background:  url(../me/images/submit.png) no-repeat transparent;
text-indent: -9999px;
cursor: hand;
position: absolute;
bottom: 9px;
right: 71px;
}
#proposal{
margin-top: -5px;
padding: 0 0 20px 0;
border-bottom: 2px solid #eae1c0;
margin: 0 0 20px 0;
width: 550px;
}
#proposal h2{
font-size: 30px;
font-weight: normal;
color: #5f5454;
margin: 0 0 10px 0
}
#proposal p{
line-height: 24px;
font-size: 14px;
margin: 0 30px 0 0px;
padding: 0 10px 0px 0px;
width: 400px;
}

#quick-contact{
padding: 0 0 20px 0;
border-bottom: 2px solid #eae1c0;
margin: 0 0 20px 0;
width: 550px;
height: 130px;
}
#quick-contact h2{
font-size: 22px;
font-weight: normal;
color: #5f5454;
margin: 0 0 10px 0
}
#quick-contact .left{
width: 260px;
float: left;
}
#quick-contact .right{
width: 200px;
float: left;
}
#our-services{
padding: 0 0 20px 0;
border-bottom: 2px solid #eae1c0;
margin: 0 0 20px 0;
width: 560px;
height: 160px;
}
#our-services h2{
font-size: 22px;
font-weight: normal;
color: #5f5454;
margin: 0 0 10px 0
}
#our-services ul{
float: left;
width: 280px;
line-height: 24px;
font-size: 12px;
margin: 0;
padding: 0;
}
/*WORKSHEET
------------------------------------------------------*/

#worksheet #form h2{
font-size: 22px;
background: transparent url(../me/images/green-header.png) no-repeat top left;
height: 53px;
width: 328px;
margin: 0 0 0 -74px;
padding: 10px 0 0 70px;
text-transform: uppercase;
color: #5f5454;
font-size: 16px;
}
#worksheet h2 img{
vertical-align: middle;
}
#worksheet #form h2 a{
color: #5f5454;
font-size: 16px;
text-decoration: none;
background: transparent url(../me/images/closed.png) no-repeat 220px 5px;
width: 235px;
display: block;
}
#worksheet #form h2 .active{
color: #5f5454;
font-size: 16px;
text-decoration: none;
background: transparent url(../me/images/open.png) no-repeat 220px 5px;
width: 235px;
display: block;
}
#worksheet #form h2 .notactive{
color: #5f5454;
font-size: 16px;
text-decoration: none;
background: transparent url(../me/images/open.png) no-repeat 220px 5px;
width: 235px;
display: block;
}
#worksheet #form{
line-height: 20px;
color: #5f5454;
font-size: 14px;
position: relative;
padding: 0 0 60px 0;
}
#worksheet .note{
font-size: 12px;
color:#DE564B;
line-height: 14px;
}
#worksheet #form .submit{
left: 0;
bottom: 0px;
}
#worksheet  #proposal{
margin-top: -5px;
padding: 0 0 20px 0;
border-bottom: 2px solid #eae1c0;
margin: 0 0 20px 0;
width: 534px;
}
#worksheet  #proposal h2{
font-size: 30px;
font-weight: normal;
color: #5f5454;
margin: 0 0 10px 0
}
#worksheet  #proposal p{
line-height: 24px;
font-size: 14px;
margin: 0 30px 0 0px;
padding: 0 10px 0px 0px;
width: 460px;
}
/*STATIC PAGE*/

#static #left-side h3{
color: #5f5454;
font-size: 18px;
padding: 10px 0 10px 0px;
line-height: 26px;
}
#static #left-side{
padding:0px;
line-height: 24px;
}
#static #right-side{
padding: 0;
}
#static #right-side h3{
	color: #5f5454;
	font-size: 18px;
	padding: 10px 0 10px 0px;
	line-height: 26px;
}
#static #right-side{
padding: 0 0 10px 20px;
line-height: 22px;
font-size: 14px;
}
#static #right-side p{
margin-bottom: 10px;
}
#static #right-side ul li{
list-style: disc;
margin: 0 0 10px 30px;
}
#static #right-side .buy-now{
margin-top: 10px
}
#static #right-side .buy-now a{
margin: 0;
text-align: center;
padding: 5px 15px;
color: #F5EEDB;
font-weight: bold;
border: 3px solid #EAE1C0;
background: #DE564B;
}
#static #right-side .buy-now a:hover{
margin: 0;
text-align: center;
padding: 5px 15px;
color: #F5EEDB;
font-weight: bold;
border: 3px solid #EAE1C0;
background: #483A3A;
}




#fineprint p{
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
zoom: 1;
}
#fineprint p:hover{
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
zoom: 1;
}

#social li a{
background: #EAE1C0;    
}
#social li a:hover{
background: #EAE1C0;
}

#social .twitter a{
background:  url(../me/images/social-icons.png) no-repeat #EAE1C0;
width: 32px;
height: 30px;
}
#social .facebook a{
background:  url(../me/images/social-icons.png) no-repeat #EAE1C0 -30px 0;
width: 35px;
height: 30px;
}
#social .flickr a{
background:  url(../me/images/social-icons.png) no-repeat #EAE1C0 -61px 0;
width: 35px;
height: 30px;
}
#social .rss a{
background:  url(../me/images/social-icons.png) no-repeat #EAE1C0 -93px 0;
width: 35px;
height: 30px;
}
#social .vimeo a{
background:  url(../me/images/social-icons.png) no-repeat #EAE1C0 -126px 0;
width: 35px;
height: 30px;
}
#social .linkedin a{
background:  url(../me/images/social-icons.png) no-repeat #EAE1C0 -160px 0;
width: 35px;
height: 30px;
}



.getupdates .rss a{
background:  url(../me/images/getupdates-icons.png) no-repeat #EAE1C0;
width: 38px;
height: 38px;
}
.getupdates .email a{
background:  url(../me/images/getupdates-icons.png) no-repeat #EAE1C0 -40px 0;
width: 38px;
height: 38px;
}
.getupdates .twitter a{
background:  url(../me/images/getupdates-icons.png) no-repeat #EAE1C0 -80px 0;
width: 38px;
height: 38px;
}



/*other stuff*/
.nav .phone a{
	background:  url(../me/images/phone.png) no-repeat transparent;
	width: 225px;
	height: 16.5px;
	display: block;
}
.nav .phone a:hover{
	background:  url(../me/images/phone.png) no-repeat transparent 0 -16.5px;
}