body
{
	background: #394050;
}

.wrap
{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.video{
	width:550px;
	height:450px;
	float:left;
	margin:0 0 20px 0;
}
/* 2. Head
-------------------------------------------*/

#head
{
	height: 118px;
	background: #fff;
	position: relative;
}

/* --- Logo */
#logo a
{
	float: left;
	display: block;
	margin: 36px 0 0 50px;
}

/* --- Sub navigation */
#sub-nav
{
	/*float: right;*/
	float:left;
	list-style: none;
	height: 28px;
	/*margin: 15px 35px 0 0;*/
	margin:15px 35px 0 177px;
	padding: 0;
	font-size: 14px;
	width: 475px;
}
#sub-nav li
{
	float: left;
	height: 28px;
	margin: 0 0 0 15px;
}

.menu-top-container ul{
list-style:none;
float: left;

}

.menu-top-container ul li{
	height: 28px;
	margin: 0 0 0 15px;
	}

#sub-nav li a
{
	display: block;
	margin: 5px 0 0;
}

/* search */
#sub-nav li.search form label,
#sub-nav li.search form input,
#sub-nav li.search form button
{
	float: left;
	height: 28px;
}
#sub-nav li.search form label
{
	margin: 5px 5px 0 0;
	color: #088cdd;
}
#sub-nav li.search form input
{
	width: 162px;
	margin: 0;
	padding: 0 5px;
	border: 0;
	background: url(../images/sitewide.gif) no-repeat 0 0;
	color: #999;
	line-height: 28px;
}
#sub-nav li.search form button
{
	display: block;
	width: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(../images/sitewide.gif) no-repeat -172px 0;
	text-indent: -999em;
	cursor: pointer;
}


/* --- Main navigation */
#nav
{
	list-style: none;
	width: 635px;
	padding: 0;
	position: absolute;
/*	top: 58px;*/
top: 30px;
	right: 20px;
}
#nav li
{
	float: left;
	margin:10px 0px;
}
#nav li a
{
	
	font-family: Helvetica;
	font-size:18px;
	text-decoration:none;
	color:#009ddb;
	padding:10px 8px;
}
#nav li a:hover{
	background:#008bdf;
	color:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}


/* off state
#nav li.nav1 a
{
	width: 76px;
	background-position: 0 -41px;
}
#nav li.nav2 a
{
	width: 128px;
	background-position: -76px -41px;
}
#nav li.nav3 a
{
	width: 181px;
	background-position: -204px -41px;
}
#nav li.nav4 a
{
	width: 151px;
	background-position: -385px -41px;
}
#nav li.nav5 a
{
	width: 99px;
	background-position: -536px -41px;
} */

/* over state
#nav li.nav1 a:hover
{
	background-position: 0 -82px;
}
#nav li.nav2 a:hover
{
	background-position: -76px -82px;
}
#nav li.nav3 a:hover
{
	background-position: -204px -82px;
}
#nav li.nav4 a:hover
{
	background-position: -385px -82px;
}
#nav li.nav5 a:hover
{
	background-position: -536px -82px;
}
 */

/* 3. Banner / Call to action
-------------------------------------------*/

#banner
{
	height: 311px;
	background: url(../images/bg-banner.jpg) repeat-x 50% 0;
	overflow: hidden;
	
}
#banner .banner,
#banner #banner-content
{
	width: 1000px !important;
	height: 311px !important;
	color: #fff;
}
#banner .banner .banner-content
{
	float: left;
	width: 380px;
	margin: 70px 0 0 50px;
}
#banner .banner .banner-content h1
{
	margin: 0 0 15px;
	font-size: 24px;
}
#banner .banner .banner-content p
{
	margin: 0 0 20px;
	padding: 0;
	font-size: 15px;
	line-height: 20px;
}
#banner-1
{
	background: url(../images/bg-banner1.jpg) no-repeat 100% 100%;
}
#banner-2
{
	background: url(../images/bg-banner2.jpg) no-repeat 100% 100%;
}
#banner-3
{
	background: url(../images/bg-banner3.jpg) no-repeat 100% 100%;
}
#banner-nav
{
	position: absolute;
	top: 40px;
	right: 28px;
	z-index: 9999;
}
#banner-nav a
{
	display: block;
	margin: 0 0 10px;
	width: 181px;
	height: 79px;
	text-indent: -999em;
}
#banner-nav a#banner-1
{
	background: url(../images/sitewide.gif) no-repeat -434px -135px;
}
#banner-nav a#banner-1:hover,
#banner-nav a#banner-1.activeSlide
{
	background: url(../images/sitewide.gif) no-repeat -619px -135px;
}
#banner-nav a#banner-2
{
	background: url(../images/sitewide.gif) no-repeat -434px -221px;
}
#banner-nav a#banner-2:hover,
#banner-nav a#banner-2.activeSlide
{
	background: url(../images/sitewide.gif) no-repeat -619px -221px;
}
#banner-nav a#banner-3
{
	background: url(../images/sitewide.gif) no-repeat -434px -307px;
}
#banner-nav a#banner-3:hover,
#banner-nav a#banner-3.activeSlide
{
	background: url(../images/sitewide.gif) no-repeat -619px -307px;
}

/* --- Inner page banner */
body.inner #banner
{
	height: 120px;
}
body.inner #banner h1
{
	margin: 16px 0 0 50px;
	line-height: 120px;
}


/* --- Call to action */
#call-to-action .wrap
{
	width: 920px;
}
#call-to-action
{
	margin-left: 20px;
	height: 56px;
	background: #394050;
}


/* 4. Content
-------------------------------------------*/

#content
{
	padding: 25px 0;
	background: #fff url(../images/bg-content.jpg) repeat-x 0 0;
}
#content .inner-content .left
{
	float: left;
	width: 536px;
	padding-bottom: 15px;
}
#content .inner-content .right
{
	float: right;
	width: 314px;
	padding: 220px 0 0;
	position: relative;
}


/* --- Content container */
#content .inner-content
{
	padding: 30px 40px 0 50px;
	background: #fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0 0 2px #949494;
}

#content .inner-content h1
{
	margin:0 0 20px;
	color:#008be0;
	line-height:28px;
}

#content .inner-content h2
{
	margin:0 0 10px;
	color:#008be0;
}

/* --- Inner page content */
body.inner #content .inner-content
{
	min-height: 780px;
	height: auto !important;
	height: 780px;
}
body.inner #content .inner-content .right
{
	padding: 0;
}

