/* GLOBAL RESET ---------------------------- */

body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }

address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; font-style: normal; }

acronym, abbr, fieldset, img { border: 0;}

:focus { outline: 0; }

img { vertical-align: bottom; }


/* BASE STYLE ---------------------------- */

body { background: #FFFFFF; font: 62.5%/1.5em GraublauWeb, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555555; }
#bg-repeat { background: #FFF url(images/base/bg-repeat.gif) repeat-x 0 0; width: 100%; height: 100%; padding-bottom: 60px; }

p { margin-bottom: 1em; }
em { font-style: italic; }
strong { font-family: GraublauWebBold, "Helvetica Neue", Helvetica, Arial, sans-serif; }
a { text-decoration: none; color: #1965a2; }
a:hover { color: #a3bf00; }
h1 { font: 200% "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -0.04em; color: #474747; padding: 0 0 8px 0; }
h2 { font: 200% "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -0.04em; color: #474747; padding: 0 0 8px 0; }
h2.category-title { font: 160% GraublauWeb, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #888; margin-bottom: 20px; border-bottom: 1px solid #dfdfdf; }
h3 { font: 150% "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #474747; margin: 5px 0 8px 0; }
			
blockquote p { border-left: 4px solid #dfdfdf; padding: 5px 20px; margin: 10px 0 20px 21px; color: #888888; }

.hr { width: 100%; height: 1px; background: #dfdfdf; display: block; margin: 20px 0; }
.hr-blank { width: 100%; height: 1px; background: #FFFFFF; display: block; margin: 20px 0; }

ul, ol { margin-bottom: 10px; }	
	ul li { background: url(images/base/bullet.gif) no-repeat 9px 6px; padding-left: 28px; margin-bottom: 3px; }
	ol li	{ list-style-type: decimal; list-style-position: inside; }
		ul li ul,  ol li ol { margin: 0; }
			ol li ol li { margin-left: 21px; }
				
::selection { background-color: #4B7BA3; color: #fff; }
::-moz-selection { background-color: #4B7BA3; color: #fff; }


#header{margin:0 0 10px 0;height:110px;width:100%;background:url(images/background_header.jpg) repeat-x;padding:10px 0 0 0;}
#header-content{margin:0 auto;width:960px;padding:10px auto;}



	/* PORTFOLIO IMAGES ---------------------------- */		


	#tab-container {width: 960px; margin:0 auto; }
	
	#tab-content-container { display: block; width: 932px; height: 206px; margin-bottom: 14px; border: 4px solid #FFF; position: relative; overflow: hidden; }
	    #tab-content-container div { }
	    	
	    	
	    	.portfolio-item-wrapper { position: relative; }
	    		.portfolio-item-wrapper img { vertical-align: bottom; padding: 0; background: none; border: 0; }
	    		.portfolio-item-wrapper span { font-size: 120%; position: absolute; bottom: 14px; right: 14px; background: #FFF; padding: 4px 4px; border: 1px solid #c8c8c8; }
	    			.portfolio-item-wrapper span a { color: #5f5f5f; line-height: 1.0em; }
	    			 .portfolio-item-wrapper span a:hover { color: #111; }


		/* THUMBNAILS ---------------------------- */			
		
		
		ul#portfolio-thumbs { margin: 0 -1px -14px -1px; }
		    ul#portfolio-thumbs li { float: left; margin: 0 12px 12px 0; padding: 0; background: none; }
		    	ul#portfolio-thumbs li.thumb-last-on-row { margin-left: 2px; margin-right: 0px; }
		    	ul#portfolio-thumbs li.last { margin: 0; }
		    ul#portfolio-thumbs li a { position: relative; width: 107px; height: 72px; display: block; }
		    ul#portfolio-thumbs li a img { border: 1px solid #efefef; vertical-align: bottom; padding: 4px; background: #FFF; }
		    	
		    	ul#portfolio-thumbs li a span { width: 97px; height: 62px; background: #000; display: block; position: absolute; top: 5px; left: 5px; z-index: 1000; }
		    	ul#portfolio-thumbs li a:hover img, ul#portfolio-thumbs li.active a img { background: #efefef; border-color: #dfdfdf; }
				
				
		/* CONTENT WRAPPERS ---------------------------- */	
		
		#content-wrapper { width: 940px; background: url(images/base/content-wrapper-bg.gif) repeat-y 669px 0; }
		#content-wrapper-top { width: 940px; background: url(images/base/content-wrapper-top.gif) no-repeat 669px 0; }
		#content-wrapper-bottom { width: 940px; background: url(images/base/content-wrapper-bottom.gif) no-repeat 669px 100%; }
		
	

/* P.I.E. FLOAT CLEARING ---------------------------- */

.clearfix:after { content: " "; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix {display:inline-block;}
.clearfix {display:block;}


.buttonshow{
margin:0 auto;
width:960 px;
margin:10px 0px 0px 20px;
overflow:hidden;
}
			
			.awesome, .awesome:visited {
				background: #222 url(lert-overlay.png) repeat-x; 
				display: inline-block; 
				padding: 5px 10px 6px; 
				color: #fff; 
				text-decoration: none;
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px;
				-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
				-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
				text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
				border-bottom: 1px solid rgba(0,0,0,0.25);
				position: relative;
				cursor: pointer;
			}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }