@charset "utf-8";
@import url("reset.css");

body { background: #000000 url("../imgs/bg.jpg") no-repeat center top; }

#container {
	margin: 85px auto 0;
	width: 1016px;
	}
	
/* intro images */

#intro { margin: 0px; padding: 0px; height: auto; background: url("../imgs/intro-bg.png") repeat-x; }

#intro-404 { padding: 0 38px; height: 465px; background: url("../imgs/intro-404-bg.png") no-repeat; }

h2.intro-about,
h2.intro-services,
h2.intro-contact,
h2.intro-pif,
h2.intro-blog,
h2.intro-work { display: block; margin-left: 18px; width: 980px; height: 230px; }

h2.intro-about { background: url("../imgs/intro-about.jpg") no-repeat; }
h2.intro-services { background: url("../imgs/intro-services.jpg") no-repeat; }
h2.intro-contact { background: url("../imgs/intro-contact.jpg") no-repeat; }
h2.intro-pif { background: url("../imgs/intro-pif.jpg") no-repeat; }
h2.intro-blog { background: url("../imgs/intro-blog.jpg") no-repeat; }
h2.intro-work { background: url("../imgs/intro-work.jpg") no-repeat; }

h2.intro-home { display: block; margin-left: 18px; width: 980px; height: 426px; background: url("../imgs/intro-home.jpg") no-repeat; }


/* [ header properties ] ---------------------------------------------- */	
#header { padding: 20px 38px 0 38px; height: 77px; background: url("../imgs/header-bg.png") no-repeat; }
	
	/* [ global nav properties ] -------------------------------------- */	
	ul#global-nav { margin-top: 35px; float: right; list-style: none; }
	ul#global-nav li { display: block; float: left; height: 10px; }
	ul#global-nav li a { display: block; height: 10px; background: url("../imgs/global-nav.jpg") no-repeat; }

	ul#global-nav li#global-nav-home a { width: 38px; background-position: 0px 0px; }
	ul#global-nav li#global-nav-home a:hover,
	ul#global-nav li#global-nav-home-current a { width: 38px; background-position: 0px -10px; }
	
	ul#global-nav li#global-nav-services a { margin-left: 26px; width: 65px; background-position: -38px 0px; }
	ul#global-nav li#global-nav-services a:hover,
	ul#global-nav li#global-nav-services-current a { margin-left: 26px; width: 65px; background-position: -38px -10px; }
	
	ul#global-nav li#global-nav-work a { margin-left: 26px; width: 41px; background-position: -103px 0px; }
	ul#global-nav li#global-nav-work a:hover,
	ul#global-nav li#global-nav-work-current a { margin-left: 26px; width: 41px; background-position: -103px -10px; }
	
	ul#global-nav li#global-nav-about a { margin-left: 26px; width: 46px; background-position: -144px 0px; }
	ul#global-nav li#global-nav-about a:hover,
	ul#global-nav li#global-nav-about-current a { margin-left: 26px; width: 46px; background-position: -144px -10px; }
	
	ul#global-nav li#global-nav-blog a { margin-left: 26px; width: 35px; background-position: -190px 0px; }
	ul#global-nav li#global-nav-blog a:hover,
	ul#global-nav li#global-nav-blog-current a { margin-left: 26px; width: 35px; background-position: -190px -10px; }	
	
	ul#global-nav li#global-nav-contact a { margin-left: 26px; width: 62px; background-position: -225px 0px; }
	ul#global-nav li#global-nav-contact a:hover,
	ul#global-nav li#global-nav-contact-current a { margin-left: 26px; width: 62px; background-position: -225px -10px; }

/* [ index properties ] ----------------------------------------------- */
ul#index-services { padding: 0 0 0 18px; height: 150px; background: url("../imgs/index-services-bg.png") no-repeat; list-style: none; }

ul#index-services li { display: block; width: 240px; float: left; }
ul#index-services li.sfirst { width: 250px; }

ul#index-services li a { display: block; padding: 50px 0; height: 50px; background: url("../imgs/index-services-icons.png"); /*outline: none;*/ text-decoration: none; font-family: arial, helvetica, tahoma, verdana; font-size: 11px; line-height: 16px; color: #7b7a7a; }
ul#index-services li a:hover { color: #000000; }

