@charset "utf-8";

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#3576f9}
a:hover {}
body {background:#FFF url(../images/new-header.png) repeat-x;color:#000;font:75%/125% Verdana, Arial, Sans-Serif}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {margin:0 0 1em}

/* Containers */
#page {margin:0 auto;width:984px}

/* Header */
#header {background:url(../images/banner-new.jpg) no-repeat center top;height:140px;position:relative;z-index:100}
#logo {float:left;margin:10px 0 0 -13px}
#menu {clear:both;overflow:hidden;padding:11px 0 0;width:100%}

	/*Navigation*/
	#header ul#nav {clear:both;list-style:none;position:absolute;bottom:3px;left:0;margin:0;width:100%;text-align:center; padding-right: 200px;}
	#header ul#nav li {background:url(../images/nav-divider.gif) left top no-repeat;display:inline;margin:0 17px 0 0;padding:0 0 0 17px}
	#header ul#nav li#join-n {background:none;bottom:-2px;position:absolute;right:0;padding:0;margin:0;width:205px}
	#header ul#nav li.first {background:none}
	#header ul#nav li a {color:#fff;font-size:1.235em;font-weight:400;letter-spacing:-2px;text-decoration:none;text-transform:uppercase}
	.cufon-active #header ul#nav li a {letter-spacing:0}
	#header ul#nav li a:hover {color:#a1dbe8}
	#header ul#nav li.selected a {color:#a1dbe8}
	
	/*Join Newsletter*/
	#header ul#nav li a#join-newsletter {background:/*url(../images/new-signup-button.png) no-repeat*/ #2c3f6a;clear:right;color:#FFF;float:right;font-size:1.25em;font-weight:400;height:24px;line-height:24px;letter-spacing:-1px;margin:0;text-decoration:none;text-align:center;text-transform:none;width:205px}
	.cufon-active #header a#join-newsletter {letter-spacing:0}
	
	#iphone {height:115px;position:absolute;top:0;left:550px;width:275px}
	
	/*Social*/
	#header ul#social {float:right;list-style:none;margin:83px 0 5px}
	#header ul#social li {float:left;margin:0 0 0 11px;width:21px}
	#header ul#social li.social-title {color:#a2dce9;font-size:1.5em;font-style:italic;letter-spacing:-1px;margin:2px 6px 0 0;width:auto}
	.cufon-active #header ul#social li.social-title {letter-spacing:0}
	#header ul#social li a {float:left;height:23px;overflow:hidden;position:relative;width:21px}
	#header ul#social li a span {background:url(../images/new-social.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
	#header ul#social li.linkedin a span {background-position:-32px 0}
	#header ul#social li.twitter a span {background-position:-65px 0}
	#header ul#social li#rss a span {background-position:100% 0}
	
	#header #search {border:1px solid #486eae;clear:right;float:right;width:205px}
	#header #search input {float:left}
	#header #search #s {background:#FFF url(../images/new-search-bg.gif) repeat-x;border:0;height:24px;padding:4px;width:140px}
	#header #search #go {background:#e8e5e5 url(../images/new-search-button.gif) repeat-x;border:0;border-left:1px solid #486eae;font-size:1em;height:32px;padding:0;text-transform:uppercase;width:57px}
	
	/*Newsletter*/
	#newsletter {background:#446bad;display:none;right:0;padding:30px 15px 10px;position:absolute;top:139px;width:220px}
	#newsletter #close-box {height:14px;overflow:hidden;position:absolute;right:5px;top:5px;width:14px}
	#newsletter #close-box span {background:url(../images/close-button.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
	#newsletter label {float:left;color:#fff;width:60px}
	#newsletter input.text {background:#fff;border:0;color:#446bad;font:1em Arial, Sans-Serif;float:left;margin:0 0 7px;padding:3px 5px;width:150px}
	#newsletter input#submit {background:#dde8ea;border:0;color:#446bad;float:right}
	
/*Main*/
#main {background:#fff;margin:0 auto 0;overflow:hidden;padding:17px 0;position:relative;width:986px}	
#homepage #main {background:none;padding:19px 0 0;width:986px}
#units #main {padding:17px 0 0;width:916px}
#main h1 {color:#2052a3;font-size:2.5em;font-weight:700;line-height:1.25em}
#main h3 {clear:both;font-size:1em;font-weight:700;line-height:1.25em;}
#main img.alignleft {float:left;margin:0 12px 17px 0}
#main #back {color:#0354f8;float:right;margin:-15px 0 0}
#main .back {color:#0354f8}
#main p.no-float {clear:both;padding:0 0 0}
#main p.big {font-size:1.135em;line-height:1.335em}
#main address {font-size:1.135em;font-style:normal;line-height:1.335em}
	
	/*Video*/
	#video {float:left;width:576px}
	#share {background:#446bad;margin:-3px 0 0;overflow:hidden;width:576px}
	#homepage #main #share h2 {color:#fff;display:inline;float:left;font-size:1.5em;font-weight:400;letter-spacing:-1px;line-height:1em;margin:0 20px 0 25px;padding:4px 0 4px}
	.cufon-active #share h2 {letter-spacing:0}
	
		/*List*/
		#share ul {float:right;list-style:none;padding:5px 55px 0 0}
		#share ul li {float:left;margin:0 0 0 11px;width:21px}
		#share ul li a {float:left;height:22px;overflow:hidden;position:relative;width:21px}
		#share ul li a span {background:url(../images/social-icons.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
		#share ul li.linkedin a span {background-position:-21px 0}
		#share ul li.myspace a span {background-position:-42px 0}
		#share ul li.twitter a span {background-position:-63px 0}
		
		/*Slider*/
		#slider {background:#446bac;height:95px;position:relative;width:576px}
		#slider .prev {height:49px;left:3px;overflow:hidden;position:absolute;top:20px;width:25px}
		#slider .next {height:49px;left:548px;overflow:hidden;position:absolute;top:20px;width:25px}
		#slider .prev span, #slider .next span {background:url(../images/arrows.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
		#slider .next span {background-position:-25px 0}
		#sliding {height:81px;margin:0 auto;overflow:hidden;position:relative;width:516px}
		#sliding ul {background:#fff;height:72px;left:0;padding:3px;position:absolute;top:3px;width:20000em}
		#sliding ul li {float:left;height:72px;margin:0 7px 0 0}

        /* ABOUT nSixty */
        #about-nsixty {
			background:#FFF url(../images/new-aboutbg.gif) repeat-x;
			border:1px solid #4f71b0;
			padding:10px;
			margin:0 0 5px;
                        color: #2f6eb6;

        }
		#about-nsixty a {color:#ec2426}
		.center {color:#446cad;font-size:.9em;text-align:center}
		.center a {color:#ec2426}
		#about-nsixty h2 {color:#2052a3;font-size:1.2em;margin:0 0 5px}

        #about-nsixty a.read-more {color:#625f5d;font-size:.87em;text-decoration:none}

        #facebook_like {float:right;width:394px; position:relative; background:#fff;padding:0px 0 0 0;}
		
	/*Spotlight*/
	#homepage #sidebar {float:right;width:394px}
	#homepage #sidebar-top {background:url(../images/new-sidebar.png) repeat-y -394px 0;clear:both}
	#homepage #sidebar-bottom{background:url(../images/new-sidebar.png) no-repeat;padding:13px}
	
	#sidebar {float:right;margin:0 0 -20px;width:231px}
	#sidebar-top {background:url(../images/new-sidebarsub.png) repeat-y -231px 0;clear:both}
	#sidebar-bottom{background:url(../images/new-sidebarsub.png) no-repeat;padding:13px}
	
	/*Company Sidebar*/
	#company-page #sidebar {width:168px}
	#company-page #sidebar #sidebar-top {background:url(../images/company-sidebar.png) repeat-y -168px 0;clear:both}
	#company-page #sidebar #sidebar-bottom {background:url(../images/company-sidebar.png) no-repeat;clear:both}
	
	#sidebar .spotlight {background:#FFF url(../images/new-project-box-2.png) repeat-y -195px 0;margin:0 0 0 5px;width:195px}
	#sidebar .spotlight-top {background:url(../images/new-project-box-2.png) no-repeat}
	#sidebar .spotlight-bottom {background:url(../images/new-project-box-2.png) no-repeat -390px bottom;border-bottom:1px solid #4f70af;padding:7px;overflow:hidden;width:181px}
	#sidebar #photos {text-align:center}
	#sidebar #iphonead {display:block;margin:20px auto 0}
	
	#sidebar ul {list-style:none;margin:0;padding:0}
	
	#sidebar h2, #sidebar h3 {color:#2052a3;font-size:1.2em;margin:0 0 5px}
	#homepage #sidebar .spotlight {background:#FFF url(../images/new-project-box.png) repeat-y -366px 0;margin:0;width:366px}
	#homepage #sidebar .spotlight-top {background:url(../images/new-project-box.png) no-repeat}
	#homepage #sidebar .spotlight-bottom {background:url(../images/new-project-box.png) no-repeat -732px bottom;border-bottom:1px solid #4f70af;padding:7px;overflow:hidden;width:352px}
	
	#spotlight ul {list-style:none;margin:0;padding:0}
	#spotlight ul li {margin:0;overflow:hidden;width:364px}
	
		/*Video Pick*/
		#video-pick {background:url(../images/new-videooftheweek.png) left top no-repeat;display:block;height:83px;margin:9px 0;width:366px}
		#video-pick img {float:right}
		
		/*Blog*/
		#blog {font-size:.925em;padding:4px 7px;width:330px;height:300px}
		#blog h3 {font-size:1em}
		#blog h3 a {color:#000;text-decoration:none}
		#blog p {margin:0 0 2px}
		#blog a.read-more {color:#625f5d;float:right;font-size:.87em;text-decoration:none}
		#blog ul li {margin:0 0 7px;overflow:hidden;width:auto}
		#blog ul li ul.social-links li {float:left;margin:0 9px 0 0}
		#blog ul li ul.social-links li a {color:#5663a4;float:left;font-size:.87em;line-height:20px;padding:0 25px 0 0;text-decoration:none;text-transform:lowercase}
		#blog ul li ul.social-links li.email a {background:url(../images/icon-email_new.png) right top no-repeat}
		#blog ul li ul.social-links li.fb a {background:url(../images/icon-facebook_new.png) right top no-repeat}
		#blog ul li ul.social-links li.tweet a {background:url(../images/twt-small.png) right top no-repeat}
		
	/*Portfolio*/
	#main ul#portfolio {list-style:none;margin:0;overflow:hidden;width:698px}
	#main ul#portfolio li {display:inline;float:left;margin:0 5px 5px 0px}
	#main .clist {margin:0 0 0 44px}
	
	/*Product Container*/
	#units #main h1, #units #main p {padding:0 15px}
	#products {overflow:hidden;margin:0;width:700px}
	#content ul.margined, #content img.margined {margin-bottom:15px}
	#content ul.margined {margin-left:18px}
	
		/*Products*/
		#products .product {color:#446cad;float:left;width:235px}
		#products .last-product {width:225px}
		#products .product .gallery {height:358px;position:relative;width:225px}
		#products .last-product .gallery {width:225px}
		#products .product .gallery ul.image-nav {left:0;list-style:none;margin:0 0 0 14px;position:absolute;top:230px;width:75px}
		#products .product .gallery ul.image-nav li.title {color:#0354f8;font-size:.865em;font-weight:700}
		#products .product .gallery ul.image-nav li {float:left;margin:0 0 12px;overflow:hidden;width:75px}
		#products .product .gallery ul.image-nav li img {display:block;margin:0 auto}
		
		/*Info*/
		#products .info {color:#446cad;overflow:hidden;padding:14px;width:205px}
		#products .info h2 {font-size:1.25em;line-height:1.25em;}
		#products .info ul {font-size:.865em;line-height:1.1em;list-style:none;margin:0 0 1em}
		#products .info ul li {background:url(../images/new-bullet.gif) no-repeat 0 5px;padding:0 0 0 10px}
		#units #products .info p {font-size:.865em;line-height:1.1em;padding:0;}
		#products .info a.pdf {background:url(../images/pdf.png) left top no-repeat;color:#fff;float:left;padding:4px 0 5px 26px}
		
	/*Photos with text*/
	#photo {height:358px;overflow:hidden;position:relative;width:604px}
	#photo img {float:right}
	#photo #subscribe-visit {color:#fff;font-size:1.165em;font-weight:700;left:66px;position:absolute;top:305px}
	#photo #subscribe-visit a#subscribe-newsletter {color:#f6ec20;float:left;margin:0 0 10px;text-decoration:none}
	#photo ul {clear:both;list-style:none}
	#photo ul li {float:left;margin:0 9px 0 0}
	#photo ul li.social-title {margin:2px 12px 0 0}
	#photo ul li a {float:left;height:18px;overflow:hidden;padding:0 3px;position:relative;text-indent:-999em;width:13px}
	#photo ul li a span {background:url(../images/social-networks.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:19px}
	#photo ul li.linkedin a span {background-position:-19px 0}
	#photo ul li.twitter a span {background-position:100% 0}

        #download-pdf  {position:absolute;top:0px;right:10px}
        #download-pdf  a.pdf {background:url(../images/pdf.png) left top no-repeat;color:#446cad;font-size:.9em;float:left;padding:4px 0 5px 25px}

		#content {float:left;position:relative;width:740px}
		#company-page #content {width:800px}
		.content-box {background:#FFF url(../images/new-sub-bg.png) repeat-x;border:1px solid #5c78b4;overflow:hidden;padding:15px 20px}
		.bigfont p.small {clear:both;font-size:.785em;margin:.5em 0 0}
		.bigfont p.small a {color:#de0025}
		.company-image-box {background:#FFF url(../images/new-sub-bg.png) repeat-x;border:1px solid #5c78b4;overflow:hidden;position:relative}
		.nopad {padding:0}
		.bigfont {color:#446cad;font-size:14px;line-height:18px}
		#intro {color:#446cad;padding:20px 20px}
		
		#promo {display:block;margin:0 auto}
		
		#projects {text-align:center}
		#projects a {color:#5177bb}
		
		/*Company Page Slider*/
		#cycle {height:396px;overflow:hidden;position:relative;width:800px;z-index:20}
		.company-image-box #prev-arrow {background:url(../images/slideshow-arrows.png) left top no-repeat;height:50px;left:20px;position:absolute;top:173px;width:35px;z-index:100}
		.company-image-box #next-arrow {background:url(../images/slideshow-arrows.png) right top no-repeat;height:50px;left:743px;position:absolute;top:173px;width:35px;z-index:100}
		
		/*Wedding Box*/
		.container-wedding {background:url(../images/wedding-bg.png) left top repeat-x;border:1px solid #797fb5;clear:both;color:#5663a4;font-size:1.085em;margin:10px 0 0;padding:12px 29px 10px 26px;position:relative;width:682px}
		.container-wedding h1 {height:57px;margin:-12px 0 0 -9px;overflow:hidden;position:relative;text-indent:-999em;width:126px}
		.container-wedding h1 span {background:url(../images/nsixty-wedding.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}
		.container-wedding img {display:inline;float:right;margin:-30px 0 10px 19px}
		.container-wedding p.small {font-size:.846em;}
		.container-wedding p.small a {color:#de0025}
		.weddings {color:#de0025;left:515px;position:absolute;text-decoration:none;top:10px}
		
		#sidebar .container-wedding {background:#f8f8f8 url(../images/sidebar-weddings.png) left top repeat-x;margin:0 0 14px;overflow:hidden;padding:0 11px 13px 14px;width:170px}
		#sidebar .container-wedding a.weddings {position:static;margin:0 0 5px 15px;text-align:center;}
		#sidebar .container-wedding h1 {height:61px;margin:0 0 0 15px;width:137px}
		#sidebar .container-wedding h1 span {background:url(../images/nsixty-wed-side.png) left top no-repeat;}
		#sidebar .container-wedding img {display:block;margin:10px auto 0}
		
		/*Custom Branding*/
		#sidebar .custom-branding {background:url(../images/custom-branding-bg.png) left top no-repeat;color:#2a52a0;height:253px;overflow:hidden;padding:16px 19px 0 19px;width:157px}
		#sidebar .custom-branding h2 {color:#fff;font-size:1.583em;margin:0 0 13px;text-align:center}
		#sidebar .custom-branding img {margin:0 0 0 29px}
		#sidebar .custom-branding ul {font-size:1.165em;letter-spacing:-1px;list-style:none;margin:0 -20px 11px 0;overflow:hidden;width:177px}
		#sidebar .custom-branding ul li {background:url(../images/tiny-bullet.gif) left no-repeat;float:left;padding:0 0 0 10px;width:78px}
		#sidebar .custom-branding p {font-size:1.165em;text-align:center}
		
		
		/*Bottom paragraph*/
		.small-foot {color:#5663a4;font-size:.915em;margin:10px 0 0 18px}
		.small-foot a {color:#de0025}
		
		/*small Portfolio List*/
		#content ul#portfolio-small {float:left;list-style:none;width:132px}
		#content ul#portfolio-small li {clear:both;margin:0 0 8px;overflow:hidden;width:132px}
		#content ul#portfolio-small li a {float:left;padding:0 15px 0 0}
		#content ul#portfolio-small li a:hover, #content ul#portfolio-small li.current a {background:url(../images/small-port-arrow.png) right no-repeat}
		#content .portfolio-text {float:right;width:545px}
		#content .portfolio-text .alignleft {float:none;margin:0 5px 8px 0 }
		#content .portfolio-text  h3 {color:#3c4293;font-size:1.428em;line-height:1em;margin:0 0 5px}
		#content .portfolio-text  h2 {color:#3c4293;font-size:1.285em;line-height:1em;margin:0 0 15px}
		
	/*Try For Free*/
	#try-iphone {background:url(../images/app-store.png) left top no-repeat;padding:10px 0 10px 68px;margin:0 0 9px}
	#try-android {background:url(../images/android.png) left top no-repeat;padding:10px 0 10px 68px;margin:0 0 9px}	
		
	/*Company Page*/
	#company-page h5 {font-size:1em;font-weight:400;margin:0 0 11px}
	#company-page .left-col {float:left;width:363px}
	#company-page .right-col {float:right;width:358px}
	
/* Footer */
#footer {background:#446bac;color:#FFF;font-size:.865em;padding:10px 0 5px}
#footer a {color:#FFF}
#footer .content {margin:0 auto;width:980px}
#footer #copy {clear:both;margin:0;text-align:center}
#footer #links {float:left;padding:0 0 0 80px;text-align:right;width:320px}
#footer #links li {display:inline;list-style:none;margin:0 0 0 25px}
#footer #links li a {color:#FFF;text-decoration:none}
#footer #links li#view a {text-decoration:underline}
#footer #links li.signup {clear:both}

#footer ul.social {float:left;list-style:none;margin:0 15px 5px 5px}
#footer ul.social li {float:left;margin:0 0 0 11px;width:21px}
#footer ul.social li a {float:left;height:23px;overflow:hidden;position:relative;width:21px}
#footer ul.social li a span {background:url(../images/social-icons.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
#footer ul.social li.linkedin a span {background-position:-21px 0}
#footer ul.social li.twitter a span {background-position:-63px 0}
#footer ul.social li#rss a span {background-position:100% 0}

/*Iphone Tooltip*/
#iphone-tooltip{
	display:none;
	background:url(../images/black_arrow.png);
height:65px;
	width:160px;
	padding:30px 25px 25px;
	font-size:1em;
	color:#fff;
	z-index:500
}



#iphone-tooltip a {
	color:#b0e0ec;
	font-size:11px;
	font-weight:bold;
}



a#rollover { background-image:url(../images/new-nsixty02.png); height: 96px; width:260px; display:block;}
a#rollover span { display:none; }
a#rollover:hover { background-image:url(../images/new-nsixty02Over.png); }

.event_cntnr  {padding-left:5px;}

.new_event  {padding-top:5px; padding-bottom:10px;}
.new_museum  { padding-bottom:5px;}