/* Side navigation */
#side-nav
{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 312px;
	margin: 0 0 25px;
	padding: 20px 0 10px;
	border: 1px solid #ededed;
	background: #efefef url(../images/bg-testimonials.gif) repeat-x 0 0;
	position: relative;
	z-index: 98;
}
#side-nav ul
{
	list-style: none;
	width: 324px;
	margin: 0;
	padding: 0;
	background: url(../images/side-nav-line.gif) no-repeat 12px 0;
	position: relative;
	left: -12px;
}
#side-nav li
{
	padding-bottom: 2px;
	background: url(../images/side-nav-line.gif) no-repeat 12px 100%;
}	
#side-nav li a
{
	display: block;
	padding: 0 20px 0 32px;
	color: #7f7f7f;
	font-weight: bold;
	font-size: 16px;
	line-height: 38px;
}
#side-nav li a:hover,
#side-nav li.current-menu-item a{
	background: #44a6ed url(../images/sitewide.gif) no-repeat -372px 0;
	color: #fff;
}
#side-nav li a:active{
	background: #44a6ed url(../images/sitewide.gif) no-repeat -372px 0;
	color: #fff;
}

/* --- Statement / key points */
.statement
{
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 22px;
}
.services
{
	margin: 0 0 25px;
	border-bottom: 1px solid #ddd;
}
.services span
{
	display: block;
	padding: 14px 0 5px 75px;
}
.noborder
{
	margin: 0;
	border: 0;
}
.noborder .service
{
	padding: 0 !important;
}
.service
{
	float: left;
	width: 243px;
	padding: 0 0 15px;
}
#seo,
#design
{
	margin: 0 35px 0 0;
}
#niche,
#analysis
{
	width: 258px;
}

/* --- SEO */
#seo span.avantgarde
{
	background: url(../images/sitewide.gif) no-repeat 0 -131px;
	width:160px;
	height:58px;
}

/* --- NICHE */
#niche span.avantgarde
{
	background: url(../images/sitewide.gif) no-repeat 0 -202px;
	width:168px;
	height:58px;
}

/* --- DESIGN */
#design span.avantgarde
{
	background: url(../images/sitewide.gif) no-repeat 0 -274px;
	width:168px;
	height:58px;
}

/* --- ANALYSIS */
#analysis span.avantgarde
{
	background: url(../images/sitewide.gif) no-repeat 0 -340px;
	width:168px;
	height:58px;
}


/* --- Website SEO analysis */
#get-analysis
{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 272px;
	margin: 0 0 10px;
	padding: 25px 15px 15px 25px;
	border: 1px solid #faeeb5;
	background: #fbefbd url(../images/bg-analysis-sml.gif) repeat-x 0 0;
	position: absolute;
	top: -10px;
	z-index: 99;
}	
#get-analysis.active
{
	background: #fbefbd url(../images/bg-analysis-lng.gif) repeat-x 0 0;
}
#get-analysis .sash
{
	width: 72px;
	height: 71px;
	background: url(../images/sitewide.gif) no-repeat -714px -516px;
	position: absolute;
	top: -2px;
	right: -3px;
	z-index: 99;
}	
#get-analysis .get-seo-analysis-btn
{
	display: block;
	width: 189px;
	height: 28px;
	background: url(../images/sitewide.gif) no-repeat 0 -421px;
	text-indent: -999em;
}
span.note
{
	color: #999;
	font-size: 11px;
}



/* --- Testimonals */
#testimonials
{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 262px;
	margin: 0 0 25px;
	padding: 25px;
	border: 1px solid #ededed;
	background: #efefef url(../images/bg-testimonials.gif) repeat-x 0 0;
	overflow: hidden;
	position: relative;
	z-index: 98;
}
#testimonials .testimonials
{
	width: 262px !important;
}
#testimonial-nav
{
	width: 262px;
}
#testimonial-points
{
	margin: 10px 0 0 32px;
}
#testimonial-points a
{
	float: left;
	display: block;
	width: 11px;
	height: 11px;
	margin: 0 10px 0 0;
	background: url(../images/sitewide.gif) no-repeat -391px -560px;
	text-indent: -999em;
}
#testimonial-points a.activeSlide,
#testimonial-points a:hover
{
	background: url(../images/sitewide.gif) no-repeat -429px -560px;
}
.button
{
	float: left;
}
.button.next
{
	float: right;
}
.button a
{
	display: block;
	width: 19px;
	height: 33px;
	background: url(../images/sitewide.gif) no-repeat -485px -549px;
	text-indent: -999em;
}
.button a#next
{
	background: url(../images/sitewide.gif) no-repeat -538px -549px;
}

/* --- Testimonial listing */
.testimonial-listing
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.testimonial-listing li
{
	padding: 20px 0 10px;
	border-bottom: 1px solid #ddd;
}
.testimonial-listing div.testimonial-listing-img
{
	float: left;
	width: 228px;
	margin: 0 10px 15px 0;
}
.testimonial-listing div.testimonial-listing-img img
{
	padding: 5px;
	border: 1px solid #bdbdbd;
	background: #fff;
}
.testimonial-listing div.testimonial-listing-text
{
	float: left;
	width: 290px;
}
.testimonial-listing div.testimonial-listing-text h5
{
	margin: 0 0 5px;
	font-size: 16px;
}
.testimonial-listing div.testimonial-listing-text a
{
	color: #555;
	font-weight: bold;
}


/* --- Portfolio listing */
.portfolio-listing
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.portfolio-listing li
{
	float: left;
	width: 242px;
	margin: 0 10px 15px 0;
	padding: 5px 5px 0;
	border: 1px solid #bdbdbd;
	background: #fff;
	position: relative;
	overflow: hidden;
}
.portfolio-listing li div.line
{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	background: #fff;
	height: 5px;
	line-height: 5px;
}
.portfolio-listing li a
{
	display: block;
	height: 184px;
	position: relative;
}
.portfolio-listing li a img
{
	width: 242px;
	position: absolute;
	z-index: 98;
}
.portfolio-listing li a span
{
	display: block;
	padding: 15px 0;
	color: #0099cc;
	font-size: 14px;
	position: absolute;
	z-index: 97;
}


