@import url("css/pk_960_framework.css");

/*
	TABLE OF CONTENTS:

	1) GENERAL
		- TAGS
		- LISTS
		- TABLE
		
	2) NAVIGATION
		- LOGO
		- MENU
		- OPTIONS MENU
	
	3) OPTIONS DIV (SEARCH - FEED - LOGIN)	
	4) BREADCRUMB
	5) INTRO
		- CALL TO ACTION
		- TITLES
		
	6) FEATURED
	7) MAIN
	8) GALLERIES
		- GALLERIES NAVIGATION
		- SMALL GALLERY
		- BIG GALLERY
		- GALLERY NEXT/PREV
		
	9) PORTFOLIO
		- PORTFOLIO THUMBS GALLERY
		- PORTFOLIO SMALL GALLERY
		- PORTFOLIO BIG GALLERY
		- PORTFOLIO NAVIGATION
		- PROJECTS GRID
		- CATEGORIES DROPDOWN
	
	10) SIDEBAR
	11) COMMENTS
	12) FORM
	13) PAGINATION
	14) PRE FOOTER
		- FORM
		
	15) FOOTER
	16) EXTRA CLASSES
		- BUTTONS
		- HIGHLIGHTERS
		- TEXT CAPS
		- MARGINS
		- BORDERS
		- SHADOWS
*/

html, body{
	font-size:13px;
	font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
   	line-height:23px;
}

/*
  *********************************
  * 1) GENERAL ***
  *********************************
*/

	#body .over_all{ z-index:100; }
	/* IE 7 HACK */
	*:first-child+html #top{ z-index:100; }

	/* TAGS */

	h1, h2, h3, h4, h5, h6{ font-weight:normal; font-family:"Lucida Grande", Helvetica, Arial, sans-serif; }
	h1{ font-size:24px; }
	h2{ font-size:22px; line-height:28px; width: 280px; }
	h3{ font-size:24px; line-height: 38px; margin-bottom: 20px;}
	h4{ font-size:16px; }
	h5, h6{ font-size:14px; }
	
	a{ text-decoration:none; font-weight:bold;}
	#main .item_title a{ font-weight:normal; }
	ul a, ul span{ font-weight:normal; }
	
	p{ margin-bottom:20px; }
	img{ display:block; }
	code, pre{display:block; margin:30px 0px 30px 0px; padding:0px 5px; font-weight:normal; font-size:12px; font-family:"Courier New", Courier, Consolas, Monospace; line-height:18px; overflow:auto; white-space:pre;}
	cite{margin-right:5px; padding:2px 10px;}
	hr{ border:solid 0px transparent !important; background-color:transparent !important; height:1px; }
	small{ font-size:10px; }
	
	blockquote{display:block; margin-bottom:20px; font-style:italic; }
	blockquote p{ margin-bottom:0px; padding:10px 10px 10px 50px; }

/*
  *********************************
  * 5) INTRO ***
  *********************************
*/

	#intro .box_two_third{ padding-left:0px; width:710px; }


/*
  *********************************
  * 6) FEATURED ***
  *********************************
*/

	#featured{ margin-top:-5px; }
	/* IE 7 HACK */
	*:first-child+html #featured { margin-top:0px; }
	
/*
  *********************************
  * 8) GALLERIES ***
  *********************************
*/

	/* GALLERIES NAVIGATION */

	.gallery_navigation{ display:none; position:absolute; padding-right:10px; margin:-40px 0 0 850px; }
	.gallery_navigation_left, .gallery_navigation_right{ float:left; width:10px; height:40px; }
	.gallery_navigation_center{ float:left; padding:9px 10px 0px 10px; height:31px; margin: 0 }
	.gallery_navigation a{ display:block; float:left; padding:0px; width:15px; height:15px; text-indent:-9999px; }
	.gallery_navigation .button_play_pause{ display:block; float:right; margin:2px 0px 0px 0px; padding-left:30px; width:10px; height:10px; cursor:pointer; }

	/* SMALL GALLERY */

	.small_gallery .gallery_items{ width:960x; height:282px; z-index:9; }
	.small_gallery .gallery_items .item{ display:none; position:absolute; margin:0px auto; width:570px; height:282px; overflow:hidden; }
	.small_gallery .gallery_items .current{ display:block; }

	.small_gallery .gallery_items .over{ position:absolute; margin-top:222px; padding:0px 30px 20px 30px; width:510px; height:40px; }
	.small_gallery .gallery_items .over .title{ margin:0px; padding:10px 0px 0px 0px; }

	.small_gallery_borders { width:960px; height:292px; }
	.small_gallery_borders .gallery_items .item{ padding:5px; }
	.small_gallery_borders .gallery_navigation{ margin-top:-10px; }

	/* BIG GALLERY */

	.big_gallery .gallery_items{ height:680px; margin: -10px 0 60px -5px;}
	img.aa_design { margin-left: 140px; margin-top: -40px;}
	img.sub_design { margin-left: 220px; margin-top: -40px;}
	img.disney { margin-left: 350px; margin-top: -40px;}
	
	.big_gallery .gallery_items .item{ display:none; position:absolute; margin:0px auto; width:auto; }
	.big_gallery .gallery_items .current{ display:block; }
	.big_gallery .gallery_top_shadow{ position:absolute; margin:0px; width:960px; height:5px; z-index:12; }

	.big_gallery .gallery_items .image{ margin:0px; width:610px; height:465px; overflow:hidden; }
	.big_gallery .gallery_items .description{ margin:0px; width:250px; height:465px; }
	.big_gallery .gallery_items .description h2{ margin-bottom:20px; }
	.big_gallery .gallery_items .description_left{ float:left; padding:50px 30px 30px 50px; }
	.big_gallery .gallery_items .description_right{ float:right; padding:50px 50px 30px 30px; }

	.big_gallery .gallery_items .over{ position:absolute; margin-top:335px; width:940px; height:130px; }
	.big_gallery .gallery_items .over .title{ float:left; padding:20px 20px 20px 30px; width:280px; }
	.big_gallery .gallery_items .over .caption{ float:right; padding:20px 30px 0px 0px; width:570px; }

	/* GALLERY NEXT/PREV */

	.gallery_button_next, .gallery_button_prev{ display:none; position:absolute; width:35px; height:35px; cursor:pointer; }
	.big_gallery .gallery_button_next{ margin-left:1100px; z-index:11;}
	.big_gallery .gallery_button_prev{ margin-left: -250px; z-index:10;}

	.small_gallery .gallery_button_next{ margin-left:545px; z-index:11;}
	.small_gallery .gallery_button_prev{ margin-left:-10px; z-index:10;}
	.small_gallery_borders .gallery_button_next{ margin-left:555px; }


