/* CSS RESET */html, body, , 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;	font-weight: inherit;	font-style: inherit;		font-family: inherit;	vertical-align: baseline;}/* remember to define focus styles! */:focus {	outline: 0;}body {	color: #666666;		background-color:#2e2e2e;}/* tables still need 'cellspacing="0"' in the markup */table {	border-collapse: collapse;	border-spacing: 0;	border-width: 0;	border-style: none;	}table tr td, table td, table tr {	padding: 0px;	border-width: 0;}caption, th, td {	text-align: left;	font-weight: normal;}blockquote:before, blockquote:after,q:before, q:after {	content: "";}blockquote, q {	quotes: "" "";}.clear {	clear: both;	display: block;		height: 1%;}a img	{		 border:0;		}/* END CSS RESET */@font-face 	{			font-family: zurich bt; src: url('../../_assets/fonts/Zurich BT.ttf'); 			font-family: zurich blk bt; src: url('../../_assets/fonts/Zurich Extra Black BT.ttf'); 			} body	{		font-family: 'zurich bt', tahoma, Verdana, Helvetica, Sans-Serif;		background:#282828 url('../../_assets/images/design/granite-bg.gif') repeat;		padding:0px;		margin:0px;		}p	{	font-family: 'zurich bt', tahoma, Verdana, Helvetica, Sans-Serif;	}		a	{			font-family: 'zurich bt', tahoma, Verdana, Helvetica, Sans-Serif;			color:#17a1c3;			text-decoration:none;			}					a:hover	{			color:#52dbfb;			text-decoration:none;			}/*=================================================================MAIN CONTAINERS	=================================================================*/#headerbg	{			display:block;			background: url('../../_assets/images/design/header-bg.jpg') top center no-repeat;			padding:30px 0px 0px 0px;						}			#footerbg	{			display:block;			background: url('../../_assets/images/design/footer-bg.jpg') bottom center no-repeat;						margin:0px;			}#aboutmeledge	{					background: url('../../_assets/images/design/about-me-ledge.png') 0px 270px  repeat-x;				height:100%;				}						#me	img	{		margin:-209px 0px 0px 688px;					}				#site		{		display:block;		width:960px;		margin:auto;		overflow:auto;		}		#logo	h1 a	{				display:block;				background: url('../../_assets/images/design/logo.png') top left no-repeat;				float:left;				width:300px;				height:69px;				position:relative;				top:3px;				margin-left:10px;				}			#logo	h1 a span {					display:none;					}				/*=================================================================NAVIGATION=================================================================*/						#navigation	{								height:95px;				float:left;				display:block;					margin:0px;				padding:0px 0px 0px 23px;				}	#navigation li	{					display:inline;					list-style:none;					float:left;					}					#navigation li a	{					display:block;								width:120px;					height:94px;					margin-left:4px;					}					#navigation li a span	{						display:none;						}																								#a	{	background: url('../../_assets/images/design/navigation.png') 0px 0px no-repeat;	}	#a:hover	{			background-position:0px -95px;			}			#a.active	{			background-position:0px -190px;			}			#b	{	background: url('../../_assets/images/design/navigation.png') -125px 0px no-repeat;	}	#b:hover	{			background-position:-125px -95px;			}			#b.active	{	background: url('../../_assets/images/design/navigation.png') -125px -190px no-repeat;	}			#c	{	background: url('../../_assets/images/design/navigation.png') -251px 0px no-repeat;	}	#c:hover	{			background-position:-251px -95px;			}			#c.active	{	background: url('../../_assets/images/design/navigation.png') -251px -190px no-repeat;	}			#d	{	background: url('../../_assets/images/design/navigation.png') -376px 0px no-repeat;	}	#d:hover	{			background-position:-376px -95px;			}			#d.active	{	background: url('../../_assets/images/design/navigation.png') -376px -190px no-repeat;	}			#e	{	background: url('../../_assets/images/design/navigation.png') -501px 0px no-repeat;	}	#e:hover	{			background-position:-501px -95px;			}		#e.active	{	background: url('../../_assets/images/design/navigation.png') -501px -190px no-repeat;	}								/*=================================================================titles=================================================================*/	#hometitle	{				padding:0px;			margin:10px 0px 0px 10px;			display:block;			width:832px;			height:84px;			background: url('../../_assets/images/design/web-design-more.png') bottom center no-repeat;			}#hometitle span	{					display:none;					}					#portfoliotitle	{				padding:0px;			margin:40px 0px 40px 10px;			display:block;			width:743px;			height:110px;			background: url('../../_assets/images/design/portfolio-title.png') bottom center no-repeat;			}#portfoliotitle span	{					display:none;					}					#aboutmetitle	{				padding:0px;			margin:40px 0px 40px 10px;			display:block;			width:568px;			height:109px;			background: url('../../_assets/images/design/about-me-title.png') bottom center no-repeat;			}#aboutmetitle span	{					display:none;					}	#blogtitle	{				padding:0px;			margin:40px 0px 40px 10px;			display:block;			width:602px;			height:109px;			background: url('../../_assets/images/design/blog-title.png') bottom center no-repeat;			}#blogtitle span	{					display:none;					}	#contacttitle	{				padding:0px;			margin:40px 0px 40px 10px;			display:block;			width:537px;			height:110px;			background: url('../../_assets/images/design/contact-title.png') bottom center no-repeat;			}#contacttitle span	{					display:none;					}	#searchtitle	{				padding:0px;			margin:40px 0px 40px 10px;			display:block;			width:368px;			height:110px;			background: url('../../_assets/images/design/search-title.png') bottom center no-repeat;			}			#searchtitle span	{					display:none;					}#title404	{				padding:0px;			margin:40px 0px 40px 10px;			display:block;			width:578px;			height:110px;			background: url('../../_assets/images/design/404-title.png') bottom center no-repeat;			}			#title404 span	{					display:none;					}#authortitle	{					padding:0px;				margin:40px 0px 40px 10px;				display:block;				width:698px;				height:110px;				background: url('../../_assets/images/design/author-title.png') bottom center no-repeat;				}			#authortitle span	{					display:none;					}					#hi		{		display:block;		background: url('../../_assets/images/design/hi.png') top left no-repeat;		width:483px;		height:98px;		margin:-100px 0px 0px 10px;		}		#hi	span	{			display:none;			}#aboutmehome	{				padding:0px;				margin:30px 0px 10px 10px;				display:block;				width:357px;				height:48px;				background: url('../../_assets/images/design/about-me-home.png') bottom left no-repeat;				}				#aboutmehome span	{					display:none;					}	#recentwork{				padding:0px;				margin:50px 0px 20px 10px;				display:block;				width:270px;				height:38px;				background: url('../../_assets/images/design/recent-work.png') bottom left no-repeat;				}				#recentwork span	{					display:none;					}																	/*=================================================================about me=================================================================*/				#aboutmetext	{				display:block;				float:left;				width:600px;				margin:30px 10px 0px 10px;				color:#ababab;				font-size:1em;				line-height:1.4em;				font-family:zurich bt;				padding-right:40px;				}				#aboutmetext p	{					font-family: 'zurich bt', tahoma, Verdana, Helvetica, Sans-Serif;					margin:0px 0px 25px 0px;					font-size:1em;					line-height:1.4em;					font-family: 'zurich bt', tahoma, Verdana, Helvetica, Sans-Serif;					}/*=================================================================cols & headers=================================================================*/			.col2	{		display:block;		float:left;		width:140px;		margin:10px 10px 0px 10px;		}		.col2 h4	{			background: url('../../_assets/images/design/col-header.png') top left no-repeat;			display:block;			width:140px;			height:62px;			color:#ffffff;			font-family:zurich bt;			font-weight:bold;			margin:0px;						}			.col2 h4 span	{				position:relative;				top:10px;				left:20px;								}	.col4	{		display:block;		float:left;		width:300px;		margin:10px 10px 0px 10px;		}		.col4 h4, .sidebarlist h3	{			background: url('../../_assets/images/design/col-header.png') top center no-repeat;			display:block;			width:300px;			height:62px;			color:#ffffff;			font-family: 'zurich bt', tahoma, Verdana, Helvetica, Sans-Serif;			font-weight:bold;			margin:0px;			}			.col4 h4 span, .sidebarlist h3 span	{				position:relative;				top:10px;				left:20px;								}				.col4 p	, .col2 p{		padding:0px 20px 10px 20px;		color:#ababab;		font-size:1em;		line-height:1.4em;		font-family: 'zurich bt', tahoma, Verdana, Helvetica, Sans-Serif;				}	.col4 a{		display:block;		padding:20px 0px 20px 20px;		text-decoration:none;		background: url('../../_assets/images/design/dashed-underline.png') top center  repeat-x;		}												#aboutmesidebar #primary	{					margin-top:10px;					float:left;					width:300px;					}				/*=================================================================portfolio=================================================================*/	.portfoliothumb	{				display:block;				float:left;				width:300px;				height:173px;				margin:0px 10px 0px 10px;				background: url('../../_assets/images/design/portfolio-shadow.png') bottom center no-repeat;				}				.portfoliothumb	img	{					width:300px;					}/*=================================================================Blog=================================================================*/	#maincontent	{				display:block;				float:left;				width:600px;				margin:30px 10px 0px 10px;				color:#ababab;				font-size:1em;				line-height:1.4em;				font-family: 'zurich bt', tahoma, Verdana, Helvetica, Sans-Serif;				padding-right:40px;				}								#maincontent h2 a	{					display:block;					text-decoration:none;					color:#dddddd;					font-size:1.6em;					font-family: 'zurich bt', tahoma, Verdana, Helvetica, Sans-Serif;					letter-spacing:-1px;					line-height:1em;					}					#maincontent h1, #reply-title	{					display:block;					color:#dddddd;					font-size:2.4em;					font-family: 'zurich bt', tahoma, Verdana, Helvetica, Sans-Serif;					letter-spacing:-1px;					line-height:1em;					}					#comments-title	{					color:#dddddd;					background: url('../../_assets/images/design/dashed-underline.png') bottom center  repeat-x;					padding-bottom:10px;					margin-top:40px;					}					#maincontent h2 a:hover	{							color:#ffffff;							}					#maincontent p a	{					text-decoration:none;					color:#17a1c3;					font-family: 'zurich bt', tahoma, Verdana, Helvetica, Sans-Serif;					}					#maincontent p a:hover	{					color:#ffffff;					}					.readmore	{			display:block;			background:#000000;			margin:30px 0px 60px 0px;			padding:15px 0px;			background: url('../../_assets/images/design/dashed-underline.png') bottom center  repeat-x;			font-family: 'zurich bt', tahoma, Verdana, Helvetica, Sans-Serif;			}			.topborder	{			background: url('../../_assets/images/design/dashed-underline.png') top center  repeat-x;			}			 .entry-utility	{			display:block;			background:#000000;			margin:0px 0px 20px 0px;			padding:15px 0px;			background: url('../../_assets/images/design/dashed-underline.png') bottom center  repeat-x;			}			.searchresults	{				background: url('../../_assets/images/design/dashed-underline.png') bottom center  repeat-x;				padding:0px 0px 12px 0px;				}				.searchresults span	{						color:#17A1C3;						}									.logged-in-as	{				position:relative;				top:-40px;				}				.comment-form-comment	{						display:block;						margin-top:-30px;						}						#comment	{			position:relative;			width:580px;			height:150px;			border:1px solid #333333;			background:#dddddd;			}			.comment-body	{			background: url('../../_assets/images/design/dashed-underline.png') bottom center  repeat-x;			padding-bottom:10px;			}			.reply	{		padding:10px 0px;		background: url('../../_assets/images/design/dashed-underline.png') bottom center  repeat-x;		margin-bottom:20px;		text-align:right;		}						.comment-meta {				margin-left:60px;								}				.comment-meta a	{				color:#ababab;				}			.form-allowed-tags	{					font-size:0.85em;					line-height:1.1em;					}					.entry-meta	{			margin:-20px 0px 40px 0px;			}			.meta-nav	{			display:none;			}	.hr {  height: 2px;  background: url('../../_assets/images/design/dashed-underline.png') bottom center  repeat-x;  padding-top:20px;}.hr hr {  display: none;}.commentlist	{				list-style:none;				}				.commentlist li	{				margin-left:-40px;				}							.avatar	{		display:block;		float:left;		margin-right:20px;			}.commentlist em	{			position:relative;			left:60px;			color:#cb0026;			}	/*			=================================================================sidebar=================================================================*/	.sidebarlist a	{					display:block;					padding:7px 20px;					width:260px;					text-decoration:none;					color:#ababab;					font-size:1em;					background: url('../../_assets/images/design/dashed-underline.png') bottom center  repeat-x;					}.sidebarlist a:hover	{							color:#ffffff;							}.xoxo li, .xoxo li ul li	{			list-style:none;			text-indent:none;			margin-left:-40px;			font-family: 'zurich bt', tahoma, Verdana, Helvetica, Sans-Serif;			}			.xoxo li ul li	a	{					display:block;					padding:7px 20px;					width:260px;					text-decoration:none;					color:#ababab;					font-size:1em;					background: url('../../_assets/images/design/dashed-underline.png') bottom center  repeat-x;					}.xoxo li ul li	a:hover	{							color:#ffffff;							}			.xoxo h3	{			background: url('../../_assets/images/design/col-header.png') top left no-repeat;			display:block;			width:300px;			height:62px;			color:#ffffff;			font-family: 'zurich bt', tahoma, Verdana, Helvetica, Sans-Serif;			font-weight:bold;			margin:20px 0px -5px 0px;			}			.xoxo h3 span	{				position:relative;				top:8px;				left:20px;								}					#recent-post	{				margin:20px 0px 40px 0px;				}				.recentstuff	{				width:260px;				float:left;								}.recentstuff li, .recentstuff li ul li	{			list-style:none;			text-indent:none;			margin-left:-40px;			}			.recentstuff li ul li	a	{					display:block;					padding:7px 20px;					text-decoration:none;					color:#ababab;					font-size:1em;					background: url('../../_assets/images/design/dashed-underline.png') bottom center  repeat-x;					}.recentstuff li ul li	a:hover	{							color:#ffffff;							}			.recentstuff h3	{			background: url('../../_assets/images/design/col-header.png') top left no-repeat;			display:block;			width:300px;			height:62px;			color:#ffffff;			font-family: 'zurich bt', tahoma, Verdana, Helvetica, Sans-Serif;			font-weight:bold;			margin-left:-40px			}			.recentstuff h3 span	{				position:relative;				top:8px;				left:20px;								}				#primary	{			margin:45px 0px 0px 0px;			padding-top:15px;			float:left;			display:block;			}			.screen-reader-text	{					color:#ababab;				}				/*=================================================================CONTACT FORM and comment forms=================================================================*/		#contactform	{				width:600px;				padding-left:20px;				border-left:1px solid #aaaaaa;				}				.wpcf7-form p	{				font-size:0.85em;				line-height:1.5em;				margin-bottom:10px;				}.your-name input, .your-email input, .your-subject input, .your-message textarea, .comment-form-author input, .comment-form-email input, .comment-form-url input, #comment, #s	{									background: #444444;									border:1px solid #555555;									color:#dddddd;									font-family: 'zurich bt', tahoma, Verdana, Helvetica, Sans-Serif;									font-size:0.9em;									padding:5px;									}			#s	{	width:130px;	}																	#searchsubmit	{				height:31px;				position:relative;				top:1px;				}									.your-message textarea	{						width:680px;						height:220px;						}												.comment-form-author, .comment-form-email, .comment-form-url 	{																width:150px;																}																.comment-form-url 	{					margin-bottom:50px;					}					#reply-title	{				background: url('../../_assets/images/design/dashed-underline.png') bottom center  repeat-x;				padding-bottom:15px;				margin-bottom:0px;				}				#cancel-comment-reply-link	{								float:right;								text-align:right;								font-size:0.6em;								font-weight:normal;								position:relative;								top:-30px;								}			.children	{			list-style:none;			}			.form-allowed-tags	{					display:none;					}					.logged-in-as	{				padding:30px 0px 10px 0px;				}																/*			=================================================================footer=================================================================*/	#footer	{				width:100%;				height:50px;				background: url('../../_assets/images/design/footer-bg.png') bottom center repeat-x;				}				#footercontents	{					width:940px;					margin:auto;					height:50px;					}					#footercontents p, #footercontents p a	{						padding-top:15px;					color:#bababa;					font-size:10pt;					text-decoration:none;					}#footercontents p span	{								text-align:right;							float:right;							}#footercontents p a:hover	{									color:#ffffff;																}				.page-title	{				font-size:10pt;				}/*=================================================================social media links=================================================================*/	#socialmedialinks	{					padding:0px;					display:block;					overflow:auto;					width:960px;					margin:auto;					position:relative;					top:14px;										}					#socialmedialinks	a	{											display:block;						float:right;						width:60px;						height:60px;						margin:10px 10px 0px 0px;						}						#socialmedialinks	a span	{								display:none;							}																																	#twitter	{			background: url('../../_assets/images/design/social-media-icons.png') 0px 20px no-repeat;			}					#facebook	{			background: url('../../_assets/images/design/social-media-icons.png') -62px 20px no-repeat;			}					#rss	{			background: url('../../_assets/images/design/social-media-icons.png') -124px 20px no-repeat;			}					#rss:hover	{								background-position:-124px 10px;					}#twitter:hover	{								background-position:0px 10px;					}										#facebook:hover	{								background-position:-62px 10px;					}				.hidden	{		display:none;		}													/*=================================================================Shadow Box=================================================================*/								#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"zurich bt", "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}#sb-overlay{position:relative;height:100%;width:100%;}#sb-wrapper{position:absolute;visibility:hidden;width:100px;}#sb-wrapper-inner{position:relative;border:1px solid #333333;overflow:hidden;height:100px;}#sb-body{position:relative;height:100%;}#sb-body-inner{position:absolute;height:100%;width:100%;}#sb-player.html{height:100%;overflow:auto;}#sb-body img{border:none;}#sb-loading{position:relative;height:100%;}#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}#sb-loading-inner span{background:url('../../_assets/images/shadowbox/loading.gif') no-repeat;padding-left:34px;display:inline-block;}#sb-body,#sb-loading{background-color:#060606;}#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}#sb-title,#sb-title-inner{height:26px;line-height:26px;}#sb-title-inner{font-size:16px;}#sb-info,#sb-info-inner{height:20px;line-height:20px;}#sb-info-inner{font-size:12px;}#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}#sb-nav-close{background-image:url('../../_assets/images/shadowbox/close.png');}#sb-nav-next{background-image:url('../../_assets/images/shadowbox/next.png');}#sb-nav-previous{background-image:url('../../_assets/images/shadowbox/previous.png');}#sb-nav-play{background-image:url('../../_assets/images/shadowbox/play.png');}#sb-nav-pause{background-image:url('../../_assets/images/shadowbox/pause.png');}#sb-counter{float:left;width:45%;}#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}#sb-counter a.sb-counter-current{text-decoration:underline;}div.sb-message{font-size:12px;padding:10px;text-align:center;}div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}/*=================================================================Photo Zoom=================================================================*/		.zoom a{    width:300px;    height:150px;    overflow:hidden;    position:relative;    float:left;	border:1px solid #333333;	}.zoom a img  {    position:absolute;       top:0px;    left:0px;	width:300px;    height:150px;	}/*=================================================================slider	=================================================================*/.anythingSlider                         { width: 960px; height: 429px; position: relative; margin-top:30px;											background: url('../../_assets/images/design/slider-shadow.png') bottom center no-repeat;											}.anythingSlider .wrapper                { width:940px;height:400px; overflow: auto; margin: 0 10px; position: absolute; top: 0; left: 0;border:1px solid #333333; }.anythingSlider .wrapper .slide				{position:relative;left:-40px;}                                        /* Width below is max for Opera */.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 400px; width: 940px; margin: 0; }.anythingSlider .arrow                  { display: none;}.anythingSlider .forward                { display:none;background-position: 0 0; right: -20px; }.anythingSlider .back                   { display:none;background-position: -67px 0; left: -20px; }.anythingSlider .forward:hover          { background-position: 0 -200px; }.anythingSlider .back:hover             { background-position: -67px -200px; }.thumbNav                               { z-index: 10;position: relative; top: 340px; text-align: center; margin:auto;}.thumbNav li                            { display: inline; margin:auto;}.thumbNav a                             { display: inline-block; font-size:0px; color:#000000;height: 11px; width:11px; margin: 0 5px 0 0; background: url(../../_assets/images/design/slider-controls.png) top left no-repeat; }                      .thumbNav a:hover , .thumbNav a.cur	{ background-position:top right; }.start-stop                             {  z-index: 100; display:block; position:relative; top:380px; left:930px;  background: url(../../_assets/images/design/slider-controls.png) -11px -11px  no-repeat; width:11px; height:11px; }.start-stop span	{display:none;}.start-stop:hover                      { background-position:-11px -23px ;  }.start-stop.playing                     { background-position:0px -11px ;}.start-stop.playing:hover               { background-position:0px -23px ;}.start-stop.playing span	{display:none;}/*  Prevents*/.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }/*=================================================================share it=================================================================*/.share	{		display:block;		color:#dddddd;		font-size:2.4em;		font-family: 'zurich bt', tahoma, Verdana, Helvetica, Sans-Serif;		letter-spacing:-1px;		line-height:1em;		margin-bottom:20px;		padding-bottom:20px;		background:transparent url(../../_assets/images/design/dashed-underline.png) repeat-x scroll center bottom;		}.addthis_toolbox .custom_images a{    width: 60px;    height: 60px;    margin: 0;    padding: 0;}.addthis_toolbox .custom_images a:hover img{    opacity: 1;}.addthis_toolbox .custom_images a img{    opacity: 0.85;}	