/* --- Search engine key points */
#extra
{
	margin: 40px 0 0;
}
#extra .wrap
{
	width: 904px;
}
#extra .wrap .col
{
	float: left;
	width: 460px;
	padding-top:12px;
}
#extra .wrap .col p
{
	margin-right: 35px;
}
#extra .wrap .col ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}	
#extra .wrap .col li
{
	padding: 0 0 15px 35px;
	background: url(../images/sitewide.gif) no-repeat 0 -465px;
	list-style:none;
	
}
#content .wrap .left .col li
{
	padding: 0 0 15px 35px;
	background: url(../images/sitewide.gif) no-repeat 0 -465px;
	list-style:none;
	
}
#content .wrap .left .col ul
{
	margin-left:0;
	padding-left:5px;
	
}


/* --- Featured work */
#work .wrap
{
	width: 960px;
	margin: 0 auto;
	border-bottom: 1px solid #bdbdbd;
	margin-bottom: 30px;
	padding-bottom:15px;
}
#work h5
{
	margin: 0 0 20px 28px;
	font-size: 16px;
	font-weight: bold;
	color:#088cdd;
}
#work ul
{
	list-style: none;
	margin: 0 0 0 28px;
	padding: 0;
}
#work li
{
	float: left;
	width: 208px;
	margin: 0 10px 15px 0;
	padding: 5px 5px 0;
	border: 1px solid #bdbdbd;
	background: #fff;
	position: relative;
	overflow: hidden;
}
#work li div.line
{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	background: #fff;
	height: 5px;
	line-height: 5px;
}
#work li a
{
	display: block;
	height: 164px;
	position: relative;
}
#work li a img
{
	position: absolute;
	z-index: 98;
}
#work li a span
{
	display: block;
	padding: 15px 0;
	color: #0099cc;
	font-size: 14px;
	position: absolute;
	z-index: 97;
}
#cms .wrap
{
	width: 930px;
	margin: 0 auto;
	border-bottom: 1px solid #bdbdbd;
	padding-left:30px;
}

/* --- Articles */
#articles .wrap
{
	width: 960px;
	margin: 0 auto 25px;
	
}
#articles p
{
	width: 830px;
	padding-right:30px;
	
}
#articles ul
{
	list-style: none;
	margin: 0;
	padding: 30px 0 20px 28px;
	border-bottom: 1px solid #bdbdbd;
}
#articles img
{
	float: left;
	margin: 0 15px 0 0;
	border:4px solid #EDEDED;
}


/* 5. Foot
-------------------------------------------*/
#foot .wrap
{
	width: 906px;
}
#foot .col
{
	float: left;
	width: 200px;
	padding: 35px 20px 35px 0;
	color: #fff;
}
#foot .col.wide
{
	width: 220px;
}

#foot .col.wide ul
{
	padding:0 !important;
	margin:0px !important;
}
#foot .col.wide ul li
{
	padding:0 !important;
	margin:0px !important;
	display:block !important;
	list-style:none !important;
}
#foot .col.wide ul li h4
{
	font-size:12px !important;
	color:#fff !important;
	font-weight:bold !important;
}
#foot .col.wide ul li a{
	color: #fff !important;
}
#foot .col.wide ul li a:hover{
	color: #239dd9 !important;
}
#foot .col.wide ul li h5
{
	padding: 10px 0 0  0 !important;
	font-size:12px !important;
	color:#fff !important;
	font-weight:normal !important;
}
#foot .col ul li
{
	padding:0 !important;
	margin:0px !important;
	display:block !important;
	list-style:none !important;
}
#foot .col ul li h4
{
	font-size:12px !important;
	color:#fff !important;
	font-weight:bold !important;
}
#foot .col ul li a{
	color: #fff !important;
}
#foot .col ul li a:hover{
	color: #239dd9 !important;
}

/*#foot .col ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#foot .col li
{
	float: left;
	margin: 0 10px 0 0;
}
#foot .col li a.facebook
{
	display: block;
	width: 36px;
	height: 37px;
	background: url(../images/sitewide.gif) no-repeat 0 -500px;
	text-indent: -999em;
}
#foot .col li a.twitter
{
	display: block;
	width: 36px;
	height: 37px;
	background: url(../images/sitewide.gif) no-repeat 0 -552px;
	text-indent: -999em;
}

#foot .col li.plus
{
	display: block;
	width: 36px;
	height: 37px;
}
#foot .col a
{
	color: #fff;
}
#foot .col a:hover
{
	color: #239dd9;
}
*/

/* 6. Forms
-------------------------------------------*/

/* --- Get analysis form */
#analysis-form
{
	display: none;
}
#analysis-form .field,
#contact-form .field
{
	margin: 0 0 8px;
}
#analysis-form .field div,
#contact-form .field div
{
	float: left;
}
#analysis-form .field label.error,
#contact-form .field label.error
{
	padding-left: 5px;
	font-size: 10px;
	line-height: 12px;
}
#analysis-form .field div.label,
#contact-form .field div.label
{
	width: 95px;
	padding: 5px 0 0;
	color: #00b1f7;
	font-weight: bold;
}
#analysis-form .field div.input
{
	width: 170px;
}
#contact-form .field div.input
{
	width: 430px;
}
#analysis-form .field div.input input,
#contact-form .field div.input input
{
	width: 160px;
	height: 28px;
	margin: 0;
	padding: 0 5px;
	border: 0;
	background: url(../images/sitewide.gif) no-repeat -232px -421px;
	color: #999;
	line-height: 28px;
}
#contact-form .field div.input input
{
	width: 420px;
	background: url(../images/sitewide.gif) no-repeat 0 -619px;
}
#analysis-form .field div.input textarea,
#contact-form .field div.input textarea
{
	width: 252px;
	height: 64px;
	margin: 0;
	padding: 5px;
	border: 0;
	background: url(../images/sitewide.gif) no-repeat -538px -421px;
	color: #999;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	overflow: auto;
}
#contact-form .field div.input textarea
{
	width: 516px;
	height: 84px;
	background: url(../images/sitewide.gif) no-repeat 0 -663px;
}
#analysis-form .field.wide div,
#contact-form .field.wide div
{
	float: none;
	width: auto;
}
#analysis-form button,
#analysis-form button#cancel,
#contact-form button,
#contact-form button#cancel
{
	float: left;
	display: block;
	width: 107px;
	height: 28px;
	margin: 0 10px 0 0;
	padding: 0;
	border: 0;
	background: url(../images/sitewide.gif) no-repeat -232px -552px;
	text-indent: -999em;
	cursor: pointer;
}
#analysis-form button#cancel,
#contact-form button#cancel
{
	background: url(../images/sitewide.gif) no-repeat -587px -730px;
}

