body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}a,del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:400}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}sup,sub{vertical-align:baseline}

body {
   font:62.5% Arial, Helvetica, sans-serif;
   color:#343434;
   background:url(/img/_s/day/body.png) repeat-x 50% 84px
}

#super_container {
	background:url(/img/_s/day/header.png) no-repeat 50% 84px;
}

.dusk {
	background-image:url(/img/_s/dusk/body.png)
}
.dusk #super_container {
	background-image:url(/img/_s/dusk/header.png)
}

.night {
	background-image:url(/img/_s/night/body.png)
}
.night #super_container {
	background-image:url(/img/_s/night/header.png)
}

#container {
	width:960px;
	margin:0 auto	
}
.bold{
	font-weight:bold
}
.clear{
	clear:both
}
a{
	color:#e4443d
}

a:hover{
	text-decoration:underline
}

h2{
    color: #E4443D;
    font-size: 1.8em;
    font-weight: normal;
    margin-top: 15px;
}

h3{
	color:#317089;
	font-size:1.4em;
	font-weight:bold;
	margin-top:20px
}

h4{
	font-size:1.2em;
	font-weight:bold;
	color:#2c2f31;	
}

.italic{
	font-style:italic;
}
.left {
	float:left
}
.right{
	float:right
}
#header {
	position:relative;
	height:404px
}
#header h6 a {
    background: url(/img/_s/eastweb.png);
    display: block;
    height: 32px;
    left: 5px;
    position: absolute;
    text-indent: -9999px;
    top: 43px;
    width: 139px;
}

#menu {
	height:30px;
	position:absolute;
	top:44px;
	padding-left:250px;
	background:url(/img/_s/menu_bottom.png) no-repeat 0 30px;
	width:500px;
	padding-bottom:15px;
	right:10px
}
#menu li {
	background:url(/img/_s/menu.png) 0 -30px;
	height:27px;
	float:left;
	margin:3px 0 0 5px
}
#menu li:first-child {
	margin-left:0	
}
#menu a {
	background:url(/img/_s/menu.png) right -30px;
	display:block;
	float:left;
	margin-left:2px;
	padding:0 16px 0 16px;
	line-height:27px;
	color:#2c2f31;
	font-size:1.2em;
	font-weight:bold;
	height:27px
}
#menu a:hover{
	text-decoration:none;
}


#menu .s,
#menu li:hover {
	background-position:0 0;
	height:30px;
	margin-top:0
}
#menu .s a,
#menu li:hover a {
	background-position:right 0;
	padding-top:3px;
	color:#fffefe
}

#billboard_frame {
	background:url(/img/home/billboard.png);
	width:430px;
	height:292px;
	position:absolute;
	bottom:0;
	left:45px;
		cursor:pointer;

}
#billboard_slides {
    height: 189px;
    left: 58px;
    position: absolute;
    top: 125px;
    width: 403px;
	background:white;
	overflow:hidden
}
#billboard_slides ul {
	width:99999px;
	position:absolute;
	top:0;
	left:0
}
#billboard_slides li{
	float:left;
	width:403px;
	height:189px
}
#billboard_slides li a{
	display:block;
		width:403px;
	height:189px;

}

#blimp {
	width:271px;
	height:142px;
	position:absolute;
	top:151px;
	background:url(/img/_s/day/home/blimp.png);
	right:95px
}

.dusk #blimp {
	background:url(/img/_s/dusk/home/blimp.png);
}
.night #blimp {
	background:url(/img/_s/night/home/blimp.png);
}

#content {
	margin-top:36px	
}
#content h1, .box h2 {
	font-size:2.1em;
	margin-bottom:19px;
	font-weight:normal;
}

#left {
	float:left;
	width: 480px
}


#left_col li {
	text-align:center;
	float:left;
	width:160px
}

#left_col.home_list li{
	width:190px
}

#left_col span {
bottom: 10px;
    color: #000000;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    position: relative;
}

#right {
	float:right;
	width:480px	
}
#right p {
	font-size:1.2em	
}

#summary{
	left:15px;
	position:absolute;
	bottom:-20px;
	width:515px;
	height:292px;
}

#top_right{
    top:125px;
    height:300px;
    position:absolute;
    right:95px;
    width:295px
}

#summary_title{
	font-size:3.7em;
	color:#1a1c1c;
	margin-bottom: 20px
}

#summary p{
	font-size:1.2em;
	color:#2c2f31
}

#mini_blimp{
	background:url(/img/mini_blimp.png);
	width:81px;
	height:43px;
	top:178px;
	left:855px;
	position:relative
}

