/* ------- 1. Structure ------- */
#header {height: 87px; background: #000;}
#home_page #header {height: 87px;}
#footer{background: #000;}
#home_feature{background: #000;}
#home_feature .background {background: none;}
#home_feature.staged .background {background: none;}
#home_feature.cu3er .background {background: none;}
body {background: #000; color: #fff;}
#logo {top: 35px;}
#footer {display: none;}
#sub_footer {margin-top:60px; height:150px; clear:both; display: block; color:#939393; font-size:0.9em; border: none;}
.title {margin-bottom: 0px; padding: 2px 0 12px 0; color: #FFA200; display: block; background: url(creekside/home_feature_line.jpg) -3px bottom no-repeat;}
#home_page .one_third {font-size: 1.1em; line-height: 1.5em;}
#home_feature {margin-bottom: 30px;}

.aligncenter, img.aligncenter, a img.aligncenter {margin: 10px auto;}
.fancy_box {background: url("images/form-gradien.gif") repeat-x scroll 0 -7px #272727; border: 1px solid #3E3E3E; color: #8D8D8D;}

/*----- Contact Page -----*/
.contact {margin-bottom: 20px; width: 100%; height: 370px; display: block; position: relative; background: url(creekside/branding_contact.jpg) center top no-repeat;}
p.call_us {width: 645px; font-size: 1.25em; line-height: 1.8em; position: absolute; top: 215px; left: 20px;}
p.call_us span {color: #ffa200;}
#contact_info {padding: 40px 5px 20px 5px; width: 240px; height: 310px; float: right; text-align: center;}
#contact_info h4 {margin: 0; padding: 0; margin-bottom: 12px; text-align: center; font-weight: bold; font-size: 1.1em;}
#contact_info a, #contact_info a:link, #contact_info a:visited {color: #FFA202;}
#contact_info a:hover, #contact_info a:active {color: #FFA202; text-decoration: underline;}
	


/*----- Client Page -----*/

#testimonial_holder {margin-bottom: 20px; width: 960px; height: 370px; display: block; position: relative; background: url(creekside/branding_clients2.jpg) center top no-repeat;}

#testimonials_slider_holder {position: absolute; top: 170px;}

ul#testimonials {margin: 0; width: 960px; display: block; min-height: 130px; overflow: hidden; line-height: 2em; list-style: none; background: url(creekside/trans-75.jpg) 0 0 repeat; background: rgba(0,0,0,0.75);}
ul#testimonials:after {content: ""; display: table; clear: both;}
ul#testimonials li {margin: 0; padding-top: 10px; min-height: 120px; width: 960px; display: block; list-style: none; line-height: 1.8em;}
ul#testimonials li p span {padding-left: 10px; color: #ee9700; font-size: .8em; font-style: italic;}
#nav {position: absolute; bottom: -10px; right: 50px; height: 21px; z-index: 1000; overflow: hidden;}
#nav a {margin-left: 10px; display: block; float: left; width: 21px; height: 21px; overflow: hidden; text-indent: -9999px; background: url(creekside/slider_nav.png) 0 0 no-repeat;}
#nav a.activeSlide{background: url(creekside/slider_nav.png) 0 -21px no-repeat;}

#post-11 h1 {display: none;}
#clients_page h4 {margin: 0; padding: 15px 0 2px 0; color: #ffa200; font-size: 1em; background: none; font-weight: bold;}
ul#valued_clients {margin: 0; padding: 0 0 40px 0; width: 100%; height: 140px; display: block; border-top: 1px solid #353535; border-bottom: 1px solid #353535;}
ul#valued_clients li {margin: 0 20px; height: 140px; float: left; display: block; position: relative;}
ul.clients + h4 {clear: both;}
ul.clients {margin: 3px 0; width: 100%; list-style: disc inside;}
ul.clients li {margin: 0 14px; float: left; width: 450px;}

#clients_page .one_fourth img {margin: 0 auto; display: block; max-width: 98%;}
	

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: .9em;
	width: 100%;
	text-align: left;
    margin-bottom:0;
	border: none;
	border-collapse: collapse;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #444444;
	border: none;
	font-size: 1em;
	padding: 4px;
	text-align: center;
	border: 1px solid #000;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	color: #fff;
	cursor: default;
}
table.tablesorter tbody td {
	color: #fff;
	padding: 4px;
	
	vertical-align: top;
	background-image: none;
	border: 1px solid #000;
	text-align: center;
}
table.tablesorter tbody tr {background-color: #BEBEBE;}
table.tablesorter tbody tr {border: none;}
table.tablesorter tbody tr.odd  {
	background-color:#8B8B8B;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gi);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gi);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #444444;
}
table.tablesorter tr:hover td {background-color: #ffa200;}

table tr:hover {background-color: #212121;}



/*--- Blog Images ---*/
.blog_frame {margin-bottom: 15px; padding: 0px; background: transparent; height: 244px; margin-top: 0px; position: relative; width: 622px;}
.blog_frame .rollover {height: 244px; top: 0px; width: 622px;}
.blog_frame img {background: none repeat scroll 0 0 transparent; border: 0px solid #333; height: 244px; left: 0px; padding: 0px; top: 0px; width: 622px;}
.portfolio_single_pic {margin: 20px 0; background: url("images/portfolio_post_fram.gif") no-repeat scroll -1px -10px transparent; display: block; height: 500px; position: relative; width: 960px;}
.portfolio_single_pic img {background: none repeat scroll 0 0 transparent; border: 0px solid #FFFFFF; height: 500px; left: 0px; padding: 0px; position: relative; top: 0px; width: 960px;}


/*--- Page Slider ---*/
.slider_holder {margin: 0 auto 20px auto; width: 646px; position: relative;}
.page_slider {width: 646px; height: 324px; display: block; position: relative; overflow: hidden;}

.slider_holder_full {margin: 0 auto 20px auto; width: 960px; position: relative;}
.page_slider_full {width: 960px; height: 370px; display: block; position: relative; overflow: hidden;}

.slider_nav {margin-top: 8px; float: right;}
.slider_nav a {margin-left: 8px; height: 10px; width: 10px; display: block; float: left; text-indent: -9999px; background-color: #363636; }
.slider_nav a.activeSlide {background-color: #eaeaea;}
.slider_nav a:hover {background-color: #eaeaea;}
.slider_holder .slider_nav {margin-right: 10px;}

#slider {width: 960px; height: 370px; display: block; position: relative;}
#slider p {padding: 20px; width: 670px; color: #fff; font-size: 21px; line-height: 1.5em; background: url(creekside/featured_img_title_bg.png) 0 0 repeat; position: absolute; top: 205px; right: 0; z-index: 900; text-shadow: 2px 2px 3px #000; letter-spacing: 1px;}


/*--- Social Media Icons ---*/
ul#social_media {margin: 0 0 10px 0; padding-bottom: 15px; height: 42px; display: block; position: relative; clear: both; background: url(creekside/social_bg.jpg) 0 0 no-repeat; border-bottom: 1px solid #353535;}
ul#social_media li {margin-left: 8px; float: left;}
ul#social_media li a {width: 32px; height: 42px; display: block; text-indent: -9999px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
ul#social_media li#facebook a {background: url(creekside/social_icons2.png) 0 5px no-repeat;}
ul#social_media li#facebook a:hover {background: url(creekside/social_icons2.png) 0 0px no-repeat;}
ul#social_media li#twitter a {background: url(creekside/social_icons2.png) -32px 5px no-repeat;}
ul#social_media li#twitter a:hover {background: url(creekside/social_icons2.png) -32px 0px no-repeat;}
ul#social_media li#email a {background: url(creekside/social_icons2.png) -64px 5px no-repeat;}
ul#social_media li#email a:hover {background: url(creekside/social_icons2.png) -64px 0px no-repeat;}
		

/*--- Breadcrumbs ---*/
#breadcrumbs {margin-bottom: 10px; height: auto; background: none;}
#breadcrumbs .inner {padding-top: 0;}
p.breadcrumb {margin: 0;}

#has_sidebar {background-image: url(creekside/sidebar_middle2.gif); background-color: #000;}
#has_sidebar #body_block {background-image: url(creekside/sidebar_top2.gif);}
#has_sidebar #body_block .inner {background-image: url(creekside/sidebar_bottom.gif);}

.gradient_box_top, .gradient_box_middle, .gradient_box_bottom {background-image: none !important;}

h3.widgettitle,h6,td,th,.divider,hr,div.widget li,.top_metadata,#body_block .thumbnail_list li,#body_block ul.thumbnail_list,.blog_header{
background-image: url(creekside/line.gif);}
#secondary .webtreats_twitter_widget ul li a, 
#secondary .widget_categories ul li a, 
#secondary .widget_links ul li a, 
#secondary .widget_archive ul li a, 
#secondary .widget_meta ul li a,
#secondary .widget_pages ul li a,
#secondary .widget_recent_entries ul li a{text-shadow:none;}


.get_started {margin: 15px auto; width: 159px; height: 46px; display: block; text-indent: -9999px; background: url(creekside/get_started_button.png) 0 0 no-repeat;}
.get_started:hover {background: url(creekside/get_started_button.png) 0 -46px no-repeat;}

.small_frame img {background-color: #565656; border-color: #3e3e3e;}
.small_frame {border-color: #565656;}

#primary ul.thumbnail_list, .top_metadata div, div.widget_pages li ul li, div.widget_categories li ul li {background-image: url(creekside/line.gif);
}

/*--- WP Pagenavi ---*/
.wp-pagenavi {background-image: url(creekside/line.gif);}
.wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active,.wp-pagenavi span.pages,.wp-pagenavi span.current,.wp-pagenavi span.extend {text-shadow: none;}



/* ------- 2. Buttons ETC ------- */
#intro_blurb_title,#intro_blurb_title span{background-image:url(black/intro.gif);}
a.button_link,a.button_link:hover,a.button_link:hover,a.button_link:active,a.button_link:active span,a.button_link span,.slider_content a.button,.slider_content a.button:hover{background-image:url(creekside/buttons3.png); border-color: #000; color: #000;}
.button:active,.button:hover,.button,.wp-pagenavi span.current,.slider_content a.button{border-color:#000;background-image:url(creekside/buttons3.png); color: #000;}

/* ------- 3. Typography ETC ------- */
h1{font-size:26px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}

h4 {margin-right: 120px; padding-bottom: 8px; color: #FFA202; background: url(creekside/line.gif) left bottom repeat-x;}

h1,h2,h3,h4,h5,h6 {line-height: 1.4em;}

.entry a, .entry a:link, .entry a:visited {color: #FFA200;}
.entry a:hover, .entry a:active {color: #FFA200; text-decoration: underline;}
	
.fancy_header{margin-right: 120px; padding-bottom: 8px; color: #FFA202; font-size: 16px; background: url(creekside/line.gif) left bottom repeat-x;}

#secondary .widget ul li:hover {background-color: #1A1A1A;}
#secondary .widget ul li.current_page_item {background-color: #272727;}

#about_the_author img,#footer h3.widgettitle, #footer div.widget li,#sub_footer,#footer p.thanks,table,th,#footer div.widget_categories li a, #footer div.widget_pages li a
{border-color:#333333;}
#footer a:link, #footer a:visited,#footer .textfield, #footer textarea, #footer, #home_feature .slider_full h2, #home_feature .slider_full
{color:#666;}
.url,#footer a:hover,.contact_widget_email a,.top_metadata a,#blurb p.tweet a,#commentform a,h3.toggle a,.dropcap2,.pullquote_left,.pullquote_right,blockquote,h1,#home_feature h2,h5,.blog_header a,.colored,#secondary .widget_calendar td a,#secondary h3.widgettitle,h3.portfolio a, h2.portfolio a
{color:#FFA202;}
.pullquote_left,.pullquote_right,blockquote {color: #ABABAA;}

a:hover,h3.portfolio a:hover,h2.portfolio a:hover,.blog_header a:hover{color:#aaa;}

.blog_header, .blog_header a:link, .blog_header a:visited {
    color: #FFA202;
    margin-bottom: 0;
    padding-bottom: 8px;
}
.blog_header a:hover, .blog_header a:active {color: #aaa;}

.top a {color: #a3a3a3; background: none repeat scroll 0 0 #000; text-shadow: none;}
.top a:hover {color: #fff;}

h3.toggle{font-size: 16px; background-position: -60px -194px;}
h3.toggle.active{font-size: 16px; background-position: -19px -233px;}
.toggle_content {
    background: transparent;
    border: none;
    border-radius: 0;
    clear: both;
    margin: 0 0 20px 30px;
    overflow: hidden;
}
.toggle_content .block {
    padding: 0px;
}


/* ------- 4. Images ------- */
#body_block .search-box,#body_block input.search-go{background-image:url(creekside/searchbar5.png);}
#secondary .widget_categories ul li a,#secondary .widget_links ul li a,#secondary .widget_archive ul li a,#secondary .widget_meta ul li a,
#secondary .widget_pages ul li a,#secondary .widget_recent_entries ul li a,
.contact_widget_name,.contact_widget_phone,.contact_widget_email,
ul.arrow_list li,ul.bullet_list li,ul.check_list li,
h3.toggle,h3.active,#secondary .widget_recent_comments ul li.recentcomments span,#secondary #twitter-widget.webtreats_twitter_widget ul li a
{background-image:url(creekside/mini_icons.png);}
#body_block .twitter_bird,blockquote,.dropcap1,#spread_the_word span.sprite,#about_the_author span.sprite{background-image:url(creekside/sprite2.png);}
#blurb p.tweet{background-image:url(creekside/tweet.png);}
#call_to_action_button{background-image: url(black/get_started.jpg);}
.twitter_icon,.reddit_icon,.digg_icon,.stumbleupon_icon,.delicious_icon,.facebook_icon,.linkedin_icon{background-image: url(creekside/spread_the_word.jpg);}

/* ------- 5. Menu ------- */
#main_navigation {top: 33px;}
.jqueryslidemenu ul {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em;}
.jqueryslidemenu ul li {background-color: #2e2e2e;}
.jqueryslidemenu ul li a {height: 33px; line-height: 33px;}
.jqueryslidemenu ul li a, .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color:#fff;}
.jqueryslidemenu ul li a:hover, .jqueryslidemenu ul li a:active {color:#FFA200;}
.jqueryslidemenu ul li.current_page_item a, .jqueryslidemenu ul li.current_page_parent a {color: #FFA200;}


.jqueryslidemenu ul li#home_btn {background-color: transparent;}
.jqueryslidemenu ul li#home_btn a {margin: 4px 16px 0 0; padding: 0; width: 25px; height: 25px; text-indent: -9999px; display: block; background: url(creekside/menu_home_btn.jpg) 0 0 no-repeat;}
.jqueryslidemenu ul li#home_btn a:hover {background: url(creekside/menu_home_btn.jpg) -25px 0 no-repeat;}

.jqueryslidemenu ul ul {padding-top: 0; padding-bottom: 0;}
.jqueryslidemenu ul li ul li {background-color: transparent;}
.jqueryslidemenu ul li ul li a{width: 160px;padding: 6px 13px;margin: 0;}
.jqueryslidemenu ul li.current_page_item ul li a, .jqueryslidemenu ul li.current_page_parent ul li a {color: #fff;}
.jqueryslidemenu ul li.current_page_item ul li.current_page_item a, .jqueryslidemenu ul li.current_page_parent ul li.current_page_item a {color: #FFA200;}



.jqueryslidemenu ul ul {background: #444; font-size: 1em; -webkit-box-shadow: 4px 4px 6px rgba(0,0,0,0.7); -moz-box-shadow: 4px 4px 6px rgba(0,0,0,0.7); box-shadow: 4px 4px 6px rgba(0,0,0,0.7);}
.jqueryslidemenu ul ul.menu_flip {background: #444;}
.jqueryslidemenu ul ul ul, .jqueryslidemenu ul ul.menu_flip ul{margin-left:0px; margin-right: 0; margin-top:0px; padding-top:0px; background: #818181;}
.jqueryslidemenuz ul li ul li a:hover, .jqueryslidemenu ul ul li a:hover, .jqueryslidemenu ul li.current_page_item ul li a:hover, .jqueryslidemenu ul li.current_page_parent ul li a:hover {margin:0 0px;padding:6px 13px; background:#fff;color:#2f2f2f;}
.jqueryslidemenuz ul ul li ul li a:hover, .jqueryslidemenu ul ul ul li a:hover{margin:0 0px;padding:6px 13px;width:160px;}



/* ------- 6. Preloaders ------- */
#loading_slider { background:transparent url(black/slider_loader.gif) no-repeat scroll center top; }
#contactFormWidget .loadingImgWidgetFt { background:transparent url(black/loader_widget_ft.gif) no-repeat scroll 0 0;}