ul#index-services li a span { display: block; margin-bottom: 5px; color: #00aeef; font-size: 17px; text-decoration: none; }

ul#index-services li a#index-services-web { padding-left: 80px; width: 170px; background-position: 0px 0px; }
ul#index-services li a#index-services-web:hover { background-position: 0px -150px; }

ul#index-services li a#index-services-print { padding-left: 70px; width: 170px; background-position: -250px 0px; }
ul#index-services li a#index-services-print:hover { background-position: -250px -150px; }

ul#index-services li a#index-services-brand { padding-left: 70px; width: 170px; background-position: -490px 0px; }
ul#index-services li a#index-services-brand:hover { background-position: -490px -150px; }

ul#index-services li a#index-services-other { padding-left: 75px; width: 175px; background-position: -730px 0px; }
ul#index-services li a#index-services-other:hover { background-position: -730px -150px; }
/**/

a.home-button { display: block; position: relative; top: -99px; left: 103px; margin-top: -40px; width: 200px; height: 40px; background: url("../imgs/home-button.png") no-repeat; outline: none; }
a.home-button:hover { background-position: 0 -40px; }
a.home-button:active { background-position: 0 -80px; }

/* [ content properties ] --------------------------------------------- */
#content { padding: 20px 38px; height: auto; background: url("../imgs/content-bg.png") repeat-y; font-family: arial, helvetica, tahoma, verdana, sans-serif; }
#content p { font-size: 12px; }

	/* services page properties */
	.services-item { margin-bottom: 40px; width: 460px; }
	.services-item a { color: #00aaef; }
	.services-item a:hover { color: #000000; }
	.services-item img { margin-bottom: 20px; width: 460px; height: 125px; }
	.services-item p { float: left; width: 240px; font-size: 12px; }	
	.services-item ul { float: right; width: 195px; list-style: none; font-size: 11px; }
	.services-item ul li { padding-left: 20px; width: 170px; line-height: 20px; background: url("../imgs/icon-check.png") no-repeat; }

	/* work section properties */
	#work-sidebar { float: left; width: 220px; }
	#work-sidebar ul { list-style: none; font-size: 11px; line-height: 13px; }
	#work-sidebar ul#work-list { margin-top: 30px; width: 165px; }
		*:first-child+html #work-sidebar ul#work-list { margin-top: 60px; } /* ie7 hack */
	#work-sidebar ul li { padding: 7px 0; }
	#work-sidebar ul li a { padding: 7px 20px 7px 0; color: #000000; text-decoration: none; }

	#work-sidebar ul#work-list li { padding: 0; margin-bottom: 14px; }
	#work-sidebar ul#work-list li a { display: block; width: 165px; padding: 0 20px 0 0; color: #000000; text-decoration: none; }
	#work-sidebar ul#work-list li a:hover { color: #00aeff; }
	
	#menu { position: absolute; }
	#menu ul { width:220px; float: left; margin: 0px; background: #fff; list-style:none; }
	#menu ul li { background: #fff; height: 15px; }
	
	#menu ul .top { background: url("../imgs/dropdown.jpg") no-repeat; height: 23px; padding: 0px; margin: 0px;  }
	
	#menu ul .cat-item { display: none; padding: 10px 0 10px 10px; margin: 0px; }
	#menu ul:hover .cat-item { display:block; background: #fff; }

	#menu ul:hover .cat-item a { display: block; width: 200px; height: 15px; color: #000; text-decoration:none; text-transform: uppercase; padding: 0px; margin: 0px; }
	#menu ul:hover .cat-item a:hover { color: #000; font-weight: bold; }

	.clear { clear:both; height:10px; }

/*	ul.the_menu { position: absolute; z-index: 99; display: none; padding-bottom: 10px; width: 218px; border: 1px solid #000000; background: #fff; }
	ul.the_menu li { background-color: #ffffff; height: 15px; }
	ul.the_menu li a { display: block; margin: 0 7px; text-transform: uppercase; }
	ul.the_menu li a:hover { font-weight: bold; color: #000000; }*/
	
	#work-thumbs { float: right; width: 720px; }
	#work-thumbs ul { list-style: none; }
	#work-thumbs ul li { display: block; float: left; margin: 0 0 30px 20px; width: 220px; height: 185px; line-height: 15px; }
	#work-thumbs ul li a { font-size: 12px; color: #000000; text-decoration: none; }
	#work-thumbs ul li a:hover { text-decoration: none; }
	#work-thumbs ul li a:hover span { text-decoration: underline; }
	
	#work-main { float: right; margin-left: 20px; width: 700px; }
	#work-main img { float: left; margin-bottom: 20px; }
	.work-overview { float: right; margin-bottom: 20px; width: 220px; height: 319px; font-size: 12px; line-height: 18px; }
	.work-overview p { margin-bottom: 15px; }
	.work-overview a { color: #00aeff; }
	.work-overview a:hover { color: #000000; }


	/* about page properties */
	#about-content { float: left; width: 620px; }
	#about-content p { margin-bottom: 20px; font-size: 12px; }
	
	#about-sidebar { float: right; width: 300px; }
	#about-team ul { list-style: none; }
	#about-team ul li { float: left; display: block; margin: 0 20px 20px 0; width: 220px; height: 250px; background: #cfcfcf; }
	#about-team ul li.last { margin: 0 0 20px 0; }

	.about-teamname { display: block; margin-left: 10px; font-size: 15px; color: #00aeef;}
	.about-teambio { display: block; margin-left: 10px;  font-size: 12px; }
	
	a.about-twitter { position: relative; margin: -45px 0 21px 0 ; left: 180px; display: block; width: 24px; height: 24px; background: url("../imgs/icon-twitter-sm.png") 0 0 no-repeat; }
	a.about-twitter:hover { background-position: bottom center; }
		
	/* blog section */
	#blog-main { float: left; width: 620px; }
	#blog-main p { margin-bottom: 20px; font-size: 12px; }
	div.blog-postmeta { margin-bottom: 20px; padding: 5px; background: #d1d1d1; font-size: 12px; }

	div.blog-postmeta div.blog-author { float: left; width: 200px; }
	div.blog-postmeta div.blog-cmnt-link { float: right; width: 150px; font-weight: bold; text-align: right; }
	#blog-main div.blog-postmeta div.blog-cmnt-link a { text-decoration: none; color: #000000; text-align: right; }
	#blog-main div.blog-postmeta div.blog-cmnt-link a:hover { color: #00aeff; }
	
	#blog-main a { color: #00aaef; }
	#blog-main a:hover { color: #000000; }
	
	.blog-date { position: relative; left: -40px; display: block; width: 100px; height: 50px; background: url("../imgs/blog-date-bg.gif") no-repeat; }
	
	.blog-month,
	.blog-day{
		float: left; 
		position: relative;
		top: 20px; left: 30px; 
		height: 30px;
		text-indent: -1000em;
		background: url("../imgs/blog-date.gif") no-repeat;
		}
		
	.blog-month { width: 40px; }
	.blog-day { width: 25px; }

	.m-01 { background-position: 0 0; }
	.m-02 { background-position: 0 -30px; }
	.m-03 { background-position: 0 -60px; }
	.m-04 { background-position: 0 -90px; }
	.m-05 { background-position: 0 -120px; }
	.m-06 { background-position: 0 -150px; }
	.m-07 { background-position: 0 -180px; }
	.m-08 { background-position: 0 -210px; }
	.m-09 { background-position: 0 -240px; }
	.m-10 { background-position: 0 -270px; }
	.m-11 { background-position: 0 -300px; }
	.m-12 { background-position: 0 -330px; }

	.d-01 { background-position: -40px 0;}
	.d-02 { background-position: -40px -30px; }	
	.d-03 { background-position: -40px -60px; }	
	.d-04 { background-position: -40px -90px; }	
	.d-05 { background-position: -40px -120px; }	
	.d-06 { background-position: -40px -150px; }	
	.d-07 { background-position: -40px -180px; }	
	.d-08 { background-position: -40px -210px; }	
	.d-09 { background-position: -40px -240px; }	
	.d-10 { background-position: -40px -270px; }	
	.d-11 { background-position: -40px -300px; }	
	.d-12 { background-position: -40px -330px; }	
	.d-13 { background-position: -40px -360px; }
	.d-14 { background-position: -40px -390px; }
	.d-15 { background-position: -40px -420px; }
	.d-16 { background-position: -40px -450px; }
	
	.d-17 { background-position: -65px 0px; }
	.d-18 { background-position: -65px -30px; }	
	.d-19 { background-position: -65px -60px; }	
	.d-20 { background-position: -65px -90px; }	
	.d-21 { background-position: -65px -120px; }
	.d-22 { background-position: -65px -150px; }	
	.d-23 { background-position: -65px -180px; }	
	.d-24 { background-position: -65px -210px; }	
	.d-25 { background-position: -65px -240px; }	
	.d-26 { background-position: -65px -270px; }	
	.d-27 { background-position: -65px -300px; }	
	.d-28 { background-position: -65px -330px; }	
	.d-29 { background-position: -65px -360px; }	
	.d-30 { background-position: -65px -390px; }	
	.d-31 { background-position: -65px -420px; }	
	
	#blog-respond label { display: block; float: left; position: relative; top: 5px; width: 75px; font-size: 12px; }
	
	#blog-respond input#author,
	#blog-respond input#email,
	#blog-respond input#url { margin-bottom: 20px; padding: 7px 10px; width: 220px; border: 0px; background: #d1d1d1; font-size: 12px; font-family: arial, helvetica, tahoma, verdana, sans-serif; }
	
	#blog-respond textarea { margin-bottom: 20px; padding: 7px 10px; width: 460px; height: 215px; background: #d1d1d1; border: 0px;font-size: 12px; font-family: arial, helvetica, tahoma, verdana, sans-serif; }

	#blog-respond input#author:focus,
	#blog-respond input#email:focus,
	#blog-respond input#url:focus  { border-left: 2px solid #00aeff; width: 218px; }
	#blog-respond textarea:focus { border-left: 2px solid #00aeff; width: 458px; }
	
	#blog-respond input#submit { position: relative; left: 75px; margin-bottom: 20px; width: 68px; height: 27px; border: none; background: url("../imgs/button-send.png") no-repeat 0px 0px; font: bold 11px arial, helvetica, tahoma, verdana, sans-serif; color: #444; }
	#blog-respond input#submit:hover { background-position: bottom right; color: #000; }
	
	ul.blog-commentlist { margin-top: 20px; list-style: none; }
	li.blog-comment div.blog-postmeta { font-weight: bold; }
	
	li.blog-comment div.blog-postmeta div.blog-cmnter-name { float: left; width: 200px; }
	li.blog-comment div.blog-postmeta div.blog-cmnter-date { float: right; width: 300px; font-weight: normal; text-align: right; }
			
	#blog-sidebar { float: right; margin-top: 21px; width: 300px; }
	#blog-sidebar ul { list-style: none; font-size: 12px; }

	#blog-sidebar ul li { margin-bottom: 3px; }
	#blog-sidebar ul li a { text-decoration: none; }
	#blog-sidebar ul li a:hover { text-decoration: underline; }
	
	div.post img.alignleft { float: left; margin: 0 20px 20px 0; }
	div.post img.alignright { float: right; margin: 0 0 20px 20px; }
	
		/* blog navigation */
		div.navigation { font-size: 12px; }
		#blog-main div.navigation div a { color: #ffffff; background: #000000; padding: 3px; text-decoration: none; font-size: 10px; text-transform: uppercase; }
		#blog-main div.navigation div a:hover { background: #00aeff; }
	
		/* sidebar search */
		#blog-sidesearch { right: 0px; padding: 15px; overflow: hidden;}
		#blog-sidesearch a { color: #000; }
		#blog-sidesearch a:hover { color: #000; }
		
		#blog-sidesearch form { width: 270px; }
		#blog-sidesearch fieldset { overflow: hidden; height: 1%;  }
		#blog-sidesearch input { float: left; background: url("../imgs/search-input.png") no-repeat; border: none; padding: 4px 3px 5px 65px; width: 176px; color:#666; font-size: 12px; }
		#blog-sidesearch button { float: left; background: url("../imgs/search-button.png") no-repeat; width: 26px; height: 24px; border: none; cursor: pointer; text-indent: -1000em; }

		.syn ul { margin: 25px 0 5px 0; }
		.syn ul li { margin: 0px 20px 0px 0px; padding: 3px 0px 3px 20px; list-style-type: none; display: inline; font: bold 14px/14px 'Arial'; letter-spacing: -1px;}
		.syn ul li.rss-icon { background: url("../imgs/icon-rss-side.png") no-repeat left center; }
		.syn ul li.twitter-icon { background: url("../imgs/icon-twitter-side.png") no-repeat left center; }

		/* sidebar archives and categories */
		#blog-sideentries { padding: 0 15px 15px; height: auto; color: #000; font-size: 10px; }
		#blog-sideentries a { color: #000; font-size: 11px; }
		#blog-sideentries a:hover { color: #000000; }
			#blog-sidecat { float: left; width: 150px; }
			#blog-sidearchives { float: left; width: 115px; }
			
		#blog-sidecat .current-cat { padding-left: 10px; background: url("../imgs/cat-arrow.png") center left no-repeat; }

		/* sidebar tabs */
		#blog-siderecent { padding: 0 15px; margin-bottom: 3px; }			
		#blog-siderecent .tabs { padding: 20px 0 0 0; height: 1%; width: 300px; height: 24px; overflow: hidden; }
		#blog-siderecent .tabs li { float: left; background: none; }
		#blog-siderecent .tabs li a { float: left; font: bold 14px/14px "Arial"; color: #000; background: ; padding: 3px 7px 9px 6px; margin-right: 4px; letter-spacing: -1px; text-decoration: none; outline: none; }
		#blog-siderecent .tabs li a.active, .recent .tabs li a:hover { background: #d1d1d1; color: #000; text-decoration: none; }
		#blog-siderecent a, .recent a:visited { color: #000; text-decoration: none; }
		#blog-siderecent a:hover { color: #000; text-decoration: underline;}

		#tab-comments { display: none; margin-bottom: 5px; background: #d1d1d1;  }
		#tab-comments li { background: url("../imgs/tabs-arrow.png") no-repeat left 10px; padding: 4px 0px 4px 6px; margin-left: 5px; color:#000; font-size: 11px; }
		#tab-comments li a { display: block; color: #000; }
		#tab-posts { margin-bottom: 5px; font-size: 11px; background: #d1d1d1;  }
		#tab-posts li { background: url("../imgs/tabs-arrow.png") no-repeat left 10px; padding: 4px 0 4px 6px; margin-left: 5px; line-height: 14px; color: #000; font-size: 11px; }
		#tab-tags { display: none; margin-bottom: 5px; padding-left: 5px; background: #d1d1d1; line-height: 22px; }
		
		/* archives page */
		
		ul.archives-list-month,
		ul.archives-list-category { float: left; width: 290px; margin: 20px 20px 0 0; list-style: none; font-size: 12px; }
		
		#blog-main ul.archives-list-month li a,
		#blog-main ul.archives-list-category li a { color: #000000; }
		
		#blog-main ul.archives-list-month li a:hover,
		#blog-main ul.archives-list-category li a:hover { color: #00aeff; }
		
		/* search page */
		
		ul#blog-search { margin-top: 30px; list-style: none; }
		ul#blog-search li.search-item { margin-bottom: 20px; }
		ul#blog-search li.search-item small { float: left; display: block; width: 70px; padding-top: 2px; font-size: 11px; }
		ul#blog-search li.search-item div { float: left; display: block; width: 550px; font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
		
		/* image page */
		#blog-image img { margin-bottom: 20px; }
		#blog-image a { color: #00aeff; }
		#blog-image a:hover { color: #000000; }
	
	/* contact page & project inquiry page properties */
	#contact-sidebar { float: left; margin: 58px 0px 0 20px; width: 280px; font-size: 11px; }
	#contact-pif { display: block; margin-top: 40px; padding: 60px 0 0 0; width:; height:; background: url("../imgs/contact-pif.jpg") no-repeat; }	
		a.pif-button { display: block; width: 200px; height: 40px; background: url("../imgs/pif-button.jpg") no-repeat; outline: none; }
		a.pif-button:hover { background-position: 0 -40px; }
		a.pif-button:active { background-position: 0 -80px; }


	#contact-form { float: left; padding-right: 10px; width: 620px; font-size: 12px; border-right: 1px solid #d1d1d1; }
	#contact-form a,
	#contact-sidebar a { color: #00aaef; }
	#contact-form a:hover,
	#contact-sidebar a:hover { color: #000000; }
	
	#cformsform { margin-top: 20px; }
	
	ol.cf-ol input { margin-bottom: 20px; padding: 7px 10px; width: 280px; background: #d1d1d1; border: 0px; font-size: 12px; font-family: arial, helvetica, tahoma, verdana, sans-serif; }
	ol.cf-ol input:focus { border-left: 2px solid #00aeff; width: 278px; }
	ol.cf-ol textarea { padding: 7px 10px; width: 440px; height: 215px; background: #d1d1d1; border: 0px; font-family: arial, helvetica, tahoma, verdana, sans-serif; font-size: 12px; }
	ol.cf-ol textarea:focus { border-left: 2px solid #00aeff; width: 438px }

	ol.cf-ol input.cf_error,
	ol.cf-ol textarea.cf_error { border: 2px solid #cc0000; padding: 5px 8px; background: #d3c6c6; }
	
	span.reqtxt, span.emailreqtxt { margin-left: 15px; font-size: 10px; font-weight: bold; text-transform: uppercase; }
	#cformsform ol.cf-ol li#li--4 span.reqtxt,
	#cforms2form ol.cf-ol li#li-2-15 span.reqtxt,
	p.linklove { display: none; }

	ol.cf-ol { list-style: none; }

	form#cformsform,
	form#cforms2form { margin-top: 30px; font-family: arial, helvetica, tahoma, verdana, sans-serif; font-size: 12px;  }

	form#cforms2form ol.cf-ol li { clear: both; }
	form#cforms2form legend { clear: both; margin-bottom: 10px; padding-top: 20px; font-size: 16px; color: #00aeef; }

	form#cformsform label,
	form#cforms2form label { display: block; float: left; margin: 0 20px 0 0; padding-top: 5px; width: 130px; font-weight: bold; }
	form#cformsform label { width: 80px; }
	
	form#cforms2form select { float: left; margin-bottom: 20px; padding: 7px 10px; width: 300px; background: #d1d1d1; border: 0px; }
	
	input.sendbutton { margin: 0 0 20px 100px; width: 68px; height: 27px; border: none; background: url("../imgs/button-send.png") no-repeat 0px 0px; font: bold 11px arial, helvetica, tahoma, verdana, sans-serif; color: #444; }
	form#cforms2form input.sendbutton { margin-left: 150px; }
	input.sendbutton:hover { background-position: bottom right; color: #00aeef; }

	ul.cf_li_text_err { list-style: none; color: #cc0000; }
	#cformsform ul.cf_li_text_err { margin-left: 100px; }
	#cforms2form ul.cf_li_text_err { margin-left: 150px; }
	.failure { display: none; }
	.success { margin-top: 20px; padding: 10px; width: 378px; border: 2px solid #339900; background: #cbdfbe; color: #339900; font-size: 15px; font-weight: bold; }
	.waiting { margin-top: 20px; padding: 10px; width: 378px; border: 2px solid #000000; background: #cccccc; color: #000000; font-size: 15px; font-weight: bold; }
	

/* [ footer properties ] ---------------------------------------------- */
ul#footer-top {
	clear: both;
	padding: 15px 0 0 38px;
	height: 198px;
	background: url("../imgs/footer-top-bg.png") no-repeat;
	list-style: none;
	font-family: arial, helvetica, tahoma, verdana;
	font-size: 11px;
	color: #000000;
	}
	
ul#footer-top li { display: block; float: left; margin-right: 20px; padding-left: 60px; width: 240px; height: 163px; }

ul#footer-top li#footer-blog { padding-top: 30px; background: url("../imgs/icon-blog.png") no-repeat; }
ul#footer-top li#footer-quote { padding-top: 30px; background: url("../imgs/icon-quote.png") no-repeat; }
ul#footer-top li#footer-twitter { padding-top: 30px; background: url("../imgs/icon-twitter.png") no-repeat; }

ul#footer-top li p a { font-weight: bold; color: #000000; text-decoration: none; }
ul#footer-top li p a:hover { text-decoration: underline; }
ul#footer-top li p { margin-bottom: 20px; }

#footer-bottom {
	clear: both; 
	padding: 20px 38px 0 38px; 
	height: 41px;
	background: url("../imgs/footer-bottom-bg.png") no-repeat;
	font-family: arial, helvetica, tahoma, verdana;
	font-size: 11px;
	color: #b5b5b5;
	}
	
#footer-bottom ul { list-style: none; }
#footer-bottom ul li { display: block; float: left; padding: 0 7px; border-left: 1px solid #b5b5b5; }
#footer-bottom ul li.last { border-right: 1px solid #b5b5b5; }
#footer-bottom ul li a { color: #b5b5b5; text-decoration: none; }
#footer-bottom ul li a:hover { text-decoration: underline; }


/* [ misc properties ] ------------------------------------------------ */	
	
h1 a {
	display: block;
	float: left;
	width: 214px;
	height: 57px;
	background: url("../imgs/pixelchef.png") no-repeat;
	}
	
h2.pagetitle { margin-top: 20px; padding: 15px; background: #ffffff; font-size: 18px; color: #00aeef; text-align: center; }
h2.archives-pagetitle { color: #00aeef; font-size: 18px; }

#index-services h3, 
#work-sidebar h3,
#work-sidebar h4 { margin-bottom: 10px; color: #00aeef; font-size: 17px; }

#index-services h3 a { text-decoration: none; color: #00aeef; }
#index-services h3 a:hover { text-decoration: underline; }
.services-item h3 { margin-bottom: 15px; font-size: 20px; color: #00aeef; }
#work-main h3 { margin-bottom: 0px; font-size: 23px; color: #00aeef; } 

#contact-form h3,
#about-sidebar h3,
#team-content h3 { margin-bottom: 20px; font-size: 25px; color: #00aeef; }

#about-content h3,
#about-team h3 { margin-bottom: 20px; font-size: 23px; color: #00aeef; }

#blog-main h3 { display: inline; margin-bottom: 20px; font-size: 25px; color: #00aeef; }
#blog-main h3.blog-title { margin-bottom: 0px; padding: 0px; position: relative; top: -25px; left: 70px; width: 550px; }

#blog-main h3 a { color: #00aeef; text-decoration: none; }
#blog-main h3 a:hover { text-decoration: underline; }

h3.blog-search-fail { position: relative; top: 15px; }

#footer-top h4 { margin-bottom: 15px; font-size: 20px; }
#contact-sidebar h4,
#team-others h4 { font-size: 16px; color: #00aeef; }
#work-main h4 { font-size: 16px; color: #000; }

#blog-sidebar h4 { color: #00aeef; margin: 20px 0 5px 0; font-size: 16px; }

.work-overview h5 { margin-bottom: 20px; font-size: 16px; color: #000; }

hr.line { margin: 15px 0; border: none; background: url("../imgs/hr.gif") repeat-x; height: 2px; }
hr { background: url("../imgs/hr.gif") repeat-x; height: 2px; border: none; }

var { display: none; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

em { font-style: italic; }


#work-main img.left { margin-right: 20px; }
#work-main img.right {}

/* button */

a.button {
    background: transparent url("../imgs/button-right.png") no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: bold 11px arial, helvetica, tahoma, verdana, sans-serif;
    height: 27px;
    margin-right: 6px;
    padding-right: 18px; 		/* sliding doors padding */
    text-decoration: none;
	outline: none;
	}

a.button span {
    background: transparent url("../imgs/button-left.png") no-repeat;
    display: block;
    line-height: 15px;
    padding: 6px 0 6px 18px;	/* vertical padding (6+6) + line-height (15) must equal height (27) */
	} 

a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; 				/* hide dotted outline in Firefox */
	}

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 6px 18px; 	/* push text down 1px */
	} 
	
a.sbutton {
    background: transparent url("../imgs/services-button-right.jpg") no-repeat scroll top right;
    color: #ffffff;
    display: block;
    float: left;
    font: 10px arial, helvetica, tahoma, verdana, sans-serif;
    height: 27px;
    margin: 20px 6px 0 24px;
    padding-right: 18px; 		/* sliding doors padding */
    text-decoration: none;
	outline: none;
	}

a.sbutton span {
    background: transparent url("../imgs/services-button-left.jpg") no-repeat;
    display: block;
    line-height: 15px;
    padding: 6px 0 6px 10px;	/* vertical padding (6+6) + line-height (15) must equal height (27) */
	} 

a.sbutton:hover {
    background-position: bottom right;
    color: #ffffff;
    outline: none; 				/* hide dotted outline in Firefox */
	}

a.sbutton:hover span {
    background-position: bottom left;
    padding: 6px 0 6px 10px; 	/* push text down 1px */
	} 
	
#footer-top a.button:hover { color: #00aeef; }