#content p{
	margin-top:10px;
	margin-bottom:10px;
	font-size:1.2em;
	color:#494B4D;
	text-align: justify;
	line-height: 18px
}

p#footer{
	background:url(/img/footer_gradient.png) no-repeat;
	width:960px;
	height:30px;
	color:#cccccc;
	font-size:1.1em;
	padding-top:11px;
	margin-top:30px;
}

#footer span, #nav li{
	background:url(/img/footer_spacer.gif) right 3px no-repeat;
	padding-right:20px;
	margin-right: 15px
}

#footer .last{
	background:none
}

.east-web{
	background:url(/img/web/visit_east_web.png) top left no-repeat;
	width:180px;
	height:30px;
	display:block;
	margin-top:15px;
	text-indent:-9999px;
}

.android-icon,.iphone-icon{
	width:47px;
	height:54px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin-top:30px
}

.android-icon{
	background:url(/img/mobile/android.png);
	margin-right:25px
}

.iphone-icon{
	background:url(/img/mobile/iPhone-apple.png)
}


#nav{
	background:url(/img/nav_bg.png) bottom center no-repeat;
	float:left;
	width:100%;
	border-bottom:1px solid #e8e8e8;
	font-size:1.2em;
	margin-bottom:30px;
}

#nav li{
    background-position: right 15px;
    float: left;
    height: 36px;
    line-height: 41px;
}

#nav li:first-child{
	padding-left:0;
}


#nav li:last-child{
	background:none;
}

#nav li.nomargin{
	margin-right:0
}
#nav li.a{
	background:url(/img/nav_selected_left.png) top left no-repeat #fff;
	padding-right:0;
	position:relative;
	top:1px;
	padding-left:0;
	left: -1px;

	
}

#nav li.a a{
   background: url("/img/nav_selected_right.png") no-repeat scroll right top transparent;
    display: block;
    margin-left: 3px;
    padding-left: 13px;
    padding-right: 16px;
	line-height:36px
}


.border{
	border:2px solid #f0f3f4;
}

.contact .border{
	width:426px;
	padding:15px;
}

.contact #content .border p:first-child{
	margin-top:0;
}
#form-error {
    background-color: #E4443D;
    border: 2px dotted #F2A8A4;
    color: #FFFFFF;
    font-size: 1.2em;
    margin: 10px 0;
    padding: 8px;
}

#form-error h4 {
    border-right: 1px solid #eb7671;
    color: #FFFFFF;
    display: inline;
    margin-bottom: 5px;
    margin-right: 5px;
    padding-right: 5px;
}

/* meet the team */
#team li{
	width:230px;
	float:left;	
	font-size:1.2em;
	margin-bottom:15px;
}

#team li span{
	display:block;
}


.box{
    background: url("/img/web/box.png") no-repeat scroll left top transparent;
    float: left;
    height: 223px;
    padding-left: 7px;
    padding-top: 14px;
    width: 472px;
}
#content .box p{
	width:280px;
	float:left;
	margin-top:5px;
	line-height:16px;
	
}
.box img{
	float:left;
}

.box h2{
	margin-bottom:0;
	margin-top:5px;
}

/* marketing page specifics */
.section h2{
	border-bottom:1px solid #f3f3f3;
	line-height:35px;
}
.section img{
	float:left;
	padding-top:10px;
}

.section p{
	float:left;
	width:858px;
}

/*contact form */

#form_contact #column2{
	margin-right: 30px;
}

#form_packages div {
    width:210px;
    height:225px;
    margin-left:20px;
	margin-top:10px;
	padding-right:15px;
    float:left;
	background:url(/img/web/form_column_bg.png) 220px 0 no-repeat
}

#form_packages h4 {
	line-height:22px
}

#form_packages div#column1 {
    margin-left:0;
}

#form_contact label, #form_packages label, #form_payment label{
	font-weight:bold;
	font-size:1.2em;
	color:#000000;
	line-height:22px;
	display:block;
}

#form_packages #column2 label, #form_packages #column3 label, #form_payment label{
	display:inline;
	font-weight:normal;
	margin-left:5px;
}

#form_packages #column2 p, #form_packages #column3 p{
	width:200px;
	padding-top:5px;
	margin:0;
	font-size:0.9em;
	border-bottom:1px solid #e8e8e8
}

#form_packages #column2 p.first, #form_packages #column3 p.first{
	border-top:1px solid #e8e8e8
}