/*list*/
 .left ul.articles   {
	margin-left:0px;
	padding-left:0px;
}
 .left ul.articles  li {
	list-style-image:none;
	list-style:none;
	padding:10px 0 0 0;
	margin-left:0px;
}

 .left ul.articles  p {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin:0;
}

.left ul.articles  li a:hover {
	color:#333
}

#content span.bwinky {
	font-weight:bold; color:#239dd9;
}
.field-validation-error {
	color: #ff0000;
}
.input-validation-error {
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}
.validation-summary-errors {
	font-weight: bold;
	color: #ff0000;
}
#menu{
display:none;
}
.submission{
	width:28%;
	padding: 10px;
	float:left;
	text-align:center;
}

.key{
	width:24%;
	padding: 0 0 10px 0;
	float:left;
	text-align:center;
}

@media screen and (max-width: 1000px){
	.wrap
{
	width: 100%;
}
#head {
    height: 110px;
}
#logo a
{
	float: left;
	display: block;
	margin: 26px 0 0 20px;
}
#logo a img{
	width:70%;
}
#sub-nav
{
	float: right;
	list-style: none;
	height: 28px;
	margin: 10px 15px 0 14px;
	padding: 0;
	font-size: 14px;
	width:450px;
}
#sub-nav li
{
	float: left;
	height: 28px;
	margin: 0 0 0 10px;
}
#sub-nav li a
{
	display: block;
	margin: 5px 0 0;
}
#sub-nav li.search form label,
#sub-nav li.search form input,
#sub-nav li.search form button
{
	float: left;
	height: 28px;
}
#sub-nav li.search form label
{
	margin: 5px 5px 0 0;
	color: #088cdd;
}
#sub-nav li.search form input
{
	width: 162px;
	margin: 0;
	padding: 0 5px;
	border: 0;
	background: url(../images/sitewide.gif) no-repeat 0 0;
	color: #999;
	line-height: 28px;
}
#sub-nav li.search form button
{
	display: block;
	width: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(../images/sitewide.gif) no-repeat -172px 0;
	text-indent: -999em;
	cursor: pointer;
}
#nav
{
	list-style: none;
	width: 85%;
	padding: 0;
	position: absolute;
	top: 28px;
	right:0%;
}
#nav li
{
	float: left;
	margin:10px 0px;
}
#nav li a
{
	
	font-family: Helvetica;
	font-size:17px;
	text-decoration:none;
	color:#009ddb;
	padding:5px;
}
#nav li a:hover{
	background:#008bdf;
	color:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
#banner
{
	height: 311px;
	background: url(../images/bg-banner.jpg) repeat-x 50% 0;
	overflow: hidden;
}
#banner .banner,
#banner #banner-content
{
	width: 100% !important;
	height: 311px !important;
	color: #fff;
}
#banner .banner .banner-content
{
	float: left;
	width: 35%;
	margin: 45px 0 0 10px;
}
#banner .banner .banner-content h1
{
	margin: 0 0 15px;
	font-size: 18px;
}
#banner .banner .banner-content p
{
	margin: 0 0 20px;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
}
#banner-1
{
	background: url(../images/bg-banner1.jpg) no-repeat 85%;
}
#banner-2
{
	background: url(../images/bg-banner2.jpg) no-repeat 85%;
}
#banner-3
{
	background: url(../images/bg-banner3.jpg) no-repeat 85%;
}
#banner-nav
{
	position: absolute;
	top: 40px;
	right: 8px;
	z-index: 9999;
}
#banner-nav a
{
	display: block;
	margin: 0 0 10px;
	width: 181px;
	height: 79px;
	text-indent: -999em;
}
#banner-nav a#banner-1
{
	background: url(../images/sitewide.gif) no-repeat -434px -135px;
}
#banner-nav a#banner-1:hover,
#banner-nav a#banner-1.activeSlide
{
	background: url(../images/sitewide.gif) no-repeat -619px -135px;
}
#banner-nav a#banner-2
{
	background: url(../images/sitewide.gif) no-repeat -434px -221px;
}
#banner-nav a#banner-2:hover,
#banner-nav a#banner-2.activeSlide
{
	background: url(../images/sitewide.gif) no-repeat -619px -221px;
}
#banner-nav a#banner-3
{
	background: url(../images/sitewide.gif) no-repeat -434px -307px;
}
#banner-nav a#banner-3:hover,
#banner-nav a#banner-3.activeSlide
{
	background: url(../images/sitewide.gif) no-repeat -619px -307px;
}

body.inner #banner
{
	height: 120px;
}
body.inner #banner h1
{
	margin: 16px 0 0 50px;
	line-height: 120px;
}


/* --- Call to action */
#call-to-action .wrap
{
	width: 100%;
}
#call-to-action
{
	margin-left: 20px;
	height: 56px;
	background: #394050;
}
#content
{
	padding: 25px 0;
	background: #fff +;
}
#content .inner-content .left
{
	float: left;
	width: 55%;
	padding-bottom: 15px;
}
#content .inner-content .right
{
	width: 45%;
	padding: 220px 0 0;
	position: relative;
	right:-3%;
}


/* --- Content container */
#content .inner-content
{
	padding: 30px 40px 0 20px;
	margin: 0 2px;
}

#content .inner-content h1
{
	margin:0 0 20px;
	color:#008be0;
	line-height:28px;
	
}

#content .inner-content h2
{
	margin:0 0 10px;
	color:#008be0;
}
body.inner #content .inner-content
{
	min-height: 780px;
	height: auto !important;
	height: 780px;
}
body.inner #content .inner-content .right
{
	padding: 0;
}
.video{
	width:390px;
	height:360px;
	float:left;
	margin:0 0 20px 0;
}

/* Side navigation */
#side-nav
{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 312px;
	margin: 0 0 25px;
	padding: 20px 0 10px;
	border: 1px solid #ededed;
	background: #efefef url(../images/bg-testimonials.gif) repeat-x 0 0;
	position: relative;
	z-index: 98;
}
#side-nav ul
{
	list-style: none;
	width: 324px;
	margin: 0;
	padding: 0;
	background: url(../images/side-nav-line.gif) no-repeat 12px 0;
	position: relative;
	left: -12px;
}
#side-nav li
{
	padding-bottom: 2px;
	background: url(../images/side-nav-line.gif) no-repeat 12px 100%;
}	
#side-nav li a
{
	display: block;
	padding: 0 20px 0 32px;
	color: #7f7f7f;
	font-weight: bold;
	font-size: 14px;
	line-height: 38px;
}
#side-nav li a:hover,
#side-nav li.current-menu-item a{
	background: #44a6ed url(../images/sitewide.gif) no-repeat -372px 0;
	color: #fff;
}