/*
  *********************************
  * 9) PORTFOLIO ***
  *********************************
*/

	#project_details .project{ position:absolute; display:none; }

	/* PORTFOLIO THUMBS GALLERY */

	.portfolio_thumbs_gallery .project h2{ margin:50px 10px 0px 10px; }
	.portfolio_thumbs_gallery .project .box_one_fourth{ margin:25px 0px 0px 0px; }
	.portfolio_thumbs_gallery .project .thumbs{ overflow:hidden; margin-top:60px; padding:35px 0px 35px 55px; }
	/* IE 7 HACK */
	*:first-child+html .portfolio_thumbs_gallery .project .thumbs{ padding-top:80px; background-position:0px 50px; }

	.portfolio_thumbs_gallery .project .button_close{ position:absolute; margin:30px 0px 0px 400px; cursor:pointer; }
	.button_close { float: right; margin-top: -50px;}

	/* PORTFOLIO SMALL GALLERY */

	.portfolio_small_gallery .project h2{ margin:50px 10px 0px 10px; }
	.portfolio_small_gallery .project p{ margin-top:25px; padding:0px 10px; }
	.portfolio_small_gallery .button_close{ position:absolute; margin:33px 0px 0px 565px; cursor:pointer; z-index:1; }

	.portfolio_small_gallery .small_gallery{ margin:40px 0px 0px 12px; }
	/* IE 7 HACK */
	*:first-child+html .portfolio_small_gallery .small_gallery{ margin-top:55px; }

	.portfolio_small_gallery .small_gallery_borders { margin:40px 0px 0px 5px; }
	.portfolio_small_gallery .small_gallery_borders .small_gallery { margin:0px; }

	/* PORTFOLIO BIG GALLERY */

	.portfolio_big_gallery .project .top_shadow{ position:absolute; margin:0px; width:940px; height:5px; z-index:4;}
	.portfolio_big_gallery .project h2{ margin:10px 10px 0px 10px; }
	.portfolio_big_gallery .project p{ padding:0px 10px; }
	.portfolio_big_gallery .button_close{ position:absolute; margin:33px 0px 0px 1440px; cursor:pointer; z-index:1; }


	/* PORTFOLIO NAVIGATION */

	#portfolio_navigation { display:none; overflow:hidden; padding:0px; }
	/* IE 7 HACK */
	*:first-child+html .navigation_1{ margin-bottom:20px; }

	.navigation_1 .next, .navigation_1 .prev{ display:none; float:left; padding-top:10px; cursor:pointer; }
	.navigation_1 .next{ margin-left:15px; }
	.navigation_1 .prev{ margin-left:343px; }

	.navigation_2{ margin:-20px 0px 30px 5px; }
	.navigation_2 .next, .navigation_2 .prev{ float:left; cursor:pointer; }
	.navigation_2 .next{ margin-left:15px; }
	.navigation_2 .prev{ margin-left:15px; }

	/* PROJECTS GRID */

	#grid{ padding:20px 0px 20px 0px; }
	#grid .box_one_third{ margin-bottom:20px; }
	#grid .view{ position:absolute; margin:-25px 0px 0px 103px; }
	#grid h3{ margin-bottom:10px;}
	#grid h3, #grid h3 a{ font-weight:normal; }
	#grid .caption{ margin-top:5px; margin-bottom:0px; padding:0px 5px; }
	#grid .box_one_third{ background:transparent center 95px no-repeat; }

	/* CATEGORIES DROPDOWN */

	#categories_dropdown{ top:0; left:0; position:absolute; margin:-67px 5px 0px 690px; width:200px; z-index:60; }
	#categories_dropdown .dropdown_button{ margin:0px; }
	#categories_dropdown .dropdown{ display:none; position:absolute; margin:-8px 0px 0px 5px; width:190px; z-index:80; }
	#categories_dropdown .dropdown a{ display:block; padding:3px 20px; height:auto; font-weight:normal; font-size:12px; }