/* * name:									custom for screen media 
*    updated: 							oct 30, 2009
*    author:     						paul jarvis
*   ----------------------------------------------------*/

*, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; background: none; list-style: none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
	
.reset { clear: both; display: block; height: 0; font-size: 1px; line-height: 0.1; }
img#wpstats{ width:0; height:0; padding:0; border:none; overflow:hidden; }



#flashplayer { display: block; }
#videoplayer { display: none; background: #f0f4f5; border: none; overflow: hidden; text-align: center; margin: 0 auto; height: 353px; }





/*  =STRUCTURE
*   ----------------------------------------------------*/

html { height: 100%; }
body { width: 100%; background: #f0f4f5 url("/images/back-top.png") top center no-repeat; color: #303233; font: normal 13px/21px helvetica, serif; text-align: center; }
	
	.container { width: 100%; position: relative; clear: left; }
	
	#header, #content, #footer { width: 960px; margin: 0 auto; text-align: left; position: relative; display: block; }
	
	#header { background: #18191a; }
	
	#content { background: #fff; }
		#content .inner { padding: 30px 15px 0 15px; }
		
		#main { width: 640px; float: left; position: relative; display: block; border-bottom: 2px solid #dc1921; padding-bottom: 30px; margin-bottom: 30px; }
			.smaller #main { width: 510px; float: left; margin-left: 30px; }
			.full { width: 785px !important; }
		#otherbar { width: 245px; margin-bottom: 30px; float: right; position: relative; display: block; background: #f0f4f5; }
		#sidebar { width: 115px; float: left; position: relative; display: block; }

		#masthead { width: 670px; height: 240px; background: url("/images/masthead-left.png") no-repeat; float: left; position: relative; margin-bottom: 30px; display: block; }
		#mastside { width: 245px; height: 240px; background: url("/images/masthead-right.png") no-repeat; float: right; position: relative; margin-bottom: 30px; display: block; }
			.mastinner { padding: 15px; }
			.home #masthead  { height: 355px; width: 670px; background: none !important; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;  }
				.home #masthead object, .home #masthead param, .home #masthead div { margin: 0 0 0 0 !important; padding: 0 !important; }
			.home #mastside { height: 355px; background: url("/images/home-mastside.png") no-repeat; }

	#footer { background: url("/images/back-footer.png") top left no-repeat; height: 125px; }

	.homecol { width: 300px; float: left; display: block; border: 2px solid #d5dfe2; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 15px 0; margin-right: 30px; margin-bottom: 45px; }
	.homecol h4 { font-size: 20px; margin-left: 15px; }





/*  =NAVIGATION
*   ----------------------------------------------------*/

#logo { margin: 30px; float: left; height: 58px; width: 180px; }	
	#logo a { display: block; height: 58px; width: 180px; background: url("/images/nyce-logo.png") no-repeat; text-indent: -9999px; overflow: hidden; }	
	
#header h4 { float: right; color: #dc1921; font-size: 16px; margin: 50px 15px 0 0; letter-spacing: 2px; }

#menu-nav { background: #f0f4f5; width: 100%; float: left; display: block; border-bottom: 1px solid #d9e2e4; clear: left; }
	#menu-nav li, #menu-nav li a { float: left; display: block; }
		#menu-nav li a { padding: 5px 15px; color: #616366; font-size: 10px; text-transform: uppercase; }
		#menu-nav li a:hover { color: #dc1921; }
		#menu-nav li.current-menu-item a, #menu-nav li.current-page-ancestor a { background: #d9e2e4; color: #18191a; }


.tabs { float: left; display: block; width: 100%; }
	.tabs li { float: left; }
		.tabs a { background: #d5dfe2; padding: 5px 15px; float: left; width: 92px; font-size: 10px; color: #616366; }
		.tabs .active a { background: #f0f4f5; color: #dc1921; }
.box { padding: 15px; clear: left; }
			
#footer .menu li, #footer .menu li a  { float: left; display: block; padding: 0 5px 0 0; }







/*  =FORMS
*   ----------------------------------------------------*/

form {}
	.signup form { margin-top: 15px; }
	fieldset { border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 15px; }
	legend { font-size: 20px; padding-bottom: 15px; display: block; }
	
	label {}
		label { float: left; width: 100%; clear: left; display: block; margin-bottom: 10px; position: relative;}
		#contactform label { width: 50%; float: left; clear: none; }
		#contactform label.full { width: 100%; }
		#commentform label { float: left; width: 100%; clear: left; margin-bottom: 5px; }

	span.blockit { float: left; width: 180px; display: block; margin: 5px 15px 0 0; font-size: 12px; line-height: 14px; }

	input, select, textarea { border: 1px solid #303233; padding: 5px; background: #fff; width: 185px; }
		#contactform input, #contactform select { width: 260px; }
		textarea { width: 260px; height: 90px; }
		#contactform textarea { width: 580px; }
		button { cursor: pointer; font-size: 10px; padding: 5px 30px; text-transform: uppercase; background: #303233; color: #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
		
		input.error { border: 1px solid #dc1921; padding: 5px; font-size: 12px; }
		.error { color: #dc1921; font-size: 9px; float: left; margin-bottom: 0 !important; }
		
		

/*  =HEADERS
*   ----------------------------------------------------*/

h1, h3, h4, legend { color: #000; font-weight: normal; font-family: "futura std medium", helvetica, arial, sans-serif; line-height: 1em; text-transform: uppercase; }
h1 { font-size: 40px; margin-top: 135px; color: #fff; padding: 15px 30px; background: rgb(137,0,0); background: rgba(137,0,0,.75); display: block; float: left; }
h2 { font-size: 20px; line-height: 1em; color: #dc1921; }
	.home h2 { margin-bottom: 20px; }
	.post h2 { margin-bottom: 20px; }
h3 { font-size: 20px; margin: 10px 0; color: #dc1921; }
	h3.black { color: #000 !important; font-size: 16px; }
h4 { font-size: 10px; }

h5 { font-size: 12px; font-weight: bold; color: #dc1921; }







/*  =CONTENT
*   ----------------------------------------------------*/

strong { font-weight: bold; }
em { font-style: italic; }

p {}

a { color: #dc1921; text-decoration: none; }
a:hover { color: #18191a; }

blockquote {}

span {}

img {}
	
.post ol { margin-left: 20px; }
.post ul { margin-left: 20px; }

	.post ol li { list-style: decimal; }
	.post ul li { list-style: disc; }

table {}
	th, td {}
	th {}






/*  =COMMON
*   ----------------------------------------------------*/

.edit { }

.alignleft { float: left; margin: 2px 15px 10px 0; text-align: left; }
	.homecol .alignleft { float: left; margin: 0 10px 10px 0; text-align: left; }

.alignright { float: right; margin: 2px 0 10px 15px; text-align: right; }
.hide { display: none; }

.post, .section { margin-bottom: 30px; }
	.post p, .post ul, .post ol, .post blockquote { padding-bottom: 20px; }
	.meta, .date { font-size: 10px; display: block; color: #919499; text-transform: uppercase; }
	
	.section ul ul { margin-left: 20px; }
	.section ul ul li { list-style: circle; font-size: 13px; }

#prod-list { margin: 15px; width: 215px; float: left; }
#prod-list li { position: relative; float: left; display: block; background: url("/images/dot.png") 0 8px no-repeat; padding-left: 12px; width: 94px; }
	#prod-list span { position: absolute; width: 233px; height: 163px; background: url("/images/bubble.png") no-repeat; bottom: 15px; left: 0; }
	#prod-list img { margin: 3px; }
	#prod-list a { font-size: 10px; color: #fff; text-transform: uppercase; }

.wp-pagenavi { clear: left; margin: 15px 0; line-height: 13px; }
	.wp-pagenavi a, .wp-pagenavi span { float: left; display: block; padding: 5px; margin-right: 5px; }
	.wp-pagenavi a {}
	.wp-pagenavi span.current {}
	
.backnext { clear: left; float: left; display: block; width: 100%; }
	.previouspost { float: left; text-align: left; width: 49%; }
	.nextpost { float: right; text-align: right; width: 49%; } 

.button a { display: block; text-indent: -9999px; overflow: hidden; position: relative; }
.order, .video { margin: 15px 0 30px 15px; }
	.order a { background: url("/images/button-order.png") top left no-repeat; width: 172px; height: 30px; }
		.order a:hover { background-position: 0 -30px; }

.videoplayer { display: none; }


		.video a { background: url("/images/button-video.png") top left no-repeat; width: 182px; height: 30px; }
			.video a:hover { background-position: 0 -30px; }

	.smaller .order a, .sub .order a { background: url("/images/button-order.png") 0 -30px no-repeat !important; }
	
.home #mastside h4 { font-size: 14px; color: #fff; padding: 0; }
	#mastside h4 { font-size: 17px; padding: 15px; color: #fff; }
	#mastside h4 a { color: #fff !important; }
	#mastside h3 { font-size: 10px; font-weight: bold; color: #dc1921; margin: 15px 0 -5px 15px; clear: left; }

.more { margin-bottom: 20px; }
.more a  { font-size: 10px; text-transform: uppercase; color: #797c80; }

.headlines li, #sidebar li { border-bottom: 1px solid #d9e2e4; padding-bottom: 5px; margin-bottom: 5px; line-height: 15px; font-size: 11px; }
	.headlines li a { color: #303233; display: block; }
	#sidebar ul { border-top: 1px solid #d9e2e4; padding-top: 5px; margin-top: 5px; }
		#sidebar li a { text-transform: uppercase; color: #616366; display: block; }
	#sidebar h4 a { color: #919499; }
	#sidebar ul li.current_page_item a, #sidebar ul li.current-cat a { color: #dc1921; }
	#sidebar ul ul, #sidebar ul ul * { display: none; }

.product-list h3 { margin-top: 20px; border-top: 1px solid #d5dfe2; padding: 15px 0; font-size: 12px; font-weight: bold; color: #dc1921; }
.product-list h4 { margin-top: -15px; margin-bottom: 10px; }
	.product { float: left; width: 240px; margin-right: 15px; display: block; }

#footer .alignleft, #footer .alignright { margin: 30px 15px; font-size: 10px; color: #797c80; line-height: 15px; }
	#footer a { color: #797c80; }
	#footer a:hover { color: #dc1921; }
	#footer .bigger { font-size: 18px; color: #dc1921; margin-bottom: 5px; }
	#footer .bigger span { font-weight: bold; color: #18191a; }
	
	
	













	

#singleproduct, .prodlistings { width: 785px !important; float: right; position: relative; display: block; border-bottom: 2px solid #3ca9c3; padding-bottom: 30px; margin-bottom: 30px; }
	#singleproduct h2 { font-size: 40px; }
	.icon { width: 60px; float: left; margin-right: 5px; font-size: 9px; line-height: 1.4 !important; text-align: center; margin-top: 30px; }
	.icon, .icon a { color: #dc1921 !important; }

h5.prodname { background: #dc1921; padding: 5px 10px; font-size: 15px; display: inline; color: #fff; clear: left; float: left; margin: 20px 0 10px 0; }

h2.productsheader { color: #8f9596; font-size: 30px; margin-bottom: 30px; }

.col { width: 85px; text-align: center; float: left; margin: 10px 10px 10px 0; border-right: 1px solid #d9e2e4; font-size: 11px; }
.smallline { border-top: 1px solid #d9e2e4; width: 758px; float: left; display: block; height: 1px; overflow: hidden; }

#singleproduct h4 { font-size: 20px; margin: 10px 0; color: #8f9596; }
.blurbleft { width: 270px; float: left; }	

.bigline { height: 2px; background: #d9e2e4; width: 100%; display: block; margin-top: 30px; }

.tech { width: 380px; float: left; margin-top: 20px; }
.cert { width: 360px; float: right; padding-left: 20px; border-left: 1px solid #d9e2e4; margin-top: 20px; padding-bottom: 20px; }

.tech div, .cert div { float: left; width: 100%; clear: left; }
.tech div span, .cert div span { width: 150px; margin-right: 10px; font-size: 11px; float: left; display: block; }

.features { overflow: hidden; }
	.feature img { margin-right: 10px; margin-bottom: 15px; float: left; display: block; }	

#gallery { width: 510px; overflow: hidden; border: 1px solid #d9e2e4; float: right }					
	#slides { height: 352px; width: 512px; overflow: hidden; }
		.slide { float: left; }							

	#menu {}
		#menu ul { margin: 0 !important; padding: 0 !important; line-height: 1 !important; }
		#menu li { width: 84px; display: inline-block; list-style: none; margin: 0 !important; padding: 0 !important; line-height: 1 !important; overflow: hidden; float: left; }
		#menu li a { display: block; float: left; height: 84px; width: 84px; }

		#gallery img, #gallery img a, #gallery a img, #menu img, #menu img a, #menu a img { border: none !important; display: block; float: left; border: none !important; }
		.post #menu li a { border: none !important; }
		#menu li a, .post #menu li { border-top: 1px solid #d9e2e4 !important; border-right: 1px solid #d9e2e4 !important; }
		#menu li a:nth-child(6), .post #menu li:nth-child(6), #menu li a:nth-child(12), .post #menu li:nth-child(12) { border-right: none !important; width: 85px; }
		li.act a, li.act:hover a { opacity: .25; }



#sidebar ul.prodlisting ul, #sidebar ul.prodlisting ul * { display: block; }
#sidebar ul.prodlisting { margin: 0 !important; }
#sidebar ul.prodlisting ul { border: none; text-transform: uppercase !important; }
#sidebar ul.prodlisting li { color: #dc1921 !important; }
#sidebar ul.prodlisting ul li { color: #8f9596; padding-left: 10px; }
#sidebar ul.prodlisting ul ul { padding-left: 15px; }