/* --- Statement / key points */
.statement
{
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 20px;
}
.services
{
	margin: 0 0 25px;
	border-bottom: 1px solid #ddd;
}
.services span
{
	display: block;
	padding: 14px 0 5px 75px;
}
.noborder
{
	margin: 0;
	border: 0;
}
.noborder .service
{
	padding: 0 !important;
}
.service
{
	float: left;
	width: 45%;
	padding: 0 0 15px;
}

#seo,
#design
{
	margin: 0 35px 0 0;
}
#niche,
#analysis
{
	width: 45%;
}

/* --- SEO */
#seo span.avantgarde
{
	background: url(../images/sitewide.gif) no-repeat 0 -131px;
}

/* --- NICHE */
#niche span.avantgarde
{
	background: url(../images/sitewide.gif) no-repeat 0 -202px;
}

/* --- DESIGN */
#design span.avantgarde
{
	background: url(../images/sitewide.gif) no-repeat 0 -262px;
}

/* --- ANALYSIS */
#analysis span.avantgarde
{
	background: url(../images/sitewide.gif) no-repeat 0 -328px;
}


/* --- Website SEO analysis */
#get-analysis
{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 272px;
	margin: 0 0 10px;
	padding: 25px 15px 15px 25px;
	border: 1px solid #faeeb5;
	background: #fbefbd url(../images/bg-analysis-sml.gif) repeat-x 0 0;
	position: absolute;
	top: -10px;
	z-index: 99;
}	
#get-analysis.active
{
	background: #fbefbd url(../images/bg-analysis-lng.gif) repeat-x 0 0;
}
#get-analysis .sash
{
	width: 72px;
	height: 71px;
	background: url(../images/sitewide.gif) no-repeat -714px -516px;
	position: absolute;
	top: -2px;
	right: -3px;
	z-index: 99;
}	
#get-analysis .get-seo-analysis-btn
{
	display: block;
	width: 189px;
	height: 28px;
	background: url(../images/sitewide.gif) no-repeat 0 -421px;
	text-indent: -999em;
}
span.note
{
	color: #999;
	font-size: 11px;
}
#testimonials
{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 262px;
	margin: 0 0 25px;
	padding: 25px;
	border: 1px solid #ededed;
	background: #efefef url(../images/bg-testimonials.gif) repeat-x 0 0;
	overflow: hidden;
	position: relative;
	z-index: 98;
}
#testimonials .testimonials
{
	width: 262px !important;
}
#testimonial-nav
{
	width: 262px;
}
#testimonial-points
{
	margin: 10px 0 0 32px;
}
#testimonial-points a
{
	float: left;
	display: block;
	width: 11px;
	height: 11px;
	margin: 0 10px 0 0;
	background: url(../images/sitewide.gif) no-repeat -391px -560px;
	text-indent: -999em;
}
#testimonial-points a.activeSlide,
#testimonial-points a:hover
{
	background: url(../images/sitewide.gif) no-repeat -429px -560px;
}
.button
{
	float: left;
}
.button.next
{
	float: right;
}
.button a
{
	display: block;
	width: 19px;
	height: 33px;
	background: url(../images/sitewide.gif) no-repeat -485px -549px;
	text-indent: -999em;
}
.button a#next
{
	background: url(../images/sitewide.gif) no-repeat -538px -549px;
}

/* --- Testimonial listing */
.testimonial-listing
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.testimonial-listing li
{
	padding: 20px 0 10px;
	border-bottom: 1px solid #ddd;
}
.testimonial-listing div.testimonial-listing-img
{
	float: left;
	width: 228px;
	margin: 0 10px 15px 0;
}
.testimonial-listing div.testimonial-listing-img img
{
	padding: 5px;
	border: 1px solid #bdbdbd;
	background: #fff;
}
.testimonial-listing div.testimonial-listing-text
{
	float: left;
	width: 100%;
}
.testimonial-listing div.testimonial-listing-text h5
{
	margin: 0 0 5px;
	font-size: 14px;
}
.testimonial-listing div.testimonial-listing-text a
{
	color: #555;
	font-weight: bold;
}


/* --- Portfolio listing */
.portfolio-listing
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.portfolio-listing li
{
	float: left;
	width: 242px;
	margin: 0 10px 15px 0;
	padding: 5px 5px 0;
	border: 1px solid #bdbdbd;
	background: #fff;
	position: relative;
	overflow: hidden;
}
.portfolio-listing li div.line
{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	background: #fff;
	height: 5px;
	line-height: 5px;
}
.portfolio-listing li a
{
	display: block;
	height: 184px;
	position: relative;
}
.portfolio-listing li a img
{
	width: 242px;
	position: absolute;
	z-index: 98;
}
.portfolio-listing li a span
{
	display: block;
	padding: 15px 0;
	color: #0099cc;
	font-size: 14px;
	position: absolute;
	z-index: 97;
}


/* --- Search engine key points */
#extra
{
	margin: 40px 0 0;
}
#extra .wrap
{
	width: 100%;
}
#extra .wrap .col
{
	float: left;
	width: 460px;
	padding-top:12px;
}
#extra .wrap .col p
{
	margin-right: 35px;
}
#extra .wrap .col ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}	
#extra .wrap .col li
{
	padding: 0 0 15px 35px;
	background: url(../images/sitewide.gif) no-repeat 0 -465px;
	list-style:none;
	
}
#content .wrap .left .col li
{
	padding: 0 0 15px 35px;
	background: url(../images/sitewide.gif) no-repeat 0 -465px;
	list-style:none;
	
}
#content .wrap .left .col ul
{
	margin-left:0;
	padding-left:5px;
	
}


/* --- Featured work */
#work .wrap
{
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #bdbdbd;
	margin-bottom: 30px;
	padding-bottom:15px;
}
#work h5
{
	margin: 0 0 20px 10px;
	font-size: 14px;
	font-weight: bold;
	color:#088cdd;
}
#work ul
{
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}
#work li
{
	float: left;
	width: 165px;
	margin: 0 10px 15px 0;
	padding: 5px 5px 0;
	border: 1px solid #bdbdbd;
	background: #fff;
	position: relative;
	overflow: hidden;
}