#form_contact input, #form_contact select, #form_contact textarea, #form_packages input, #form_packages select, #form_packages textarea, #form_payment input[type="text"]{
	width:190px;
	height:20px;
	margin-bottom:8px;
	background:url(/img/contact/tick-disabled.gif) 170px 5px no-repeat;
	border:1px solid #ccc;
	font-size:1.1em;
	display:block;
}
#form_payment input[type="text"]{
	background:none;
}

#form_packages #column2 input, #form_packages #column3 input{
	width:14px;
	height:14px;
	margin-bottom:8px;
	display:inline;
}

#form_contact textarea, #form_packages textarea{
	height:146px;
}

#left .form_good, #form_packages .form_good{
	background:url(/img/contact/tick-enabled.gif) 170px 5px no-repeat;
}

#left .form_bad, #form_packages .form_bad{
	background:url(/img/contact/cross-invalid.gif) 170px 5px no-repeat;
}

#form_contact #contact_submit,#form_packages #contact_submit{
	width:99px;
	height:20px;
	text-indent:-9999px;
	background:url(/img/contact/submit.png) top left no-repeat;
	border:0;
	padding:0;
	margin-top:10px;
}


/* portfolio */
#portfolio #slideshow_container {
	width:710px;
	height:498px;
	float:left;
	background:url(/img/portfolio/footer.png )#e8e8e8 no-repeat 0 464px;
}
#portfolio #slideshow {
    background-color: #FFFFFF;
    height: 460px;
    margin: 5px auto;
    width: 700px;
}
#portfolio #clients {
	width:229px;
	height:500px;
	float:right;
	border-left:1px solid #e8e8e8
}
#portfolio #clients  h2{
	margin:0 20px;
}
#portfolio #clients li a{
    color: #000000;
    display: block;
    font-family: tahoma;
    font-size: 1.5em;
    height: 45px;
    line-height: 43px;
    margin: 10px 0 0 20px;
    text-decoration: none;
    text-indent: 40px;
    width: 210px;
	background:url(/img/portfolio/button.png) no-repeat;
}
#portfolio #clients li a:hover{
    color: #E4443D;
	background:url(/img/portfolio/button.png) no-repeat 0 -45px;
}
#portfolio #clients li a.selected{
    color: #000000;
	background:url(/img/portfolio/button.png) no-repeat 0 -90px;
}
#portfolio #clients li a:hover.selected{
    color: #000000;
	background:url(/img/portfolio/button.png) no-repeat 0 -90px;
}
/* skitter slideshow */
.box_skitter {position:relative;width:800px;height:300px;background:#000;}
.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden;position:relative;}
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none;}
.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}
.box_skitter .prev_button {position:absolute;top:460px;left:-5px;z-index:100;width:33px;height:33px;overflow:hidden;text-indent:-9999em;background:url(/img/portfolio/prev.gif) no-repeat left top;}
.box_skitter .next_button {position:absolute;top:460px;right:-5px;z-index:100;width:33px;height:33px;overflow:hidden;text-indent:-9999em;background:url(/img/portfolio/next.gif) no-repeat left top;}
.box_skitter .info_slide {display:none}
.box_skitter .info_slide .image_number {background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.box_skitter .info_slide .image_number_select {background:#cc0000;float:left;padding:2px 10px;margin:0 5px 0 0;}
.box_skitter .container_thumbs {position:relative;overflow:hidden;height:50px; display:none}
.box_skitter .info_slide_thumb {-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;height:45px;top:auto;bottom:-5px;left:-5px;padding:5px;opacity:1.0;}
.box_skitter .info_slide_thumb .image_number {overflow:hidden;width:70px;height:40px;position:relative;}
.box_skitter .info_slide_thumb .image_number img {position:absolute;top:-50px;left:-50px}
.box_skitter .box_scroll_thumbs {padding:0 10px;}
.box_skitter .box_scroll_thumbs .scroll_thumbs {position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;cursor:pointer;border:1px solid #333;}
.box_skitter .info_slide_dots {position:absolute;bottom:-25px;z-index:100;padding:5px 0 5px 5px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.box_skitter .info_slide_dots .image_number {background:#333;float:left;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:6px;height:6px;text-indent:-9999em;overflow:hidden;}
.box_skitter .info_slide_dots .image_number_select {background:#cc0000;float:left;margin:0 5px 0 0;}
.box_skitter .label_skitter {z-index:150;position:absolute;width:680px;bottom:0px;left:0px;background-color:#d03633;opacity:0.95; color:#FFF}
.box_skitter h4 {color:#ffffff; font:1.8em; margin:10px 10px 10px 10px}
#content .box_skitter p {color:#ffffff;  margin:-10px 10px 10px 10px}
#content .box_skitter a {color:#ffffff; text-decoration:underline}
.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(/img/portfolio/loader.gif) no-repeat left top;width:32px;height:32px;}
/* skitter slideshow end */

/* blog list posts */

.readinfull{
	text-indent:-9999px;
	background:url(/img/blog/read_in_full.png) top left no-repeat;
	width:99px;
	height:20px;
	display:block;
}

.post{
	float:left;
	background:url(/img/footer_gradient.png) bottom center no-repeat;
padding-left:10px;
padding-right:10px;
margin-bottom:15px;
}

.post .face{
	float:left;
}

.post .right{
	float:right;
	width:600px;
	margin-left:20px;
	margin-bottom:30px;
}

#content .post .dateposted{
	margin-top:0;
	margin-bottom:0;
	font-size:1.1em;
	word-spacing:-1px;
}

#content .post h2{
color:#E4443D;
font-size:1.8em;
font-weight:normal;
margin-top:0;
}


#follow_rss, #facebook_friend, #twitter_follow, #linked_in{
	width:210px;
	height:67px;
	display:block;
	text-indent:-9999px;
	margin-bottom:10px;
}

#follow_rss{
	background:url(/img/blog/rss.png) top left no-repeat;
}

#facebook_friend{
	background:url(/img/blog/facebook.png) top left no-repeat;	
}

#twitter_follow{
	background:url(/img/blog/twitter.png) top left no-repeat;	
}

#linked_in{
	background:url(/img/blog/linkedin.png) top left no-repeat;	
}

