@charset "utf-8";
/* CSS Document */

/* Reset everything */

body, address, blockquote, dl, ol, ul, li, form, fieldset, legend, h1, h2, h3, h4, h5, h6, p, pre {
	margin:0;
	padding:0;
}

/* Main layout for the template and the homepage */

body {
background:#171717;
}

hr {
border:none 0px;
border-top:1px dashed;
width:932px;
height:1px;
color:#00b9e9;
margin:auto 0px;
}

/* Document container */

#wrapper {
width:950px;
margin:0px auto;
padding:0px;
}

/* Header layout */

#header {
width:950px;
margin:0px auto;
overflow:hidden;
}

.header_logo {
width:193px;
height:63px;
padding:0px;
float:left;
margin-top:15px;
margin-bottom:15px;
}

.header_title {
width:383px;
height:47px;
padding:0px;
float:right;
margin-top:23px;
margin-bottom:23px;
}

/* Navigation bar with buttons */

#navigation_bar {
width:950px;
height:48px;
padding:0px;
margin:auto 0px;
}

.navigation_buttons {
width:836px;
height:48px;
padding:0px;
margin:auto 0px;
float:left;
}

.social_button {
width:114px;
height:48px;
float:right;
padding:0px;
cursor:pointer;
margin:auto 0px;
}

/* Portfolio window */

#portfolio_window {
width:930px;
margin:auto 0px;
margin-top:1px;
height:200px;
border:10px solid;
border-color:#0e0e0e;
}

/* Easy Slider */

#portfolio_window ul, #portfolio_window li{
margin:0;
padding:0;
list-style:none;
}
		
#portfolio_window {
width:930px;
height:200px;
overflow:hidden;
}
		
#portfolio_window li{ 
width:930px;
height:200px;
overflow:hidden; 
}
span#prevBtn{}
span#nextBtn{}	
#slider { visibility: hidden; }				

/* // Easy Slider */

/* Opening area of homepage */

.top_divider {
width:950px;
height:9px;
padding:0px;
margin:auto 0px;
overflow:hidden;
background:url(../images/main/divider.gif) no-repeat;
}

#homepage_intro {
width:930px;
padding-left:10px;
padding-right:10px;
padding-top:0px;
padding-bottom:10px;
overflow:hidden;
margin:auto 0px;
background:#0e0e0e;
}

#page_title {
width:950px;
height:46px;
padding-top:0px;
background:url(../images/main/home_title.gif) no-repeat;
}

/* Main container for page content */

#main_content_holder {
width:950px;
float:left;
padding-top:10px;
background:#0e0e0e;
}

/* Left container */

#content_wrapper_left {
width:665px;
padding-left:10px;
float:left;
background:#0e0e0e;
overflow:hidden;
}

/* Individual news item */

.news_item {
width:665px;
overflow:hidden;
padding-bottom:10px;
background:#0e0e0e;
}

.news_links {
height:20px;
width:auto;
float:left;
padding-right:10px;
padding-top:10px;
}

.news_divider {
width:665px;
height:5px;
overflow:hidden;
float:left;
background:url(../images/news/news_divider.gif) no-repeat;
}

/* Container right */

#content_wrapper_right {
width:251px;
padding-right:10px;
padding-left:14px;
float:left;
background:#0e0e0e;
overflow:hidden;
}

/* Rounded corners for bottom of page */

#bottom_corners {
width:950px;
height:10px;
background:url(../images/main/bottom_corners.png) no-repeat;
float:left;
}

/* Footer layout, with room for expansion */

#footer {
margin-bottom:7px;
width:950px;
height:42px;
overflow:hidden;
float:left;
}

.twitter_button {
width:145px;
height:42px;
float:left;
}

.footer_space {
width:515px;
height:42px;
float:left;
background-color:#0e0e0e;
}

.footer_copy {
width:280px;
height:34px;
padding-top:8px;
padding-right:5px;
float:left;
background-color:#0e0e0e;
}