#work li div.line
{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	background: #fff;
	height: 5px;
	line-height: 5px;
}
#work li a
{
	display: block;
	height: 130px;
	position: relative;
}
#work li a img
{
	position: absolute;
	z-index: 98;
	width:100%;
}
#work li a span
{
	display: block;
	padding: 15px 0;
	color: #0099cc;
	font-size: 14px;
	position: absolute;
	z-index: 97;
}
#cms .wrap
{
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #bdbdbd;
	padding-left:30px;
}

/* --- Articles */
#articles .wrap
{
	width: 92%;
	margin: 0 auto;
	
}
#articles p
{
	width: 100%;
	padding-right:30px;
	
}
#articles ul
{
	list-style: none;
	margin: 0;
	padding: 30px 0 20px 0px;
	border-bottom: 1px solid #bdbdbd;
}
#articles img
{
	float: left;
	margin: 0 15px 0 0;
	border:4px solid #EDEDED;
}


/* 5. Foot
-------------------------------------------*/
#foot .wrap
{
	width: 100%;
}
#foot .col
{
	float: left;
	padding: 35px 20px 35px 0;
	color: #fff;
	width: 22%;
	font-size:10px;
}
#foot .col.wide
{
	width: 22%;
	margin-left: 8px;
}
#foot .col.wide ul
{
	padding:0 !important;
	margin:0px !important;
}
#foot .col.wide ul li
{
	padding:0 !important;
	margin:0px !important;
	display:block !important;
	list-style:none !important;
}
#foot .col.wide ul li h4
{
	font-size:11px !important;
	color:#fff !important;
	font-weight:bold !important;
}
#foot .col.wide ul li a{
	color: #fff !important;
}
#foot .col.wide ul li a:hover{
	color: #239dd9 !important;
}
#foot .col.wide ul li h5
{
	padding: 10px 0 0  0 !important;
	font-size:11px !important;
	color:#fff !important;
	font-weight:normal !important;
}
#foot .col ul li
{
	padding:0 !important;
	margin:0px !important;
	display:block !important;
	list-style:none !important;
}
#foot .col ul li h4
{
	font-size:11px !important;
	color:#fff !important;
	font-weight:bold !important;
}
#foot .col ul li a{
	color: #fff !important;
}
#foot .col ul li a:hover{
	color: #239dd9 !important;
}

#menu{
display:none;
}


}


@media screen and (max-width: 760px){
	.wrap
{
	width: 100%;
}
#head {
    height: 135px;
}
#logo a
{
	float: left;
	display: block;
	margin: 15px 0 0 30px;
	text-align:center;
}
#logo a img{
	width:60%;
}
#sub-nav
{
	float: right;
	list-style: none;
	height: 28px;
	margin: 0px 15px 0 0;
	padding: 0;
	font-size: 12px;
}
#sub-nav li
{
	float: left;
	height: 28px;
	margin: 0 0 0 15px;
}
#sub-nav li a
{
	display: block;
	margin: 5px 0 0;
}
#sub-nav li.search form label,
#sub-nav li.search form input,
#sub-nav li.search form button
{
	float: left;
	height: 28px;
}
#sub-nav li.search form label
{
	margin: 5px 5px 0 0;
	color: #088cdd;
}
#sub-nav li.search form input
{
	width: 162px;
	margin: 0;
	padding: 0 5px;
	border: 0;
	background: url(../images/sitewide.gif) no-repeat 0 0;
	color: #999;
	line-height: 28px;
}
#sub-nav li.search form button
{
	display: block;
	width: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(../images/sitewide.gif) no-repeat -172px 0;
	text-indent: -999em;
	cursor: pointer;
}
#nav
{
	display: none;
}
	
#banner
{
	height: 311px;
	background: #00aef5;
	overflow: hidden;
}
#banner .banner,
#banner #banner-content
{
	width: 100% !important;
	height: 311px !important;
	color: #fff;
}
#banner .banner .banner-content
{
	float: left;
	width: 35%;
	margin: 8px 0 0 5px;
}
#banner .banner .banner-content h1
{
	margin: 0 0 5px;
	font-size: 14px;
}
#banner .banner .banner-content p
{
	margin: 0 0 10px;
	padding: 0;
	font-size: 11px;
	line-height: 11px;
}
#banner-1
{
	background: none;
}
#banner-2
{
	background: none;
}
#banner-3
{
	background: none;
}
#banner-nav
{
	position: absolute;
	top: 20px;
	right: 5px;
	z-index: 9999;
}
#banner-nav a
{
	display: block;
	margin: 0 0 10px;
	width: 181px;
	height: 79px;
	text-indent: -999em;
}
#banner-nav a#banner-1
{
	background: url(../images/sitewide.gif) no-repeat -434px -135px;
}
#banner-nav a#banner-1:hover,
#banner-nav a#banner-1.activeSlide
{
	background: url(../images/sitewide.gif) no-repeat -619px -135px;
}
#banner-nav a#banner-2
{
	background: url(../images/sitewide.gif) no-repeat -434px -221px;
}
#banner-nav a#banner-2:hover,
#banner-nav a#banner-2.activeSlide
{
	background: url(../images/sitewide.gif) no-repeat -619px -221px;
}
#banner-nav a#banner-3
{
	background: url(../images/sitewide.gif) no-repeat -434px -307px;
}
#banner-nav a#banner-3:hover,
#banner-nav a#banner-3.activeSlide
{
	background: url(../images/sitewide.gif) no-repeat -619px -307px;
}

body.inner #banner
{
	height: 100px;
}
body.inner #banner h1
{
	margin: 0px 0 0 50px;
	line-height: 120px;
}

.video{
	width:260px;
	height:240px;
	float:left;
	margin:0 0 20px 0;
}

/* --- Call to action */
#call-to-action .wrap
{
	width: 100%;
}
#call-to-action
{
	margin: 10px;
	height: auto;
	background: #394050;
}
#content
{
	padding: 15px 0;
	background: #fff +;
}
#content .inner-content .left
{
	float: left;
	width: 100%;
	padding-bottom: 15px;
	display:block;
}
#content .inner-content .right
{
	width: 100%;
	padding: 220px 0 0;
	position: relative;
	right:7%;
	display:block;	
}


/* --- Content container */
#content .inner-content
{
	padding: 20px;
}

#content .inner-content h1
{
	margin:0 0 20px;
	color:#008be0;
	line-height:28px;
}

#content .inner-content h2
{
	margin:0 0 10px;
	color:#008be0;
}
body.inner #content .inner-content
{
	min-height: 780px;
	height: auto !important;
	height: 780px;
}
body.inner #content .inner-content .right
{
	padding: 0;
}

