/*
	TABLE OF CONTENTS:

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

/*
  * BODY ***
*/

body, html{ color:#767676; background-color:#000; }


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

	#top{ background-color: #1e1d1d; }

	/* TAGS */

	h1, h2, h3, h4, h5, h6{ color:#eee; }

	a{ color:#ccc; }
	a:hover{ color:#aa821e; }

	blockquote{ background:#222 url("../images/skin/back_ground_blockquote.jpg") no-repeat 10px 10px; border:solid 1px #333; }
	blockquote p{ color:#d6d6d6; }

	code, pre{ color:#999; border:solid 1px #222; }
	code{ background:#181818 url("../images/skin/back_ground_pre.gif") repeat 0px 0px; }
	pre{ background-color:#181818; }
	cite { background-color:#181818; border:solid 1px #333; }

	/* LISTS */

	.none_list a, .none_list span,.arrows_list a, .arrows_list span, .circles_list a, .circles_list span, .check_list a, .check_list span{ color:#999; border-bottom:solid 1px #333; }
	.none_list a:hover, .arrows_list a:hover, .circles_list a:hover, .check_list a:hover{ color:#ccc; }
	.arrows_list li{ background-image:url('../images/skin/arrow_icon.gif'); }
	.circles_list li{ background-image:url('../images/skin/circle_icon.gif'); }
	.check_list li{ background-image:url('../images/skin/check_icon.gif'); }

	.thumbnail_list li{ color:#999; border-top:solid 1px #333; border-bottom:solid 1px #333; }
	.thumbnail_list a{ color:#999; }
	.thumbnail_list a:hover{ color:#ccc; }
	.thumbnail_list .post_meta{ color:#999;}

	.news_list li{ color:#999; border-top:solid 1px #333; border-bottom:solid 1px #333; background: transparent url('../images/skin/pen_icon.gif') no-repeat 0px 9px; }
	.news_list a{ color:#999; }
	.news_list a:hover{ color:#ccc; }

	.twitter_list li{ color:#999; border-top:solid 1px #333; border-bottom:solid 1px #333; background:transparent url('../images/skin/twitter_icon.gif') no-repeat 0px 9px; }
	.twitter_list a{ color:#999; }
	.twitter_list a:hover{ color:#ccc; }

	/* TABLE */

	.table_wrapper .table th{ color:#868686; border:solid 1px #333; background-color:#000; }
	.table_wrapper .table td{ color:#767676; border:solid 1px #333; }
	.table_wrapper .table tr.alt td{ color:#767676; background-color:#222; }


/*
  *********************************
  * 2) NAVIGATION ***
  *********************************
*/

	#nav{ background:url('../images/skin/back_ground_menu.png') repeat-x 0px 0px; }

	/* LOGO */

	#logo .logo a{ width:233px; height:60px; background:transparent url('../images/skin/logo.png') no-repeat 0px 0px; margin-left: 14px; margin-top: 6px; }

	/* MENU */

	/* top level */
	#menu ul a{ color:#ababab; }
	#menu ul a:hover{ color:#eee; }

	/* sub menus */
	#menu ul ul{ background:url('../images/skin/back_ground_submenu.png') no-repeat 0px 0px; }
	#menu ul ul ul{ background-color:#181818; background-image:none; }
	#menu ul ul a{ color:#868686; background-color:#000; }
	#menu ul ul a:hover{ color:#fff; background-color:#aa821e; }

	/* class current top level */
	#menu .current{ border-bottom:solid 5px #aa821e; }
	#menu ul .current a{ color:#aa821e; }
	#menu ul .current a:hover{ color:#eee; }

	/* class current sub menus */
	#menu ul .current ul a{ color:#868686; }
	#menu ul .current ul a:hover{ color:#fff; }

	/* OPTIONS MENU */

	#options_menu{ background:url('../images/skin/back_ground_options_menu.png') repeat-x 0px 0px; }
	#options_menu .search, #options_menu .feed{ background:transparent url('../images/skin/line_1.png') no-repeat right 2px; }	


/*
  *********************************
  * 3) OPTIONS DIV ***
  *********************************
*/

	#search{ background:transparent url('../images/skin/back_ground_search.png') no-repeat 0px 0px; }
	#feed{background:transparent url('../images/skin/back_ground_feed.png') no-repeat 0px 0px; }
	#login{background:transparent url('../images/skin/back_ground_login.png') no-repeat 0px 0px; }
	
	#search .button_search { background:transparent url('../images/skin/button_search.png') no-repeat 0px 0px; }
	#feed .button_subscribe{ background:transparent url('../images/skin/button_subscribe.png') no-repeat 0px 0px; }
	#login .button_login{ background:transparent url('../images/skin/button_login.png') no-repeat 0px 0px; }

	#search .input_search, #feed .input_feed, #login input{ color:#ccc; }


/*
  *********************************
  * 4) BREADCRUMB ***
  *********************************
*/

	.breadcrumb{ color:#676767; }
	.breadcrumb a{ color:#aa821e; }


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

	#intro{ background-color: #1e1d1d; }

	/* TITLES */

	#text{ color:#777; }

	/**/

/*
  *********************************
  * 6) MAIN ***
  *********************************
*/

	#main, #main_home{ background-color:#1e1d1d; border-bottom:solid 5px #181818; }

	#main .entry h2, .entry h2 a{ color:#eee; }
	#main .entry h1, .entry h1 a{ color:#eee; }
	#main .entry .post_meta{ border-top:solid 1px #333; border-bottom:solid 1px #333; }
	#main .entry .post_meta a{ color:#aa821e; }
	#main .entry .read_all{ border-top:solid 1px #333; }

/*
  *********************************
  * 7) GALLERIES ***
  *********************************
*/

	/* GALLERIES NAVIGATION */

	.gallery_navigation_left{ background:url('../images/skin/back_ground_gallery_navigation.png') no-repeat 0px 0px; }
	.gallery_navigation_center{ background:url('../images/skin/back_ground_gallery_navigation.png') repeat-x 0px -40px; }
	.gallery_navigation_right{ background:url('../images/skin/back_ground_gallery_navigation.png') no-repeat 0px -80px; }

	.gallery_navigation a{ background:url('../images/skin/button_slider_off.png') no-repeat 0px 0px; }
	.gallery_navigation .current{ background:url('../images/skin/button_slider_on.png') no-repeat 0px 0px; }

	/* SMALL GALLERY */

	.small_gallery .gallery_items .item{ background-color:#000; }
	.small_gallery .gallery_items .over{ background:transparent url('../images/skin/back_ground_caption.png') 0px 0px; }
	.small_gallery .gallery_items .over a{ color:#aa821e; }
	.small_gallery .gallery_items .over a:hover{ color:#eee; }
	.small_gallery .gallery_items .over .title{ color:#aaa; }

	/* BIG GALLERY */

	.big_gallery .gallery_items .item{ background-color:#121212; }
	.big_gallery .gallery_top_shadow{ background:url('../images/skin/big_gallery_top_shadow.png') no-repeat 0px 0px; }
	.big_gallery .gallery_items .description{ background-color:#121212; }
	.big_gallery .gallery_items .over{ background:transparent url('../images/skin/back_ground_caption.png') 0px 0px; }
	.big_gallery .gallery_items .over  h2, .big_gallery .gallery_items .over a{ color:#aa821e; }
	.big_gallery .gallery_items .over a:hover{ color:#eee; }
	.big_gallery .gallery_items .over .caption{ color:#aaa; }


/*
  *********************************
  * 8) PORTFOLIO ***
  *********************************
*/

	/* PORTFOLIO THUMBS GALLERY */

	.portfolio_thumbs_gallery .project h2{ color:#aa821e; }
	.portfolio_thumbs_gallery .project .box_one_fourth{ color:#aaa; }
	.portfolio_thumbs_gallery .project .thumbs{ background:url('../images/skin/line_3.png') no-repeat 0px 0px; }

	/* PORTFOLIO SMALL GALLERY */

	.portfolio_small_gallery .project h2{ color:#aa821e; }
	.portfolio_small_gallery .project p{ color:#aaa; }

	/* PORTFOLIO BIG GALLERY */

	.portfolio_big_gallery .project .top_shadow{ background:url('../images/skin/big_gallery_top_shadow.png') no-repeat 0px 0px; }
	.portfolio_big_gallery .project h2{ color:#aa821e; }
	.portfolio_big_gallery .project p{ color:#aaa; }

	/* PORTFOLIO NAVIGATION */

	.navigation_1{ background:url('../images/skin/line_4.png') no-repeat 0px 0px; }

	/* PROJECTS GRID */

	#grid h3, #grid h3 a{ color:#eee; }
	#grid h3 a:hover{ color:#aa821e; }

	/* CATEGORIES DROPDOWN */

	#categories_dropdown .dropdown{ background-color:#181818; }
	#categories_dropdown .dropdown a{ color:#676767; border-bottom:solid 1px #0a0a0a; }
	#categories_dropdown .dropdown a:hover{ color:#ccc; background-color:#000; }


/*
  *********************************
  * 9) SIDEBAR ***
  *********************************
*/

	#left_sidebar #sidebar_top{ background:transparent url('../images/skin/back_ground_sidebar_top.png') no-repeat top right; }
	#right_sidebar #sidebar_top{ background:transparent url('../images/skin/back_ground_sidebar_top.png') no-repeat top left; }

	#left_sidebar{ background:transparent url('../images/skin/back_ground_sidebar_center.png') repeat-y top right; }
	#right_sidebar{ background:transparent url('../images/skin/back_ground_sidebar_center.png') repeat-y top left; }

	#left_sidebar #sidebar_bottom{ background:transparent url('../images/skin/back_ground_sidebar_bottom.png') no-repeat bottom right; }
	#right_sidebar #sidebar_bottom{ background:transparent url('../images/skin/back_ground_sidebar_bottom.png') no-repeat bottom left; }

	#left_sidebar .current, #right_sidebar .current{ background-color:#222; }


/*
  *********************************
  * 10) COMMENTS ***
  *********************************
*/

	#comments .label_title{ color:#777; }
	#comments .content_label span{ color:#eee; }
	#comments .comment .message{ background-color:#252424; }
	#comments .gravatar{ border:solid 1px #333; background-color:#111; }
	#comments .comment_meta{ color:#777; background:transparent url('../images/skin/back_ground_comments_meta.png') no-repeat 70px 0px; }


/*
  *********************************
  * 11) FORM ***
  *********************************
*/

	#form textarea, #form input{ border:1px solid #333; color:#868686; background-color:#252424; }
	#form textarea:focus, #form input:focus{ background-color:#252424; }
	#form label{ color:#868686; }
	#form label span{ color:#464646; }

	#form .light_button_send{ color:#eee; text-shadow:#282c2d 1px 1px 0px; border-top:solid 1px #222; border-bottom:solid 1px #000; background:transparent url('../images/skin/button_dark.png') repeat-x 0px 0px;}
	#form .dark_button_send{ color:#eee; text-shadow:#282c2d 1px 1px 0px; border-top:solid 1px #222; border-bottom:solid 1px #000; background:transparent url('../images/skin/button_dark.png') repeat-x 0px 0px; }

	#form #response{ background-color:#eee; }
	#form #response p{ color:#181818; }
	

/*
  *********************************
  * 12) PAGINATION ***
  *********************************
*/

	#pagination a{ color:#676767; background-color:#181818; }
	#pagination a:hover{ color:#999; background-color:#333; }
	#pagination a.current, #pagination a.current:hover{ color:#676767; background-color:#000; }


/*
  *********************************
  * 13) PRE FOOTER ***
  *********************************
*/

	#pre_footer_back_ground{ background:#111111 url('../images/skin/back_ground_pre_footer.jpg') repeat-x 0px 0px; }
	#pre_footer{ color:#676767; }
	#pre_footer h4{ color:#eee;}
	#pre_footer a{ color:#aa821e; }
	#pre_footer a:hover{ color:#ccc; }
	#pre_footer ul li{ color:#565656; }
	#pre_footer ul a, #pre_footer ul span{ color:#767676; border-bottom:solid 1px #333; }

	/* FORM */

	#footer_form .label span{ color:#777; }
/*	#footer_form form{ background:transparent url('../images/skin/back_ground_footer_form.png') no-repeat 0px 0px; } */
	#footer_form form.callback{ background:transparent url('../images/skin/back_ground_callback_form.png') no-repeat 0px 0px; }
	#footer_form input, #footer_form textarea{ color:#676767; }
	#footer_form .btn{ background:transparent url('../images/skin/button_send.png') no-repeat 0px 0px; }
	#footer_form #response{ background:none; }
	#footer_form #response p{ color:#aa821e; }

	#pre_footer .thumbnail_list li{ border-top:solid 1px #222; border-bottom:solid 1px #222; }
	#pre_footer .thumbnail_list .post_meta{ color:#676767;}

	#pre_footer .news_list li{ border-top:solid 1px #222; border-bottom:solid 1px #222; background: transparent url('../images/skin/pen_icon_1.gif') no-repeat 0px 9px; }
	#pre_footer .twitter_list li{ border-top:solid 1px #222; border-bottom:solid 1px #222; background:transparent url('../images/skin/twitter_icon_1.gif') no-repeat 0px 9px; }
	
	/* **************************** */
	/* Styles added by ClickConsult */
	/* **************************** */
	#footer_form img {display:inline; vertical-align:middle; width:auto;}
	#footer_form h4 {display:inline;}
	#footer_form .title {color:#eee; font-weight:bold; margin-bottom:12px;}
	
	/** Style for Contact Info */
	#contact-info {color:#eee; width: 250px;}
	#contact-info .title {font-size:26px;}
	#contact-info .subheading {font-size:28px; margin-bottom:34px; text-align:center;}
	#contact-info .phone-number {font-size:32px; font-weight:bold; text-align:center;}
	#contact-info .or {font-size:20px; text-align:center;}
	
	
	/** Styles for Quick Contact Form (added by ClickConsult) */
	#quick-contact h4 {font-size:22px!important;}
	
	#body #contact-form {background:none; width:250px;}
	#contact-form .input-bg {
		background: url(/images/skin/back_ground_footer_form.png) no-repeat 0 center;
	}
	div.input-bg {color:#ccc; height:28px; width:250px;}
	div.input-bg * {vertical-align:middle;}
	#contact-form label {color:#888;}
	#contact-form input {color:#ccc; width:230px;}
	#contact-form select {background:#171717; border:none; color:#888; margin-top:4px; width: 130px;}
	#contact-form select option:hover {color:#ccc;}
	#contact-form #select-input {margin-bottom:7px;}
	#contact-form #radio-input label:focus {border:1px dotted #888;}
	
	/* Make form 'accessible' in chrome and safari */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#contact-form select:focus {outline:1px dotted #888;}
		#contact-form  .enquire:focus,
		#contact-form .send:focus {border:1px dotted #888;}
		#contact-form .focused {outline:1px dotted #888;}
	}
	
	/* Make form 'accessible' in IE */
	#contact-form #prefPhone {margin-left:-6px\9}
	#contact-form select:focus {border:1px dotted #888\9}
	#contact-form  .enquire:focus,
	#contact-form .send:focus  {border:1px dotted #888\9}
	#contact-form .focused {border:1px dotted #888\9}
	
	/* Note: Forms in Firefox are already accessible! */
	
	/* CALLBACK FORM */
	#contact-form.callback input {
		border:none;
		height:20px;
		margin-bottom:7px;
		padding:5px 10px;
	}
		
	#contact-form input.enquire,
	#contact-form input.send {
		background:url(/images/skin/button_dark.png) repeat-x;
		border:outset 1px #333;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		cursor:pointer;
		float:right;
		height:auto;
		margin-top:12px;
		padding:6px 12px;
		width:auto;
	}
	
	#contact-form input.send {}
	
	#contact-form input.enquire:hover,
	#contact-form input.send:hover {background-position:0 bottom;}
	
	#body #response {display:block; overflow:visible; width:auto;}
	
	#response #contact-errors {list-style-type:disc; list-style-position:inside;}
	#response #contact-errors li {margin:0 auto 8px;}

/*
  *********************************
  * 14) FOOTER ***
  *********************************
*/

	#footer_back_ground{ background-color:#000;}
	#footer .menu_clone{ color:#575757; }
	#footer .menu_clone a{color:#575757;}
	#footer .copyright{ color:#454545; }
	#footer .copyright a{color:#eee;}


/*
  *********************************
  * 15) EXTRA CLASSES ***
  *********************************
*/

	#body .text_right_quote, #body .text_left_quote{ color:#d6d6d6; border:solid 1px #333; background:#222 url('../images/skin/back_ground_blockquote.jpg')  no-repeat 10px 10px; }
	#body .text_caps{ color:#eee; }

	/* BUTTONS */

	#body .light_button{ color:#eee; text-shadow:#282c2d 1px 1px 0px; border-top:solid 1px #222; border-bottom:solid 1px #000; background:transparent url('../images/skin/button_dark.png') repeat-x 0px 0px; }
	#body .light_button:hover{ color:#aa821e; }
	#body .dark_button{ color:#eee; text-shadow:#282c2d 1px 1px 0px; border-top:solid 1px #222; border-bottom:solid 1px #000; background:transparent url('../images/skin/button_dark.png') repeat-x 0px 0px; }
	#body .dark_button:hover{ color:#aa821e; }

	/* HIGHLIGHTERS */

	#body .highlighter_1{ color:#000; background-color:#aa821e; }
	#body .highlighter_2{ color:#eee; background-color:#000; }

	/* BORDERS */

	#body .border_bottom{ border-bottom:solid 1px #333; }
	#body .light_border{ background-color:#333; }
	#body .neutral_border{ background-color:#333; }
	#body .dark_border{ background-color:#000; }
	#body .light_outline{ border:solid 1px #555; }
	#body .neutral_outline{ border:solid 1px #353535; }
	#body .dark_outline{ border:solid 1px #000; }

	/* SHADOWS */

	#body .thumb_shadow{ background:transparent url('../images/skin/thumb_shadow.png') no-repeat center bottom; }
	#body .small_shadow{ background:transparent url('../images/skin/small_shadow.png') no-repeat center bottom; }
	#body .big_shadow{ background:transparent url('../images/skin/big_shadow.png') no-repeat center bottom; }
	#body .big_shadow_border{ background:transparent url('../images/skin/big_shadow.png') no-repeat center bottom; }
	#body .full_shadow{ background:transparent url('../images/skin/full_shadow.png') no-repeat center bottom; }
	
	#slidealt .sidealt_items li {
		background-image: url(./images/slidealt_bg.png); background-position: center top; background-repeat: no-repeat;
	}