.footer_right_corners {
width:5px;
height:42px;
float:left;
background:url(../images/main/footer_right_corners.png) no-repeat;
}

/* Layout for recognition box under footer */

#footer_links_wrapper {
width:950px;
height:212px;
float:left;
overflow:hidden;
margin-top:7px;
padding-bottom:7px;
}

#recognition_box {
width:555px;
height:135px;
float:left;
overflow:hidden;
background:url(../images/main/recognition_box.gif) no-repeat;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
padding-top:67px;
}

.rec_select_box {
width:184px;
height:26px;
float:left;
overflow:hidden;
margin-right:1px;
padding:0px;
}

.rec_select_box a {
display:block;
padding:5px;
}

.rec_select_box:hover {
background-color:#090909;
}

.star_icon {
width:10px;
height:10px;
float:left;
overflow:hidden;
margin-right:10px;
margin-left:4px;
margin-top:3px;
margin-bottom:4px;
padding-top:5px;
padding-left:5px;
}

#connect_box {
width:348px;
height:135px;
float:left;
overflow:hidden;
background:url(../images/main/connect_box.gif) no-repeat;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
padding-top:67px;
margin-left:7px;
}

.connect_select_box {
width:144px;
height:30px;
float:left;
overflow:hidden;
margin-top:15px;
padding:0px;
}

.connect_icon {
width:30px;
height:30px;
float:left;
overflow:hidden;
margin-top:15px;
}

.connect_select_box a {
display:block;
padding:7px;
}

.connect_select_box:hover {
background-color:#0a0a0a;
}

/* Layout for about page */

#about_page_title {
width:950px;
height:46px;
padding-top:0px;
background:url(../images/about/about_page_title.gif) no-repeat;
}

/* Layout for portfolio pages - web, print and artwork */

#thumbnail_container {
width:930px;
float:left;
padding-left:10px;
padding-right:10px;
}

.thumbnail_background { /* Thumbnail background for web only */
width:268px;
height:188px;
padding:11px;
background:url(../images/portfolio/bg_thumb_large.png) no-repeat;
float:left;
margin-left:10px;
margin-right:10px;
margin-bottom:20px;
}

.thumbnail_background_small { /* Thumbnail background for web only */
width:268px;
height:172px;
padding:11px;
background:url(../images/portfolio/bg_thumb_small.png) no-repeat;
float:left;
margin-left:10px;
margin-right:10px;
margin-bottom:20px;
}

.thumbnail {
width:254px;
height:123px;
border:7px solid #009cc4; /* This blue ever so slightly different (darker) than the blue used on the site to stand out more on the light grey background */
}

.thumbnail:hover {
border-color:#f2003e;
}

.thumbnail_text_panel {
width:268px;
margin-top:7px;
}

#web_page_title {
width:950px;
height:46px;
padding-top:0px;
background:url(../images/portfolio/web_title.gif) no-repeat;
}

#artwork_page_title {
width:950px;
height:46px;
padding-top:0px;
background:url(../images/portfolio/artwork_title.gif) no-repeat;
}

#print_page_title {
width:950px;
height:46px;
padding-top:0px;
background:url(../images/portfolio/print_title.gif) no-repeat;
}

/* Contact page layout */

#contact_page_title {
width:950px;
height:46px;
padding-top:0px;
background:url(../images/contact/contact_title.gif) no-repeat;
}

/* JQuery scroll button */

#scroll_button_container {
width:84px;
height:24px;
float:left;
overflow:hidden;
padding-left:866px;
padding-bottom:20px;
}

#scroll_button {
cursor:pointer;
border:none;
background:url(../images/main/scroll_button_bg1.gif) no-repeat;
width:84px;
height:24px;
}

#scroll_button:hover {
background:url(../images/main/scroll_button_bg2.gif) no-repeat;
}