/* Side navigation */
#side-nav
{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 312px;
	margin: 0 0 25px;
	padding: 20px 0 10px;
	border: 1px solid #ededed;
	background: #efefef url(../images/bg-testimonials.gif) repeat-x 0 0;
	position: relative;
	z-index: 98;
}
#side-nav ul
{
	list-style: none;
	width: 324px;
	margin: 0;
	padding: 0;
	background: url(../images/side-nav-line.gif) no-repeat 12px 0;
	position: relative;
	left: -12px;
}
#side-nav li
{
	padding-bottom: 2px;
	background: url(../images/side-nav-line.gif) no-repeat 12px 100%;
}	
#side-nav li a
{
	display: block;
	padding: 0 20px 0 32px;
	color: #7f7f7f;
	font-weight: bold;
	font-size: 14px;
	line-height: 38px;
}
#side-nav li a:hover,
#side-nav li.current-menu-item a{
	background: #44a6ed url(../images/sitewide.gif) no-repeat -372px 0;
	color: #fff;
}

/* --- Statement / key points */
.statement
{
	margin: 0 0 20px;
	font-size: 13px;
	line-height: 18px;
}
.services
{
	margin: 0 0 25px;
	border-bottom: 1px solid #ddd;
}
.services span
{
	display: block;
	padding: 14px 0 5px 75px;
}
.noborder
{
	margin: 0;
	border: 0;
}
.noborder .service
{
	padding: 0 !important;
}
.service
{
	float: left;
	width: 100%;
	padding: 0 0 15px;
}

#seo,
#design
{
	margin: 0;
	padding: 0 0 15px 0 !important;
	border-bottom: 1px solid #ddd;
}
#niche,
#analysis
{
	width: 100%;
}

/* --- SEO */
#seo span.avantgarde
{
	background: url(../images/sitewide.gif) no-repeat 0 -131px;

}

/* --- NICHE */
#niche span.avantgarde
{
	background: url(../images/sitewide.gif) no-repeat 0 -202px;
}

/* --- DESIGN */
#design span.avantgarde
{
	background: url(../images/sitewide.gif) no-repeat 0 -265px;
}

/* --- ANALYSIS */
#analysis span.avantgarde
{
	background: url(../images/sitewide.gif) no-repeat 0 -332px;
}


/* --- Website SEO analysis */
#get-analysis
{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 96%;
	margin: 0 0 10px;
	padding: 25px 15px 15px 25px;
	border: 1px solid #faeeb5;
	background: #fbefbd url(../images/bg-analysis-sml.gif) repeat-x 0 0;
	position: absolute;
	top: -10px;
	z-index: 99;
}	
#get-analysis.active
{
	background: #fbefbd url(../images/bg-analysis-lng.gif) repeat-x 0 0;
}
#get-analysis .sash
{
	width: 72px;
	height: 71px;
	background: url(../images/sitewide.gif) no-repeat -714px -516px;
	position: absolute;
	top: -2px;
	right: -3px;
	z-index: 99;
}	
#get-analysis .get-seo-analysis-btn
{
	display: block;
	width: 189px;
	height: 28px;
	background: url(../images/sitewide.gif) no-repeat 0 -421px;
	text-indent: -999em;
}
span.note
{
	color: #999;
	font-size: 11px;
}
#testimonials
{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 92%;
	margin: 0 0 25px;
	padding: 25px;
	border: 1px solid #ededed;
	background: #efefef url(../images/bg-testimonials.gif) repeat-x 0 0;
	overflow: hidden;
	position: relative;
	z-index: 98;
}
#testimonials .testimonials
{
	width: 92% !important;
}
#testimonial-nav
{
	width: 262px;
}
#testimonial-points
{
	margin: 10px 0 0 32px;
}
#testimonial-points a
{
	float: left;
	display: block;
	width: 11px;
	height: 11px;
	margin: 0 10px 0 0;
	background: url(../images/sitewide.gif) no-repeat -391px -560px;
	text-indent: -999em;
}
#testimonial-points a.activeSlide,
#testimonial-points a:hover
{
	background: url(../images/sitewide.gif) no-repeat -429px -560px;
}
.button
{
	float: left;
}
.button.next
{
	float: right;
}
.button a
{
	display: block;
	width: 19px;
	height: 33px;
	background: url(../images/sitewide.gif) no-repeat -485px -549px;
	text-indent: -999em;
}
.button a#next
{
	background: url(../images/sitewide.gif) no-repeat -538px -549px;
}

/* --- Testimonial listing */
.testimonial-listing
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.testimonial-listing li
{
	padding: 20px 0 10px;
	border-bottom: 1px solid #ddd;
}
.testimonial-listing div.testimonial-listing-img
{
	float: left;
	width: 228px;
	margin: 0 10px 15px 0;
}
.testimonial-listing div.testimonial-listing-img img
{
	padding: 5px;
	border: 1px solid #bdbdbd;
	background: #fff;
}
.testimonial-listing div.testimonial-listing-text
{
	float: left;
	width: 100%;
}
.testimonial-listing div.testimonial-listing-text h5
{
	margin: 0 0 5px;
	font-size: 14px;
}
.testimonial-listing div.testimonial-listing-text a
{
	color: #555;
	font-weight: bold;
}


/* --- Portfolio listing */
.portfolio-listing
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.portfolio-listing li
{
	float: left;
	width: 242px;
	margin: 0 10px 15px 0;
	padding: 5px 5px 0;
	border: 1px solid #bdbdbd;
	background: #fff;
	position: relative;
	overflow: hidden;
}
.portfolio-listing li div.line
{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	background: #fff;
	height: 5px;
	line-height: 5px;
}
.portfolio-listing li a
{
	display: block;
	height: 184px;
	position: relative;
}
.portfolio-listing li a img
{
	width: 242px;
	position: absolute;
	z-index: 98;
}
.portfolio-listing li a span
{
	display: block;
	padding: 15px 0;
	color: #0099cc;
	font-size: 14px;
	position: absolute;
	z-index: 97;
}


