@charset "UTF-8";
/* CSS Document */
/* -------- NK SITE ------------- */

body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;
	background: #000000;
	background-image: url(../_images/layout/bg_concrete_2.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-attachment:fixed;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #757575;
}
* { margin: 0;  padding: 0; }
/* Colors ::
NK Orange :: #f49322
MeSnap Green :: #cce200
*/
a { color: #575757;}
a:hover, a:focus { outline: none; color: #FF9900; }
.heading { font-size: 34px; font-weight:200; }
h3 { font-size: 28px; font-weight:200; color: #292929; } 
.clear { clear:both; }
p { font-size: 13px; color: #757575; line-height: 20px; } 

/* ######## OUTSIDE CONTAINERS #############
------------------------------------------------------------------ */
/*.oneColElsCtrHdr #containerHeader { width:100%; background-color:#000000; height: 300px;  background-image: url(../_images/layout/header_bg_home.jpg); background-position:center top;
	background-repeat:no-repeat;
 }  */
.oneColElsCtrHdr { width:100%;} 
 
.oneColElsCtrHdr div#top_container {height: 41px; background-image: url(../_images/layout/bg_glass_top.png); background-position:top center; background-repeat: no-repeat;} 
.oneColElsCtrHdr div#middle_container { background-image: url(../_images/layout/bg_glass_middle.png); background-position:top center; background-repeat: repeat-y; height:auto; overflow:auto; position:relative;} 
.oneColElsCtrHdr div#container_962 { width:962px; margin:0 auto; position:relative; } 

/* ######## HEADER #############
------------------------------------------------------------------ */

/* Logo */
div#header { width: 960px; margin: 0 auto; height: 240px; position:relative;}
div#header a.logo_nk_top { display: block; width: 205px; height: 143px; position: absolute; left: 0px; top: 50px; background: url(../_images/layout/nk_site_logo.jpg) no-repeat 0px 0px; color: #181818;}
div#header a.logo_nk_top:hover { background: url(../_images/layout/nk_site_logo.jpg) no-repeat 0px -143px;}

/* Top Nav */
div#header ul#topNav { list-style: none; position: absolute; top: 180px; right: 0px; height: 15px; color: #606060; letter-spacing: 1px; font-size: 11px;  }
div#header ul#topNav li { list-style: none; float: right; height: 15px; margin-left: 15px; border-right: 1px solid #464646; padding-right: 15px; }
div#header ul#topNav li a { display: block; color: #606060; text-decoration: none; }
div#header ul#topNav li a:hover { display: block; color: #999; text-decoration: none; }

/* Main Nav */
div#header ul#mainNav { list-style: none; position: absolute; top: 80px; left: 255px; height: 82px; width: 705px;  color: #606060; letter-spacing: 1px; font-size:16px; text-transform:uppercase; font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;background-image: url(../_images/layout/bg_white_5.png); border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #292929; }
div#header ul#mainNav li { list-style: none; float: left; margin: 22px 0px 0px 45px; font-weight: 300; padding: 10px 12px 10px 12px;}
div#header ul#mainNav li.active { list-style: none; float: left; font-weight: 300; background: #181818;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border: 1px solid #141414; opacity:0.85;filter:alpha(opacity=85); color: #FFFFFF;}
div#header ul#mainNav li.active a { color: #fff; }
div#header ul#mainNav li a { display: block; color: #bbb; text-decoration: none; }
div#header ul#mainNav li a:hover { display: block; color: #fff; text-decoration: none; }


/* Main Header Text */
div#headerText { font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif; width: 730px; margin: 0px; float: left; }
div#headerText span#headTitle { color: #fff; font-size: 50px; text-align:left; letter-spacing: 1px; font-weight: 100;}
div#headerText span#description{ color: #999; font-size: 14px; text-align:left; letter-spacing: 2px; font-weight: 300; }

div#header div#glass_box { width: 960px; height: 80px; border: 1px solid #323232; background-image: url(../_images/layout/bg_white_5.png); position: absolute; top: 240px; left: 0px; }

/* Phone Number */
div#phoneNumber { display: block; width: 330px; height: 50px;  background: url(../_images/layout/phone_number.gif) no-repeat 0px 0px; position: absolute; top: 20px; right: 5px; opacity:0.6;filter:alpha(opacity=60); }

/* Search Box */
#search { width: 205px; height:70px; position:absolute;top:15px;right:50px; background:url(../_images/layout/search_box.png);) no-repeat 0px 0px;}
#search-button { position: absolute; right: 5px; top: 39px;}
#search form { }
#search * {vertical-align:middle;}
#search-keywords {width:132px!important;padding-right:18px;margin:40px 33px 0px 0px; background: none; border: 1px solid #fff; color: #999;}
.google-cse-result   {list-style:none;}
.google-cse-result-meta {margin-bottom:20px; font-style:italic;}
.google-cse-result-firstline {font-weight:bold;}
.google-cse-result-title, .google-cse-page-link {color:#be0e14;}
.google-cse-result-desc, .google-cse-result-meta {padding:0 15px;}
#main-content .google-cse-result {padding:0 20px 0 0; margin:0;}


/*Get Quote */
a#get_quote {display: block; width: 224px; height: 78px;  background:url(../_images/layout/btn_request_quote.png);) no-repeat 0px 0px; float:right; border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #292929; }
a#get_quote:hover { background:url(../_images/layout/btn_request_quote.png) no-repeat 0px -78px; border: 1px solid #2f2f2f; }
a#get_quote div#get-quote-text { height:0px; padding-top: 78px; overflow: hidden; }


/* ######## MAIN #############
------------------------------------------------------------------ */

.oneColElsCtrHdr #containerMain { width: 960px; margin: 0 auto; position:relative; margin-top: 100px;}

.oneColElsCtrHdr #sortBar { padding: 20px; background-image: url(../_images/layout/bg_white_5.png);  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #292929; margin: 20px 0; text-align:left;}
.oneColElsCtrHdr #sortBar .sort_title{ font-size: 12px; color:#999999; }
.oneColElsCtrHdr #sortBar a.sort { color:#999; font-size: 14px; text-decoration:none; margin: 0px 5px 0px 5px;}
.oneColElsCtrHdr #sortBar a.sort:hover { color:#000; }
.oneColElsCtrHdr #sortBar a.sort#active { color:#fff;}

.oneColElsCtrHdr #mainContent { padding:0px; background: #FFFFFF;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #dcdcdc; margin: 20px 0; }


/* ######## HOME #############
------------------------------------------------------------------ */
/****
** Home Slide Show
****/
#homeslideshow div.pic0, #homeslideshow div.pic1 { left: 0px; top: 0px; }
#containerMain #homeslideshow { height: 330px; width: 958px; margin: 20px 0px 20px 0px; position: relative;}
#containerMain #homeslideshow a img { border: none; }
#containerMain #homeslideshow ul.pagenumbers { list-style: none; position: absolute; height: 40px; bottom: 0px; left: 0px; width: 952px; padding-left: 6px; }
#containerMain #homeslideshow ul.pagenumbers li { float: left; list-style: none; height: 31px; width: 31px; position: relative; margin: 6px 6px 0px 0px; }
#containerMain #homeslideshow ul.pagenumbers li div { height: 31px; background: #000; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; }
#containerMain #homeslideshow ul.pagenumbers li.on div { background:url(../_images/layout/slide-num-bg.gif) center center; }
#containerMain #homeslideshow ul.pagenumbers li a { cursor: pointer; position: absolute; display: block; height: 31px; width: 31px; top: 0px; left: 0px; text-align: center; line-height: 31px; color: #ccc; }
#containerMain #homeslideshow ul.pagenumbers li.on a,
#containerMain #homeslideshow ul.pagenumbers li a:hover { color: #fff }

#containerMain #homeslideshow ul.pagenumbers li.arrow { width: 10px; }
#containerMain #homeslideshow ul.pagenumbers li.arrow a { width: 10px; }
#containerMain #homeslideshow ul.pagenumbers li.arrow a.left { background: url(../_images/layout/home-slideshow_leftarrow.png) no-repeat top right; }
#containerMain #homeslideshow ul.pagenumbers li.arrow a.left:hover { background-position:  0px -21px; }
#containerMain #homeslideshow ul.pagenumbers li.arrow a.right { background: url(../_images/layout/home-slideshow_rightarrow.png) no-repeat top left; }
#containerMain #homeslideshow ul.pagenumbers li.arrow a.right:hover { background-position:  0px -21px; }



/* Home - Leaders */
a.home_leader {width: 290px; height: 275px;float: left; margin: 0px 30px 30px 0px; background: url(../_images/layout/bg_black_15.png); text-decoration: none; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #292929; }
a.home_leader#why {float: right; margin: 0px 0px 30px 0px; background: url(../_images/layout/bg_black_15.png); text-decoration: none; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #292929; }
a.home_leader#why:hover { background: url(../_images/layout/bg_black_25.png);}
a.home_leader:hover { background: url(../_images/layout/bg_black_25.png);}
/*
a.home_leader#why:hover { border: 5px solid #2e4858; }
a.home_leader#what { background: url(../_images/layout/bg_black_15.png);}
/*a.home_leader#what { background: url(../_images/layout/bg_black_15.png); -webkit-border-radius: 16px; -moz-border-radius: 16px; border: 5px solid #8d4d05;}
a.home_leader#what:hover { border: 1px solid #643501; }
a.home_leader#who { background: url(../_images/layout/home_who.jpg) no-repeat 0px 0px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border: 5px solid #445e5f;}
a.home_leader#who:hover { border: 5px solid #314243; }
*/
a.home_leader div.home_title{ font-size:26px; text-align: left; margin: 15px 20px 0px 20px; font-weight:600; color: #fff; text-decoration: none;}
a.home_leader div.home_tag{ font-size:18px; text-align: left; margin: 8px 20px 0px 20px; line-height: 22px; text-decoration: none; }
a.home_leader#what div.home_tag{ color: #eb8f38; text-decoration: none; }
a.home_leader#who div.home_tag{ color: #74998d; }
a.home_leader#why div.home_tag{ color: #a2b8c0; }
a.home_leader div.home_content{ font-size:13px; text-align: left; padding: 8px 0px 5px 0px; border-top: 1px solid #ccc; margin: 18px 20px 10px 20px; line-height: 18px; font-weight:200; color: #fff; letter-spacing: 1px; text-decoration: none;}


/* Home - Logos */
div#logosWrapper { padding: 0px; position:relative; margin: 0px 0px 40px 0px;} 
div#logosWrapper div.logos { float: left; margin: 0px 5px 0px 0px; text-align:left;}
div#logosWrapper div.logos#last { float: right; margin: 0px 0px 5px 0px; text-align:left;}

div#logosWrapper div.logos a.logo-686 { display: block; width: 230px; height: 150px;  background: url(../_images/logos/logo-686.jpg) no-repeat 0px 0px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 3px solid #b53424;}
div#logosWrapper div.logos a.logo-686:hover { background: url(../_images/logos/logo-686.jpg) no-repeat 0px 0px; border: 3px solid #333;}

div#logosWrapper div.logos a.logo-arbor { display: block; width: 230px; height: 150px;  background: url(../_images/logos/logo-arbor.jpg) no-repeat 0px 0px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 3px solid #789e73;}
div#logosWrapper div.logos a.logo-arbor:hover { background: url(../_images/logos/logo-arbor.jpg) no-repeat 0px 0px; border: 3px solid #333;}

div#logosWrapper div.logos a.logo-vestal { display: block; width: 230px; height: 150px;  background: url(../_images/logos/logo-vestal.jpg) no-repeat 0px 0px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 3px solid #1fa1db;}
div#logosWrapper div.logos a.logo-vestal:hover { background: url(../_images/logos/logo-vestal.jpg) no-repeat 0px 0px; border: 3px solid #333;}

div#logosWrapper div.logos a.logo-danang { display: block; width: 230px; height: 150px;  background: url(../_images/logos/logo-danang.jpg) no-repeat 0px 0px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 3px solid #dddddd;}
div#logosWrapper div.logos a.logo-danang:hover { background: url(../_images/logos/logo-danang.jpg) no-repeat 0px 0px; border: 3px solid #333;}


/* Home - Testamonials */
div#testamonial { height: 350px; width: 950px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 5px solid #cb952c; margin: 0px 0px 40px 0px; background: url(../_images/layout/bg_canvas.jpg) repeat-y; }
div#testamonial div#test_img { width: 520px; height: 350px; margin: 0px 5px 0px 5px; background: url(../_images/layout/testamonial_danang.jpg) no-repeat; float: left; } 

div#testamonial div#test_right { margin: 40px 20px 0px 20px;text-align: left; float: left; width: 380px;}
div#testamonial div#test_right div#test_title { font-size: 30px; font-weight:100; color: #121212; margin-bottom: 20px; text-align: center; letter-spacing: 1px; }
div#testamonial div#test_right div#content { font-size: 14px; font-weight:200; color: #212121; line-height: 20px; letter-spacing: 1px; margin: 0px 20px 20px 20px; }
div#testamonial div#test_right div#byline { font-size: 12px; font-weight:600; color: #333; margin: 0px 0px 20px 20px;}


/* ######## PORTFOLIO #############
------------------------------------------------------------------ */

div#galleryWrapper { padding: 0px;} 
div#galleryWrapper div.portfolio { float: left; margin: 0px 17px 25px 0px; text-align:left;}
div#galleryWrapper div.portfolio#last { float: right; margin: 0px 0px 25px 0px; text-align:left;}
div#galleryWrapper div.portfolio a.portImg { -webkit-border-radius: 8px; -moz-border-radius: 8px; border: 3px solid; }
div#galleryWrapper div.portfolio a.port-title { font-size:22px; line-height: 30px; color:#ccc; text-decoration:none; font-weight:200; letter-spacing: 1px;}
div#galleryWrapper div.portfolio a.port-title-small  { font-size:18px; line-height: 30px; color:#ccc; text-decoration:none; font-weight:200; letter-spacing: 1px;}
div#galleryWrapper div.portfolio a.port-title:hover,div#galleryWrapper div.portfolio a.port-title-small:hover  { color:#fff; }
div#galleryWrapper div.portfolio a.port-url { font-size:10px; color:#999; text-decoration:none; letter-spacing: 1px;}
div#galleryWrapper div.portfolio a.port-url:hover { text-decoration: underline; color:#FF9900; }

div#galleryWrapper div.portfolio a#port-686 { display: block; width: 220px; height: 220px;  background: url(../_images/portfolio/port-686.jpg) no-repeat 0px -220px; border-color: #c00;}
div#galleryWrapper div.portfolio a#port-686:hover { background: url(../_images/portfolio/port-686.jpg) no-repeat 0px 0px; border-color: #8f0000;}

div#galleryWrapper div.portfolio a#port-arbor { display: block; width: 220px; height: 220px;  background: url(../_images/portfolio/port-arbor.jpg) no-repeat 0px -220px; border-color: #789e73;}
div#galleryWrapper div.portfolio a#port-arbor:hover { background: url(../_images/portfolio/port-arbor.jpg) no-repeat 0px 0px; border-color: #546f51;}

div#galleryWrapper div.portfolio a#port-unionbay { display: block; width: 220px; height: 220px;  background: url(../_images/portfolio/port-unionbay.jpg) no-repeat 0px -220px; border-color: #c02026;}
div#galleryWrapper div.portfolio a#port-unionbay:hover { background: url(../_images/portfolio/port-unionbay.jpg) no-repeat 0px 0px; border-color: #8c171b;}

div#galleryWrapper div.portfolio a#port-howe { display: block; width: 220px; height: 220px;  background: url(../_images/portfolio/port-howe.jpg) no-repeat 0px -220px; border-color: #cbc9c9;}
div#galleryWrapper div.portfolio a#port-howe:hover { background: url(../_images/portfolio/port-howe.jpg) no-repeat 0px 0px; border-color: #9d9a9a;}

div#galleryWrapper div.portfolio a#port-td { display: block; width: 220px; height: 220px;  background: url(../_images/portfolio/port-td.jpg) no-repeat 0px -220px; border-color: #a0ce51;}
div#galleryWrapper div.portfolio a#port-td:hover { background: url(../_images/portfolio/port-td.jpg) no-repeat 0px 0px; border-color: #709139;}

div#galleryWrapper div.portfolio a#port-danang { display: block; width: 220px; height: 220px;  background: url(../_images/portfolio/port-danang.jpg) no-repeat 0px -220px; border-color: #dddddd;}
div#galleryWrapper div.portfolio a#port-danang:hover { background: url(../_images/portfolio/port-danang.jpg) no-repeat 0px 0px; border-color: #9b9b9b;}

div#galleryWrapper div.portfolio a#port-vestal { display: block; width: 220px; height: 220px;  background: url(../_images/portfolio/port-vestal.jpg) no-repeat 0px -220px; border-color: #1fa1db;}
div#galleryWrapper div.portfolio a#port-vestal:hover { background: url(../_images/portfolio/port-vestal.jpg) no-repeat 0px 0px; border-color: #16719a;}

div#galleryWrapper div.portfolio a#port-stitchs { display: block; width: 220px; height: 220px;  background: url(../_images/portfolio/port-stitchs.jpg) no-repeat 0px -220px; border-color: #e7c645;}
div#galleryWrapper div.portfolio a#port-stitchs:hover { background: url(../_images/portfolio/port-stitchs.jpg) no-repeat 0px 0px; border-color: #a28b30;}

div#galleryWrapper div.portfolio a#port-everett { display: block; width: 220px; height: 220px;  background: url(../_images/portfolio/port-everett.jpg) no-repeat 0px -220px; border-color: #a59f91;}
div#galleryWrapper div.portfolio a#port-everett:hover { background: url(../_images/portfolio/port-everett.jpg) no-repeat 0px 0px; border-color: #747066;}

div#galleryWrapper div.portfolio a#port-fury { display: block; width: 220px; height: 220px;  background: url(../_images/portfolio/port-fury.jpg) no-repeat 0px -220px; border-color: #c92725;}
div#galleryWrapper div.portfolio a#port-fury:hover { background: url(../_images/portfolio/port-fury.jpg) no-repeat 0px 0px; border-color: #8d1b1a;}

div#galleryWrapper div.portfolio a#port-hardy { display: block; width: 220px; height: 220px;  background: url(../_images/portfolio/port-hardy.jpg) no-repeat 0px -220px; border-color: #98739f;}
div#galleryWrapper div.portfolio a#port-hardy:hover { background: url(../_images/portfolio/port-hardy.jpg) no-repeat 0px 0px; border-color: #6b5170;}

div#galleryWrapper div.portfolio a#port-sutter { display: block; width: 220px; height: 220px;  background: url(../_images/portfolio/port-sutter.jpg) no-repeat 0px -220px; border-color: #9ea595;}
div#galleryWrapper div.portfolio a#port-sutter:hover { background: url(../_images/portfolio/port-sutter.jpg) no-repeat 0px 0px; border-color: #6f7469;}

div#galleryWrapper div.portfolio a#port-anouk { display: block; width: 220px; height: 220px;  background: url(../_images/portfolio/port-anouk.jpg) no-repeat 0px -220px; border-color: #eecca6;}
div#galleryWrapper div.portfolio a#port-anouk:hover { background: url(../_images/portfolio/port-anouk.jpg) no-repeat 0px 0px; border-color: #a78f75;}

div#galleryWrapper div.portfolio a#port-fsi { display: block; width: 220px; height: 220px;  background: url(../_images/portfolio/port-fsi.jpg) no-repeat 0px -220px; border-color: #5f7f94;}
div#galleryWrapper div.portfolio a#port-fsi:hover { background: url(../_images/portfolio/port-fsi.jpg) no-repeat 0px 0px; border-color: #435968;}

div#galleryWrapper div.portfolio a#port-cleancravings { display: block; width: 220px; height: 220px;  background: url(../_images/portfolio/port-cleancravings.jpg) no-repeat 0px -220px; border-color: #aac33a;}
div#galleryWrapper div.portfolio a#port-cleancravings:hover { background: url(../_images/portfolio/port-cleancravings.jpg) no-repeat 0px 0px; border-color: #819332;}

div#galleryWrapper div.portfolio a#port-ra { display: block; width: 220px; height: 220px;  background: url(../_images/portfolio/port-ra.jpg) no-repeat 0px -220px; border-color: #519ad8;}
div#galleryWrapper div.portfolio a#port-ra:hover { background: url(../_images/portfolio/port-ra.jpg) no-repeat 0px 0px; border-color: #205582;}



/* ######## SERVICES #############
------------------------------------------------------------------ */

/* Service Nav */
div#left_nav {margin: 45px 0px; width: 200px; float: left; z-index:10;}
ul#service_nav { width: 205px; padding: 0px; margin: 0px; }
ul#service_nav li {list-style:none; height: 52px; width: 200px; vertical-align: middle; text-align:left; background: url(../_images/layout/services_nav_bg_2.png) no-repeat 0px 0px; }
ul#service_nav li:hover {height: 52px; width: 201px; background: url(../_images/layout/services_nav_bg_2.png)  no-repeat 0px -52px; }
ul#service_nav li.active {height: 54px; width: 201px; background: url(../_images/layout/services_nav_active2.png) no-repeat; z-index: 10; margin: -2px 0px 0px 0px;}
ul#service_nav li a { color: #999; font-size: 14px; text-decoration: none; text-indent: 56px; line-height: 52px; vertical-align:middle; margin: 0px;}
ul#service_nav li a:hover { color: #575757;}
ul#service_nav li.active a { color: #dedede; line-height: 56px; }

ul#service_nav li a#design { display: block; width: 200px; height: 52px;  background: url(../_images/layout/services-design.png) no-repeat 0px 0px;}
ul#service_nav li a#design:hover { background: url(../_images/layout/services-design.png) no-repeat 0px -52px;}
ul#service_nav li.active a#design { background: url(../_images/layout/services-design.png) no-repeat 0px -50px;}

ul#service_nav li a#osc { display: block; width: 200px; height: 52px;  background: url(../_images/layout/services-ecom.png) no-repeat 0px 0px;}
ul#service_nav li a#osc:hover { background: url(../_images/layout/services-ecom.png) no-repeat 0px -52px;}
ul#service_nav li.active a#osc { background: url(../_images/layout/services-ecom.png) no-repeat 0px -50px;}

ul#service_nav li a#wpblog { display: block; width: 200px; height: 52px;  background: url(../_images/layout/services-wpblog.png) no-repeat 0px 0px;}
ul#service_nav li a#wpblog:hover { background: url(../_images/layout/services-wpblog.png) no-repeat 0px -52px;}
ul#service_nav li.active a#wpblog { background: url(../_images/layout/services-wpblog.png) no-repeat 0px -50px;}

ul#service_nav li a#maintenance { display: block; width: 200px; height: 52px;  background: url(../_images/layout/services-maintenance.png) no-repeat 0px 0px;}
ul#service_nav li a#maintenance:hover { background: url(../_images/layout/services-maintenance.png) no-repeat 0px -52px;}
ul#service_nav li.active a#maintenance { background: url(../_images/layout/services-maintenance.png) no-repeat 0px -50px;}

ul#service_nav li a#seo { display: block; width: 200px; height: 52px;  background: url(../_images/layout/services-seo.png) no-repeat 0px 0px;}
ul#service_nav li a#seo:hover { background: url(../_images/layout/services-seo.png) no-repeat 0px -52px;}
ul#service_nav li.active a#seo { background: url(../_images/layout/services-seo.png) no-repeat 0px -50px;}

ul#service_nav li a#consulting { display: block; width: 200px; height: 52px;  background: url(../_images/layout/services-consulting.png) no-repeat 0px 0px;}
ul#service_nav li a#consulting:hover { background: url(../_images/layout/services-consulting.png) no-repeat 0px -52px;}
ul#service_nav li.active a#consulting { background: url(../_images/layout/services-consulting.png) no-repeat 0px -50px;}

ul#service_nav li a#development { display: block; width: 200px; height: 52px;  background: url(../_images/layout/services-development.png) no-repeat 0px 0px;}
ul#service_nav li a#development:hover { background: url(../_images/layout/services-development.png) no-repeat 0px -52px;}
ul#service_nav li.active a#development { background: url(../_images/layout/services-development.png) no-repeat 0px -50px;}

ul#service_nav li a#mobapps { display: block; width: 200px; height: 52px;  background: url(../_images/layout/services-mobapps.png) no-repeat 0px 0px;}
ul#service_nav li a#mobapps:hover { background: url(../_images/layout/services-mobapps.png) no-repeat 0px -52px;}
ul#service_nav li.active a#mobapps { background: url(../_images/layout/services-mobapps.png) no-repeat 0px -50px;}

/* Service Content */

div#serviceContentWrapper { float: right; margin: 20px 0px 50px -5px; padding: 20px 50px 50px 50px; width: 658px; background: #fff;  border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border: 1px solid #ccc;text-align:left; z-index: 0;} 
div#serviceContentWrapper div.serviceHeading { height: 60px; font-size: 34px; line-height: 60px; vertical-align: top; font-weight:200; }
div#serviceContentWrapper div.service_header {display: block; width: 660px;  border-left: 1px solid #ddd; border-top: 1px solid #eee; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 10px 0px 20px 0px;}
div#serviceContentWrapper div.service_header#design { height: 148px; background: url(../_images/services/service-design-header.jpg) no-repeat 0px 0px;}

/* Custoom Design */
div#serviceContentWrapper div.bulletGroup { margin: 20px 0px;}
div#serviceContentWrapper div.bulletGroup div.bullet { background: url(../_images/services/bullet-paper.jpg) no-repeat 0px 0px; padding-left: 35px; height: 25px; line-height: 25px; vertical-align:middle; font-size: 20px; font-weight:400; margin-bottom: 5px;color: #575757;}
div#serviceContentWrapper div.bulletGroup div.content { padding: 10px 0px 0px 100px; font-size: 14px; line-height: 20px; height: 80px; margin-left: 35px;}
div#serviceContentWrapper div.bulletGroup div#hook {  background: url(../_images/services/icon-hook.jpg) no-repeat 0px 0px;}
div#serviceContentWrapper div.bulletGroup div#brand {  background: url(../_images/services/icon-brand.jpg) no-repeat 0px 0px;}
div#serviceContentWrapper div.bulletGroup div#goals {  background: url(../_images/services/icon-goals.jpg) no-repeat 0px 0px;}

/*E-Commerce */
div#serviceContentWrapper div.service_header#osc {height: 188px;  background: url(../_images/services/service-header-osc.jpg) no-repeat 0px 0px; border-left: 2px solid #333; border-top: 2px solid #444; border-right: 2px solid #222; border-bottom: 2px solid #222; margin: 10px 0px 20px 0px;}
div#serviceContentWrapper div#osc {  background: url(../_images/services/icon-cart.jpg) no-repeat 0px 0px;}
div#serviceContentWrapper div.content { padding: 10px 0px 0px 100px; font-size: 14px; line-height: 20px; height: 80px; margin-left: -4px;}
div#serviceContentWrapper div.heading2 { margin: 20px 0px; height: 25px; line-height: 25px; vertical-align:middle; font-size: 20px; font-weight:400; margin-bottom: 5px; color: #575757;}
div#serviceContentWrapper ul#osc { margin: 20px 0px; font-size: 20px; font-weight:400; color: #222; }
div#serviceContentWrapper ul#osc li { list-style:none; background: url(../_images/services/bullet-paper.jpg) no-repeat 0px 0px; padding-left: 35px; height: 25px; line-height: 25px; vertical-align:middle; font-size: 16px; font-weight:400; margin-top: 5px; color: #444; }
div#serviceContentWrapper ul#features { color: #292929; font-size:18px; font-weight:200; margin-top: 15px; }
div#serviceContentWrapper ul#features li { list-style: none; margin: 5px 0px 0px 0px; }
div#serviceContentWrapper ul#features li ul { margin: 5px 0px 15px 20px;  color: #393939; font-size:14px;}
div#serviceContentWrapper ul#features li ul li {list-style: circle;}
div#serviceContentWrapper ul#features li ul li ul { margin: 5px 0px 10px 20px;  color: #595959; font-size:12px;}
div#serviceContentWrapper ul#features li ul li ul li{list-style: square;}

/*Blog */
div#serviceContentWrapper div.service_header#blog {height: 188px;  background: url(../_images/services/service-header-blog.jpg) no-repeat 0px 0px; border-left: 1px solid #ccc; border-top: 1px solid #ddd; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; margin: 10px 0px 20px 0px;}
div#serviceContentWrapper div#blog {  background: url(../_images/services/icon-wpblog.jpg) no-repeat 0px 0px;}
div#serviceContentWrapper div.content { padding: 10px 0px 0px 100px; font-size: 14px; line-height: 20px; height: 80px; margin-left: -4px;}
div#serviceContentWrapper div.heading2 { margin: 20px 0px; height: 25px; line-height: 25px; vertical-align:middle; font-size: 20px; font-weight:400; margin-bottom: 5px; color: #575757;}


/*Maintenance */
div#serviceContentWrapper div.service_header#maintenance {height: 188px;  background: url(../_images/services/service-header-maintenance.jpg) no-repeat 0px 0px; border-left: 1px solid #ccc; border-top: 1px solid #ddd; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; margin: 10px 0px 20px 0px;}
div#serviceContentWrapper div#maintenance {  background: url(../_images/services/icon-wrench.jpg) no-repeat 0px 0px;}
div#serviceContentWrapper ul#maintenance { margin: 10px 0px; font-size: 20px; font-weight:400; color: #222; }
div#serviceContentWrapper ul#maintenance li { list-style:none; background: url(../_images/services/bullet-paper.jpg) no-repeat 0px 0px; padding-left: 35px; height: 25px; line-height: 25px; vertical-align:middle; font-size: 16px; font-weight:400; margin-top: 5px; color: #444; }


/* SEO */
div#serviceContentWrapper div.service_header#seo {height: 188px;  background: url(../_images/services/service-header-seo.jpg) no-repeat 0px 0px; border-left: 1px solid #ccc; border-top: 1px solid #ddd; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; margin: 10px 0px 20px 0px;}
div#serviceContentWrapper div#seo {  background: url(../_images/services/icon-seo.jpg) no-repeat 0px 0px;}
div#serviceContentWrapper ul#maintenance { margin: 10px 0px; font-size: 20px; font-weight:400; color: #222; }
div#serviceContentWrapper ul#maintenance li { list-style:none; background: url(../_images/services/bullet-paper.jpg) no-repeat 0px 0px; padding-left: 35px; height: 25px; line-height: 25px; vertical-align:middle; font-size: 16px; font-weight:400; margin-top: 5px; color: #444; }

/* DEV */
div#serviceContentWrapper div#dev {  background: url(../_images/services/icon-dev.jpg) no-repeat 0px 0px;}
div#serviceContentWrapper div.service_header#dev {height: 188px;  background: url(../_images/services/service-header-dev.jpg) no-repeat 0px 0px; border-left: 1px solid #ccc; border-top: 1px solid #ddd; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; margin: 10px 0px 20px 0px;}


/* ######## PRODUCTS #############
------------------------------------------------------------------ */
div#right_contact { width: 191px;float:right;}
div#right_contact a { color: #ddd; text-decoration: none; margin: 5px 0px; }
div#right_contact a:hover { color: #FF9900;}
div#right_contact a#mesnap_logo_left {display: block; width: 191px; height:66px; background:url(../_images/products/mesnap/mesnap_logo.gif) no-repeat 0px 0px; border: 1px solid #222;  }
div#right_contact a#mesnap_logo_left:hover {border: 1px solid #cce200;  }

#description_product {color: #999; font-size: 20px; text-align:left; letter-spacing: 2px; font-weight: 300;}

div#mesnap_leader { width: 958px; height: 370px; background: url(../_images/products/mesnap/mesnap_leader.jpg) no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #292929;}
div.captions { float:left; padding: 17px; color: #c9c9c9; font-weight: 200; letter-spacing: 1px; font-size:14px; }
div.captions .num { font-size: 18px; font-weight:100; color: #cce200;}
div#num5 { font-size:30px; letter-spacing: 2px; margin: 20px; color:#fff; font-weight: 400; }
div#num5 .num { font-size: 40px; font-weight:100; color: #cce200;}

a#sign_up { display: block; width: 900px; background-color:#cce200; border: 3px solid #9bab02; margin: 0px 0px 20px 0px; padding: 20px 0px 20px 0px; text-decoration: none; color:#222;}
a#sign_up:hover { color:#fff; background-color:#9bab02; border: 3px solid #727e01; }



/* ######## MESNAP #############
------------------------------------------------------------------ */

div#page_white { background: #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; margin: 20px 0px 50px 0px; position: relative; }
div#page_white h1 { padding: 0px 30px 0px 30px; }
div#page_white p { padding: 10px 30px 30px 30px; font-size: 14px; line-height: 24px; color: #555; }
div#mesnap_cntr { background: url(../_images/products/mesnap/mesnap-bg.jpg) no-repeat; margin-top: 20px; position: relative; height: 540px;  } 
a#mesnap_logo {display: block; width: 191px; height:66px; background:url(../_images/products/mesnap/mesnap_logo.gif) no-repeat 0px 0px; border: 2px solid #343434; position: absolute; top: 30px; left: 30px; z-index: 2;  }
a#mesnap_logo:hover {border: 2px solid #cce200;  }
div#mesnap_cntr .feature_box { float: left; width:270px; height: 358px; border: 1px solid #575757; background: url(../_images/layout/bg_black_25.png); margin: 140px 0px 0px 33px; position: relative; }
div#mesnap_cntr .feature_box:hover { border: 1px solid #121212; background: url(../_images/layout/bg_black_60.png);}
div#mesnap_cntr .feature_box a img { border: none; }
div#mesnap_cntr .feature_box .title { background: url(../_images/products/mesnap/title-bg.jpg) repeat-x; width:216px; height: 40px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border: 2px solid #000; position: absolute; top: 20px; left: 30px; font-size: 21px; letter-spacing: 2px; color: #fff;text-shadow: 0 1px 0 rgba(0,0,0,.7); padding: 8px 0px 0px 0px; text-align:center; }
div#mesnap_cntr .feature_box:hover .title { border: 2px solid #cce200; color: #cce200; }
div#mesnap_cntr .feature_box .demo { background: url(../_images/products/mesnap/demo.png) no-repeat; width: 95px; height: 45px; position: absolute; bottom: -20px; left: 10px;}
div#mesnap_cntr .feature_box .comingsoon { background: url(../_images/products/mesnap/comingsoon.png) no-repeat; width: 200px; height: 45px; position: absolute; bottom: -20px; left: 10px;}

/* MESNAP NAV */
#sub_nav_container { height: 64px; width: 96%; border-bottom: 1px solid #ccc; margin-left: 2%; }
div#page_white ul#sub_nav_horizontal {list-style: none; position: relative; height: 65px; width: 100%;  color: #606060; letter-spacing: 1px; font-size:20px; font-family: "HelveticaNeue", "Helvetica Neue","Helvetica Neue", sans-serif; font-weight:600; overflow:hidden;}
div#page_white ul#sub_nav_horizontal li { list-style: none; float: left; margin: 22px 0px 0px 65px; padding: 10px 16px 10px 16px;}
div#page_white ul#sub_nav_horizontal li.active { list-style: none; float: left; background-image: url(../_images/products/mesnap/nav_bg.gif);  -webkit-border-radius: 6px; -moz-border-radius: 6px; border: 1px solid #ccc; color: #000;}
div#page_white ul#sub_nav_horizontal li.active a { color: #000; }
div#page_white ul#sub_nav_horizontal li.active a:hover { color: #000; }
div#page_white ul#sub_nav_horizontal li a { display: block; color: #575757; text-decoration: none; }
div#page_white ul#sub_nav_horizontal li a:hover { display: block; color: #cce200; text-decoration: none; }


/* MESNAP FEATURES */
#features_container { position:relative; margin: 0 auto; height: 500px; }
#features_container .feature { float: left; width: 380px; position: relative; margin: 30px 0px 0px 65px;   }
#features_container .feature .feat_photo { display:block; width: 78px; height: 78px; border: 1px solid #dedede; background: #f0f0f0; float:left; background-repeat:no-repeat; background-position:center; }
#features_container .feature #facebook { background-image: url(../_images/products/mesnap/feature-facebook.gif);}
#features_container #try_on { background-image: url(../_images/products/mesnap/feature-try_on.jpg); }
#features_container #fans { background-image: url(../_images/products/mesnap/feature-fan.jpg); }
#features_container #viral { background-image: url(../_images/products/mesnap/feature-viral.jpg); }
#features_container #addictive { background-image: url(../_images/products/mesnap/feature-addictive.jpg); }
#features_container #roi { background-image: url(../_images/products/mesnap/feature-roi.jpg); }
#features_container .feature h2 { padding: 0px 0px 0px 100px; font-size:16px; color: #c6771a; }
#features_container .feature p { padding: 10px 10px 10px 100px; font-size: 12px; color: #272727; line-height: 20px; }

/****
** MeSnap Slide Show
****/
#mesnapslideshow div.pic0, #mesnapslideshow div.pic1 { left: 0px; top: 0px; }
#containerMain #mesnapslideshow { height: 400px; width: 900px; margin: 20px 30px 20px 30px; position: relative; border: 3px solid #ededed;}
#containerMain #mesnapslideshow a img { border: none; }
#containerMain #mesnapslideshow ul.pagenumbers { list-style: none; position: absolute; height: 50px; bottom: 0px; left: 0px; width: 894px; padding-left: 6px; }
#containerMain #mesnapslideshow ul.pagenumbers li { float: left; list-style: none; height: 31px; width: 31px; position: relative; margin: 10px 0px 0px 10px; }
#containerMain #mesnapslideshow ul.pagenumbers li div { height: 31px; background: url(../_images/layout/bg_black_60.png); filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; }
#containerMain #mesnapslideshow ul.pagenumbers li.on div { background:url(../_images/layout/slide-num-bg.gif) center center; }
#containerMain #mesnapslideshow ul.pagenumbers li a { cursor: pointer; position: absolute; display: block; height: 31px; width: 31px; top: 0px; left: 0px; text-align: center; line-height: 31px; color: #ccc; }
#containerMain #mesnapslideshow ul.pagenumbers li.on a { color: #fff; }
#containerMain #mesnapslideshow ul.pagenumbers li a:hover { color: #fff; background: url(../_images/layout/bg_black_35.png); }

#containerMain #mesnapslideshow ul.pagenumbers li.arrow { width: 10px; }
#containerMain #mesnapslideshow ul.pagenumbers li.arrow a { width: 10px; }
#containerMain #mesnapslideshow ul.pagenumbers li.arrow a.left { background: url(../_images/layout/home-slideshow_leftarrow.png) no-repeat top right; }
#containerMain #mesnapslideshow ul.pagenumbers li.arrow a.left:hover { background-position:  0px -21px; }
#containerMain #mesnapslideshow ul.pagenumbers li.arrow a.right { background: url(../_images/layout/home-slideshow_rightarrow.png) no-repeat top left; }
#containerMain #mesnapslideshow ul.pagenumbers li.arrow a.right:hover { background-position:  0px -21px; }

/****
** Photo Booth
****/

#containerMain #photobooth { width: 960px; height: 300px; background: url(../_images/products/mesnap/photobooth.jpg) no-repeat; display:block;border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #292929;}

div#leftContent { float: left; padding: 15px; background-image: url(../_images/layout/bg_white_5.png); border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #292929;}
div#leftContent div#flashContainer { border: 6px solid #E6E7E2; width: 640px; height:480px; }
div#leftContent div#flashContainer div#flashButtons { height: 32px; background: #444444; }
div#leftContent div#flashContainer div#flashButtons input { float: left; }
div#leftContent div#flashContainer div#flashButtons input.btn-configure_your_camera { padding: 25px 0px 0px; margin: 3px 4px 0px 4px; display: block; width: 79px; height: 25px; border: none; background: #000 url(../_images/products/mesnap/btn-configure_your_camera.gif); }
div#leftContent div#flashContainer div#flashButtons input.btn-configure_your_camera:hover,
div#leftContent div#flashContainer div#flashButtons input.btn-configure_your_camera:focus { background-position: 0px -25px; }
div#leftContent div#flashContainer div#flashButtons input.btn-flip_me { padding: 25px 0px 0px; margin: 3px 4px 0px 0px; display: block; width: 82px; height: 25px; border: none; background: #000 url(../_images/products/mesnap/btn-flip_me.gif); }
div#leftContent div#flashContainer div#flashButtons input.btn-flip_me:hover,
div#leftContent div#flashContainer div#flashButtons input.btn-flip_me:focus { background-position: 0px -25px; }
div#leftContent div#flashContainer div#flashButtons div#flashTimer { float: right; }
div#leftContent div#flashContainer div#flashButtons div#flashTimer div#timer { margin: 3px 0px 0px; float: left; background: #000; height: 21px; line-height: 25px; padding: 4px 5px 0px; }
div#leftContent div#flashContainer div#flashButtons div#flashTimer div#timer select { float: left; }
div#leftContent div#flashContainer div#flashButtons div#flashTimer input#timerCounter { padding: 1px 0px 0px; height: 24px; background:#000; width: 30px; color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size: 20px; border: none; margin: 3px 4px 0px 0px; text-align:center; }
div#leftContent div#flashContainer div#flashButtons input.btn-snap_me { padding: 25px 0px 0px; margin: 3px 4px 0px 0px; display: block; width: 82px; height: 25px; border: none; background: #000 url(../_images/products/mesnap/btn-snap_me.gif);  }
div#leftContent div#flashContainer div#flashButtons input.btn-snap_me:hover,
div#leftContent div#flashContainer div#flashButtons input.btn-snap_me:focus { background-position: 0px -25px; }

div#rightContent { width: 232px; padding: 20px 23px 0px 0px; position: relative; float: right; height: 524px; background: url(../_images/products/mesnap/bg-instructions.gif) no-repeat center 9px #fff; }
div#rightContent div.item { padding: 5px 4px; width: 100px; height: 90px; margin: 0px 0px 6px 6px; float: left; border: 1px solid #e8e8e8; }
div#rightContent div.item img { width: 100px; height: 75px; }
div#rightContent div.item div.loading { background: #000 url(../_images/products/mesnap/thumbnail_image_loading.gif) no-repeat center center; height: 90px; width: 100px; }
div#rightContent div.item div.itemOptions { height: 16px; }
div#rightContent div.item div.itemOptions { background: #333; padding: 1px 5px 0px; height: 15px; }
div#rightContent div.item div.itemOptions a { font-size: 10px; color: #9e9e9e; text-decoration:none; }
div#rightContent div.item div.itemOptions a:hover { text-decoration: underline; color: #c2db04; }
div#rightContent div.item div.itemOptions a.delete { float: left; }
div#rightContent div.item div.itemOptions a.view { float: right; }

div#rightContent div#shareContainer { background: #e7e7e7; position: absolute; bottom: 10px; right: 10px; text-align:left; }
div#rightContent div#shareContainer p { line-height: 14px; font-size: 10px; color: #222; }
div#rightContent div.shareInfo { width: 192px; height: 91px; padding: 12px 17px 0px; }
div#rightContent div.doShare { width: 192px; height: 91px; padding: 12px 17px 0px; }
div#rightContent div#shareContainer div.shareHeading { font-size: 10px; font-weight: bold; text-transform:uppercase; }
div#rightContent div#shareContainer div.fbHeading { color: #1B7BDD; font-weight: normal; text-transform: none; }
div#rightContent div#shareContainer div.fbHeading a { font-weight: bold; }
div#rightContent div#shareContainer div.left { float: left; width: 50px; }
div#rightContent div#shareContainer div.right { float: right; width: 136px; }
div#rightContent div#shareContainer div.right a.btn-sharethesesteps { width: 136px; height: 0px; padding: 25px 0px 0px; margin: 5px 0px 0px; background: url(../_images/products/mesnap/btn-sharethesesnaps.gif) no-repeat; display:block; overflow: hidden; }
div#rightContent div#shareContainer div.right a.btn-sharethesesteps:hover { background-position: 0px -25px; }
div#rightContent div#shareContainer p { font-size: 10px; }
div#rightContent div#shareContainer a.connectWithFacebook { position: absolute; bottom: 10px; left: 14px; }

div#box-tryiton-images { background-image: url(../_images/layout/bg_white_5.png); border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #292929; padding: 15px 0 15px 15px; margin: 30px 0 30px 0; }
div#box-tryiton-images div.item { padding: 5px 4px; width: 100px; height: 75px; margin: 0px 7px 0px 0px; float: left; background-image: url(../_images/layout/bg_white_5.png); border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #292929; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
div#box-tryiton-images div.item:hover { background-image: url(../_images/layout/bg_white_10.png); border-left: 1px solid #303030; border-top: 1px solid #303030; border-right: 1px solid #222; border-bottom: 1px solid #222; }
div#box-tryiton-images div.item a img, div#box-tryiton-images div.item a img:hover { border: none; background: none; }

#back_url { text-align:left; margin: 0px 0px 30px 0px; height: 18px;  position: relative;}
#back_url a { color: #fff; font-weight:400; font-size: 14px; letter-spacing: 1px; text-decoration: none; height: 19px; padding: 0px 0px 1px 24px; line-height: 19px; vertical-align:middle; background: url(../_images/layout/icon_back.png) 0px 0px no-repeat; }
#back_url a:hover { color: #cce200;background: url(../_images/layout/icon_back.png) 0px -18px no-repeat;}

a#sign_up_960 { display: block; width: 960px; background-color:#cce200; border: 3px solid #9bab02; margin: 0px 0px 20px 0px; padding: 20px 0px 20px 0px; text-decoration: none; color:#222;}
a#sign_up_960:hover { color:#fff; background-color:#9bab02; border: 3px solid #727e01; }

/* ######## PROCESS #############
------------------------------------------------------------------ */
div.process { float: left; margin: 0px 9px 50px 0px; width: 152px;}
div.process#last { float: right; margin: 0px;}
div.process div.num { font-size: 60px; margin: 15px 0px 15px 0px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif; font-weight:200;}
div.process div.processTitle { font-size: 24px; margin: 15px 0px 15px 0px; color: #ededed; font-weight:200; letter-spacing: 2px;}
div.process p { font-size: 12px; line-height: 16px; text-align:left; color: #ddd; padding: 9px 0px 0px 0px; font-weight: 200; text-align:left; letter-spacing: 1px;}

div.process div.processImg { width: 150px; height: 150px; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #292929;  }
div.process div#process-img-1 { width: 150px; height: 150px; background: url(../_images/layout/process-1.jpg) no-repeat 0px 0px; }
div.process div#process-img-2 { width: 150px; height: 150px; background: url(../_images/layout/process-2.jpg) no-repeat 0px 0px; }
div.process div#process-img-3 { width: 150px; height: 150px; background: url(../_images/layout/process-3.jpg) no-repeat 0px 0px; }
div.process div#process-img-4 { width: 150px; height: 150px; background: url(../_images/layout/process-4.jpg) no-repeat 0px 0px; }
div.process div#process-img-5 { width: 150px; height: 150px; background: url(../_images/layout/process-5.jpg) no-repeat 0px 0px; }
div.process div#process-img-6 { width: 150px; height: 150px; background: url(../_images/layout/process-6.jpg) no-repeat 0px 0px; }



/* ######## ABOUT US #############
------------------------------------------------------------------ */

/* About Nav */
div#left_about__nav {margin: 20px 0px; width: 230px; float: left; z-index:10;}
ul#about_nav { width: 230px; padding: 0px; margin: 0px; }
ul#about_nav li {list-style:none;}
ul#about_nav li.active {background: url(../_images/layout/bg_white_10.png);}
ul#about_nav li a { display:block; height: 64px; width: 228px; text-align:left; background: url(../_images/layout/bg_white_5.png); border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #292929; text-decoration: none;}
ul#about_nav li a div.navText { margin: 16px 0px 0px 20px; color: #ddd; font-size: 16px; text-decoration: none; line-height: 20px; vertical-align:bottom; font-weight:200; letter-spacing: 1px;}
ul#about_nav li a span.title { color: #ccc; font-size: 12px; text-decoration: none; margin: 0px; font-weight:100; letter-spacing: 1px; line-height: 12px; vertical-align:top;}
ul#about_nav li a:hover, ul#about_nav li.active a { background: url(../_images/layout/bg_white_10.png);}
ul#about_nav li a:hover div.navText, ul#about_nav li.active a div.navText { color: #fff; }
ul#about_nav li a:hover span.title, ul#about_nav li.active a span.title { color: #FF9900; }

div#about_content { float: left; margin: 20px 0px 50px 25px; width: 635px; min-height: 300px; background: url(../_images/layout/bg_white_5.png); border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #292929; padding: 30px;} 
div#about_content div#aboutName { font-size: 32px; color: #fff; font-weight:100; letter-spacing: 2px; text-align:left; }
div#about_content div#aboutTitle {font-size: 16px; color: #FF9900; font-weight:100; letter-spacing: 1px; text-align:left; margin: 0px 0px 15px 0px;}
div#about_content p#aboutDescription { font-size: 12px; line-height: 24px; color: #ccc; text-align: left; font-weight: 200; letter-spacing: 1px;}
div#about_content div.aboutImg { width: 180px; height: 180px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; float: right; margin: 0px 0px 10px 15px; border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #292929; }

div#about_content div.aboutImg#dan {background: url(../_images/about/dan_nikkel.jpg);}
div#about_content div.aboutImg#charlie {background: url(../_images/about/charlie_basil.jpg);}
div#about_content div.aboutImg#dave {background: url(../_images/about/dave_buck.jpg);}
div#about_content div.aboutImg#del {background: url(../_images/about/del_currie.jpg);}
div#about_content div.aboutImg#chris {background: url(../_images/about/chris_neal.jpg);}
div#about_content div.aboutImg#tim {background: url(../_images/about/tim_parker.jpg);}
div#about_content div.aboutImg#ricardo {background: url(../_images/about/ricardo_crespo.jpg);}
div#about_content div.aboutImg#riley {background: url(../_images/about/riley_hutchens.jpg);}
div#about_content div.aboutImg#kelly {background: url(../_images/about/kelly_drill.jpg);}
div#about_content div.aboutImg#about {background: url(../_images/about/about_us.jpg);}



/* ######## Contact US #############
------------------------------------------------------------------ */
div#contact-left {margin: 50px 0px; width: 250px; float: left; position:relative; margin-right: 20px;}
div#contact-left div#address_container { padding: 15px; width: 220px; background-image: url(../_images/layout/bg_white_5.png); border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #292929; }
div#contact-left  div#address_container address {line-height: 1.4em; color: #ccc; font-size: 12px; text-align: left; font-style:normal; margin: 5px; letter-spacing: 1px; font-weight: 200;}
div#contact-left  div#address_container address a { color: #ddd; }
div#contact-left  div#address_container address a:hover { color: #FF9900; }
div#contact-left div#address_container h3 { color: #fff; font-weight: 200; text-align: left; font-size: 18px; letter-spacing: 1px; margin-bottom: 10px;}
div#contact-left #map {margin:20px 0px; border:1px solid #444;}
div#contact-img { width: 250px; height: 130px; background: url(../_images/layout/contact_street.jpg);border:1px solid #444; margin: 20px 0px;}



div#right-side { float:right;}
div#right-side p { width: 600px; margin-bottom: 10px; }

/*=== Forms ==================================*/
div.form-wrapper { text-align: left; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border: 1px solid #ccc; padding: 30px; margin: 50px 0px 50px 0px;}
div.form-wrapper h1 { font-size: 24px; font-weight:100; letter-spacing:1px; color: #575757; }
div.form-wrapper h2 {font-weight: 400; font-size: 20px; text-transform:uppercase; color: #FF9900; margin-bottom: 10px;}

fieldset {margin:0 0 16px; border: none;}

legend,

label {display:block;margin-bottom:3px;font-weight:200; color:#777;}

input[type=text],

textarea,

select { padding:5px; background: #ddd; border-left: 1px solid #bbb; border-top: 1px solid #bbb; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #000; font-size: 14px; font-weight: 200; letter-spacing:1px;}

.field {margin:0 0 16px;}

.first { float: left; }
.last { float: left; }


.bottom-labels .field {position:relative;padding-bottom:1.25em;margin-bottom:0;}

.bottom-labels label {position:absolute;bottom:0;font-size:77%;}

.inline-label {margin-bottom:0;}

.inline-label label {display:inline;font-weight:normal;}

.helptext {display:block;font-weight:normal;font-size:85%;}

.submit {margin:32px 0 1em;text-align:right;}

.required {color:#FF9900;}

form .left {margin-right:16px;}

form .last {margin-right:0;}


/*=== Legal ==================================*/
div.legal-wrapper { text-align: left; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border: 1px solid #ccc; padding: 30px; margin: 50px 0px 50px 0px;}
div.legal-wrapper h1 { font-size: 24px; font-weight:100; letter-spacing:1px; color: #575757; margin-bottom: 20px; }
div.legal-wrapper h2 {font-weight: 400; font-size: 20px; text-transform:uppercase; color: #FF9900; margin-bottom: 10px;}
div.legal-wrapper p { font-size: 13px; color: #757575; line-height: 20px; margin-bottom: 15px; }
div.legal-wrapper ul { margin: 0px 0px 20px 20px;}
div.legal-wrapper ul li { list-style:disc; font-size: 12px; line-height: 16px; margin-bottom: 5px; }


/* ######## FOOTER #############
------------------------------------------------------------------ */

.oneColElsCtrHdr #containerFooter { height: 296px; background-image: url(../_images/layout/bg_footer_container.jpg); background-position:top center; background-repeat: no-repeat; margin-bottom: 50px;} 
.oneColElsCtrHdr #containerFooter #footer { position: relative; width: 980px; height:296px; margin: 0 auto; background:url(../_images/layout/footer_bg.jpg) repeat-x; }
.oneColElsCtrHdr #footer .leftWrapperFooter { float: left; width: 700px; margin: 50px 0px 0px 10px; }
.oneColElsCtrHdr #footer .rightWrapperFooter { float: right; 220px; margin: 40px 10px 0px 0px; }
.oneColElsCtrHdr #footer .colOneFooter { float: left; width: 150px; margin: 0px 20px 0px 0px;}
.oneColElsCtrHdr #footer .colTwoFooter { float: left; width: 150px; margin-right: 20px; }
.oneColElsCtrHdr #footer .colThreeFooter { float: left; width: 150px; margin-right: 20px; }
.oneColElsCtrHdr #footer .colFourFooter { float: left; width: 150px; }
.oneColElsCtrHdr #footer .colFiveFooter { float: right; width: 220px; color: #555; line-height: 1.8em; margin-right: 0px; }
.oneColElsCtrHdr #footer h5 { color: #757575; padding:0; text-align:left; font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif; font-weight:400; letter-spacing: 1px;}
ul.footerNav li { list-style: none; text-align:left; font-size:12px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif; font-weight:300; height: 20px; border-bottom: 1px dotted #292929; padding: 5px 0 0 5px; margin: 0px 0px 0px 0px;}
ul.footerNav li a { color: #393939; text-decoration:none; }
ul.footerNav li a:hover { color: #999; text-decoration:none; }
.oneColElsCtrHdr #footer p {color: #393939; padding:0; text-align:left; font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif; font-weight:300; letter-spacing: 1px; font-size:12px; line-height: 16px;}

/* Social Links */
.oneColElsCtrHdr #containerFooter #footer ul#sociallinks { list-style: none; height: 50px; position:absolute; right: 0px; top: 20px; z-index: 0; }
.oneColElsCtrHdr #containerFooter #footer ul#sociallinks li { list-style: none; float: right; height: 50px; }
.oneColElsCtrHdr #containerFooter #footer ul#sociallinks li a { display: block; height: 0px; padding-top: 50px; overflow: hidden; opacity:1;filter:alpha(opacity=100); }
.oneColElsCtrHdr #containerFooter #footer ul#sociallinks li.twitter { width: 59px; margin-left: 13px; }
.oneColElsCtrHdr #containerFooter #footer ul#sociallinks li.twitter a { background: url(../_images/layout/icon-twitter_50.gif) no-repeat top left; }
.oneColElsCtrHdr #containerFooter #footer ul#sociallinks li.linkedin { width: 49px; margin-left: 13px; }
.oneColElsCtrHdr #containerFooter #footer ul#sociallinks li.linkedin a { background: url(../_images/layout/icon-linkedin_50.gif) no-repeat top left; }
.oneColElsCtrHdr #containerFooter #footer ul#sociallinks li.facebook { width: 103px; margin-left: 13px; }
.oneColElsCtrHdr #containerFooter #footer ul#sociallinks li.facebook a { background: url(../_images/layout/icon-facebook_50.gif) no-repeat top left; }
.oneColElsCtrHdr #containerFooter #footer ul#sociallinks li a:hover { background-position: 0px 0px; opacity:0.8; filter:alpha(opacity=80); }




.oneColElsCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}