#blog_right{
	float:right;
}

#blog_right h5{
color:#E4443D;
font-size:1.9em;
margin-top:10px;
margin-bottom:10px;
}

#blogwrapper{
	float:left;
	width:720px;
	padding-right:10px;
	border-right:1px solid #e8e8e8;
}

#blog_right ul li a{
	font-size:1.3em;
	text-decoration:underline;
}

#blog_right ul li{
	height:26px;
	background:url(/img/blog/list_spacer.png) bottom left no-repeat;
	text-indent:5px;
}


#blog_right h6{
	color:#317089;
	font-size:1.4em;
	font-weight:bold;
	background:url(/img/blog/list_spacer.png) bottom left no-repeat;
	height:24px;
	text-indent:5px;
}

.list{
	padding-left:20px;
	color: #494B4D;
}

.list li{
	font-size:1.2em;
    line-height: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
	list-style: decimal inside none;
}

.home_list{
	height:140px;
	margin-bottom:30px;
}

#left.contact-us{
	width:460px;
}

/*  Packages */
table.packages {
	width: 950px;
	margin-top:10px;
	border-bottom:1px solid #e8e8e8;
	color:#343434
}

table.packages th#package_left {
	width:200px;
	height:266px;
	background-image:url(/img/web/packages-top-left.png);
}

table.packages a#silver {
	width:230px;
	height:266px;
	background-image:url(/img/web/packages-top-silver.png);
	display:block;
}

table.packages th a#gold {
	width:290px;
	height:266px;
	background-image:url(/img/web/packages-top-gold.png);
	display:block;
}

table.packages th a#platinum {
	width:230px;
	height:266px;
	background-image:url(/img/web/packages-top-platinum.png);
	display:block;
}

table.packages th, table.packages td {
    font-size: 1.3em;
    font-weight: bold;
    height: 30px;
    text-align: left;
	background-image:url(/img/web/packages-cell-bg.png);
}

table.packages tr.inforow th, table.packages tr.inforow td {
    background-image: url(/img/web/packages-info-cell-bg.png);
    color: #999999;
    font-size: 1.2em;
    font-weight: normal;
    height: 21px;
}

table.packages th p .free {
	color:#e4443d
}

table.packages th{
	font-size:1em;
}

table.packages th p{
	margin: 0 10px;
}

table.packages td.last {
	border-right:1px solid #e8e8e8;
}

table.packages td.desc {
    width: 690px;
    text-align: left;
    font-size: 1.2em;
    font-weight: normal;
	text-align:left;
	padding:10px
}

table.packages td {
	text-align:center
}

table.packages td.number {
	text-align:center;
	font-size: 1.8em;
}

.packages-footer {
	width:950px;
	height:14px;
	background-image:url(/img/web/packages-footer.png);
}