/* --- Search engine key points */
#extra
{
	margin: 20px 0 0;
}
#extra .wrap
{
	width: 100%;
}
#extra .wrap .col
{
	float: left;
	width: 460px;
	padding-top:12px;
}
#extra .wrap .col p
{
	margin-right: 35px;
}
#extra .wrap .col ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}	
#extra .wrap .col li
{
	padding: 0 0 15px 35px;
	background: url(../images/sitewide.gif) no-repeat 0 -465px;
	list-style:none;
	
}
#content .wrap .left .col li
{
	padding: 0 0 15px 35px;
	background: url(../images/sitewide.gif) no-repeat 0 -465px;
	list-style:none;
	
}
#content .wrap .left .col ul
{
	margin-left:0;
	padding-left:5px;
	
}


/* --- Featured work */
#work .wrap
{
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #bdbdbd;
	margin-bottom: 30px;
	padding-bottom:15px;
}
#work h5
{
	margin: 0 0 10px 5px;
	font-size: 12px;
	font-weight: bold;
	color:#088cdd;
}
#work ul
{
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}
#work li
{
	float: left;
	width: 165px;
	margin: 0 10px 15px 50px;
	padding: 5px 5px 0;
	border: 1px solid #bdbdbd;
	background: #fff;
	position: relative;
	overflow: hidden;
}

#work li div.line
{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	background: #fff;
	height: 5px;
	line-height: 5px;
}
#work li a
{
	display: block;
	height: 130px;
	position: relative;
}
#work li a img
{
	position: absolute;
	z-index: 98;
	width:100%;
}
#work li a span
{
	display: block;
	padding: 15px 0;
	color: #0099cc;
	font-size: 14px;
	position: absolute;
	z-index: 97;
}
#cms .wrap
{
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #bdbdbd;
	padding-left:30px;
}

/* --- Articles */
#articles .wrap
{
	width: 92%;
	margin: 0 auto;
	
}
#articles p
{
	width: 90%;
	padding-right:30px;
	
}
#articles ul
{
	list-style: none;
	margin: 0;
	padding: 30px 0 20px 0px;
	border-bottom: 1px solid #bdbdbd;
}
#articles img
{
	float: left;
	margin: 0 15px 0 0;
	border:4px solid #EDEDED;
}


/* 5. Foot
-------------------------------------------*/
#foot .wrap
{
	width: 82%;
}
#foot .col
{
	float: left;
	padding: 35px 20px 0px 0;
	color: #fff;
	width: 80%;
	font-size:10px;
	display:block;
}
#foot .col.wide
{
	width: 80%;
	margin-left: 20px;
	display:block
}
#foot .col.wide ul
{
	padding:0 !important;
	margin:0px !important;
}
#foot .col.wide ul li
{
	padding:0 !important;
	margin:0px !important;
	display:block !important;
	list-style:none !important;
}
#foot .col.wide ul li h4
{
	font-size:11px !important;
	color:#fff !important;
	font-weight:bold !important;
}
#foot .col.wide ul li a{
	color: #fff !important;
}
#foot .col.wide ul li a:hover{
	color: #239dd9 !important;
}
#foot .col.wide ul li h5
{
	padding: 10px 0 0  0 !important;
	font-size:11px !important;
	color:#fff !important;
	font-weight:normal !important;
}
#foot .col ul li
{
	padding:0 !important;
	margin:0px !important;
	display:block !important;
	list-style:none !important;
}
#foot .col ul li h4
{
	font-size:11px !important;
	color:#fff !important;
	font-weight:bold !important;
}
#foot .col ul li a{
	color: #fff !important;
}
#foot .col ul li a:hover{
	color: #239dd9 !important;
}
#menu{
display:block;
margin: 0;
}
		#menu 
	{
	width:100%;
	background: #394050;
	}
		#menu > a
			{
				display: none;
			}

			#menu li
			{
				position: relative;
				list-style:none;
				width:100%;
			}
				#menu li a
				{
					color: #009ddb;
					display: block;
					font-weight:bold;
				}
				#menu li a:active
				{
						background-color: #394050 !important;
				}

			#menu span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #00acf4;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#menu > ul
			{
				height: 3.75em; /* 60 */
				background-color: #fff;
				border-top:solid 1px #00acf4;
				z-index:9999;
				
			}
				#menu > ul > li
				{
					width: 25%;
					height: 100%;
					float: left;
					list-style:none;
					border-bottom:solid 1px #394050;
				}
					#menu > ul > li > a
					{
						height: 100%;
						font-size: 1em; /* 24 */
						line-height: 2.5em; /* 60 (24) */
						text-align: center;text-decoration:none;
					}
						#menu > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid #fff;
						}
						#menu > ul > li:hover > a,
						#menu > ul:not( :hover ) > li.active > a
						{
							background-color: #00acf4;
							color:#fff;
							
						}


				/* second level */

				#menu li ul
				{
					background-color: #394050;
					display: none;
		
					position: static;

					padding-top: 0;		z-index:9999;
				}
				
								
					#menu li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#menu li:not( :first-child ):hover ul
						{
							left: -1px;
							margin:0px;
							padding:0px;
						}
						#menu li ul a
						{
							font-size:1em; /* 20 */
						background-color:#394050;
						

							padding-right: 0.75em; /* 15 (20) */
							padding-left: 0.75em; /* 15 (20) */
							padding-bottom: 0.20em; /* 15 (20) */
							padding-top: 0.20em; /* 15 (20) */
							text-decoration:none;
						}
							#menu li ul li a:hover,
							#menu li ul:not( :hover ) li.active a
							{
								background-color: #d1f0fe;
								color:#000;
							}
				/************************For Menu Name *****************/
				#menu > a
				{
					padding:5px; /* 50 */
					font-size:12px;
					text-align: center;
				text-decoration:none;
					background-color: #394050;
					position: relative;
					color:#fff;
					
				}
					#menu > a:before,
					#menu > a:after
					{
						position: absolute;
				
						top: 5%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#menu > a:after
					{
						top: 60%;
					}

				#menu:not( :target ) > a:first-of-type,
				#menu:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#menu > ul
			{
				height: auto;
				display: none;
				left: 0;
				right: 0;
				margin:0px; padding:0px;
			}
				#menu:target > ul
				{
					display: block;
				}
				#menu > ul > li
				{
					width: 100%;
					float: none;
				}
					#menu > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#menu > ul > li:not( :last-child ) > a
						{
							border-right: none;
					}


#sub-nav
{	
	list-style: none;
	height: 28px;
	/*margin: 15px 35px 0 0;*/
	margin: 0px 0px 0px 5px;
	padding:  0px 0px 0px 5px;	
	font-size: 14px;
	width: 100%;
}
.menu-top-container ul{	margin: 0px; padding:0px;
	}
#sub-nav li {
   
    height: 25px;
    
}

}