/******* Reset Styles ******/
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}

body{line-height:1;}

/***** HTML5 Init ******/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/******* Global ******/
body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; min-width: 960px; }
#wrap {  background: #CCC; background: -moz-linear-gradient(top, #CCC, #333); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#CCC),to(#333)); bottom: 0px; left: 0px; overflow: auto; position: absolute; right: 0px; top: 45px; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#CCCCCC', EndColorStr='#333333'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#CCCCCC', EndColorStr='#333333')"; }
.clear-fix { clear:both; height: 1px; }
a { color: #288676; text-decoration: none; }
a:hover { text-decoration: underline; }
.red { color: red; }
.strong { font-weight: bold; }

/******* Header ******/
header { background: #101010 url(images/headerbg.png) repeat-x 0 -2px; color: #F3F3F3; height: 45px; }
header > nav { float: right; font-size: 14px; margin: 0px 12px; }
header > nav > ul li { cursor: pointer; display: inline-block; zoom: 1; *display: inline; }
header > nav > ul li:hover, header > nav > ul li.selected { background: #7C7C7C url(images/headerbg_hover.png) repeat-x 0 -2px; }
#logo {background: url("images/logo.png") no-repeat scroll 0 0 transparent; display: inline-block; zoom: 1; *display: inline; height: 42px; margin: 0 25px; width: 245px; }
header a { display:inline-block; padding: 15px; }
header a, header a:hover, header a:visited { color: #F3F3F3; text-decoration: none; }

/******* Footer ******/
footer { color:#F3F3F3; margin:0 auto; text-align:center; width:965px; }
footer > nav { font-size: 14px; }
footer > nav > ul li { display: inline-block; zoom: 1; *display: inline; padding: 15px; }
footer a { color: #F3F3F3; text-decoration: none; }
footer a:hover { color: #F3F3F3; text-decoration: underline; }

/**** Content ****/
#content { background: #FFF; border-radius: 6px; bottom: 50px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0px 0px 10px #444; -webkit-box-shadow: 0px 0px 10px #444; margin: 10px auto; min-height: 500px; width: 965px; }
#title_container { background: #D1D3D4; height: 60px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; padding-top: 5px; }
#page_title { color: #4B4B4C; font-size: 20px; font-weight: bold; padding: 5px 10px; }
#page_sub_title { color: #676868; font-size: 16px; padding: 0 10px; }
.ptitle{ color: #276584; font-size: 21px; font-weight: bold; margin-bottom: 5px; margin-top: 80px; }
.pcontent { font-size: 14px; line-height: 20px; padding-bottom: 20px; text-align: justify; width: 700px; }
.ptitle, .pcontent { margin-left: 190px; }
.pcontent ol { list-style: decimal outside none; margin: 0 20px; padding: 0 10px; }
.stitle { border-bottom:1px dashed #888888; font-size:16px; font-weight:bold; margin-bottom:5px; margin-top:15px; padding-bottom:5px; width:100px; }
.column { float: left; padding-bottom: 15px; margin-right: 15px; white-space: nowrap; width: 215px; }

/*** Index Page ***/
.main_page_content { width: 342px; }
#main_page_slides, .main_page_content { display: inline-block; *display: inline; zoom: 1; }
#main_page_slides { border: 1px solid #CCC; float: right; height: 280px !important; margin-right: 30px; margin-top: -22px; text-align: center; width: 365px !important; }

/*** Portfolio Page ***/
#sort_panel { color: #888; float: left; padding: 10px 15px; width: 175px; }
#portfolio_panel { float: right; min-height: 438px; padding: 10px 15px 10px 0; width: 740px; }
.panel_title { font-size: 24px; padding-bottom: 5px; }
#portfolio_panel > .panel_title { color: #276584; padding-bottom: 15px; }
#portfolio_panel .thumbnail { display: inline-block; zoom: 1; *display: inline; margin-bottom: 4px; padding: 8px 4px; width: 175px; border: 1px solid transparent; }
#portfolio_panel .thumbnail:hover { background: -moz-linear-gradient(top, #EEE, #CCC); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#CCC) ); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-color: #AAA; }

#portfolio_panel .product_img { background: #EEE; border: 1px solid #CCC; height: 80px; margin-bottom: 5px; width: 175px; color: #DDD; font-size: 80px; text-align: center;}
#portfolio_panel .product_title { font-size: 15px; font-weight: bold; margin-bottom: 5px; overflow: hidden; padding-left: 5px; white-space: nowrap; }
#portfolio_panel .product_subtitle { font-size: 12px; margin-bottom: 5px; padding-left: 5px; }

#sort_panel > ul { margin: 10px 0 15px 0; }
#sort_panel > ul > li > input[type="checkbox"] { margin: 5px 5px 5px 0; }
#sort_panel > ul > li > input[type="checkbox"]:focus { outline: 0; }

#arrows { float: right; padding: 10px 15px 10px 0; width: 740px; }
#left_arrow, #right_arrow { height: 40px; width: 24px; }
#left_arrow { background:transparent url(images/left_arrow.png) no-repeat 0 0; float:left; cursor:pointer;}
#right_arrow { background:transparent url(images/right_arrow.png) no-repeat 0 0; float:right; cursor:pointer;}

/*** News Page ***/
.no_news { font-size: 16px; }
.news_container { border-collapse: collapse; width: 100%; }
.news_container td { padding: 10px; vertical-align: top; }
.news_date { width: 100px; }
.news_date, .news_headline { color: #288676; font-size: 18px; font-weight: bold; }
.news_preview { color: #666; font-size: 15px; font-weight: bold; line-height: 25px; }
.news_details_date { color: #555; }
.news_content { line-height: 22px; padding-top: 5px; }
.news_back_url { float: right; font-size: 15px; margin-right: 5px; margin-top: -70px; }

/*** Blog Page ***/
#content .pagetitle { color: #276584; font-size: 22px; font-weight: bold; padding: 10px 0; }
.blog_content #title_container { height: 140px; }
#blog_img img { -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
#blog_posts { margin-left: 200px; padding: 25px 10px 10px; } 

/*-- Posts --*/
#comments_title,
#blog_posts .post_title,
#blog_posts .post_title a { color: #276584; font-size: 21px; font-weight: bold; text-decoration: none; }
#blog_posts .post_title a:hover { text-decoration: underline; }
#blog_posts .post_date_author { color: gray; font-size: 14px; font-style: italic; line-height: 20px; }
#blog_posts .post { padding: 15px 0;}
#blog_posts .post_content { font-size: 14px; line-height: 20px; padding: 10px 25px 10px 0; }
#blog_posts .post_meta_data { color: gray; font-size: 12px; font-style: italic; line-height: 15px; }

/*-- Sidebar --*/
#blog_sidebar { float: left; padding-top: 40px; width: 200px; }
#blog_sidebar .sidebar_title { color: #888; font-size: 21px; font-weight: bold; margin-bottom: 10px; margin-left: 15px; }
#blog_sidebar .sidebar_navigation ul li { border-bottom: 1px solid #CCC; margin: 0 10px; padding: 10px 5px; }
#articles_feed { float: right; margin: -7px 30px 0 0; }

/*-- Comments --*/
#comments_title { margin-bottom: 10px; }
#comments_list li { background: #D1D3D4; font-size: 14px; margin: 10px 0; padding: 10px 10px 0px; }
#comments_list li .comment_text { background: #FFF; line-height: 20px; position: relative; padding: 5px; }
#comments_list li .comment_author { background: #293985; color: #FFF; display: inline-block; zoom: 1; *display: inline; margin: 5px 0; padding: 2px 5px; }
#comments_list li .comment_author a, #comments_list li .comment_author a:visited { color: #FFF; }
#comments_list li .bubble { background: url(images/comment_tail.png) no-repeat 0 -7px; display: inline-block; zoom: 1; *display: inline; height: 19px; width: 30px; margin: 0 5px; }
#comments_list li .comment_date { color: #FFF; float: right; font-style: italic; margin: 5px 0; }

/*-- Response Form --*/
#respond { padding: 20px 10px 20px 0; }
#respond .response_form_title { color: #276584; font-size: 18px; }
#respond form { }
#respond form input { border: 1px solid #AAA; font-family: "Lucida Grande", Arial; font-size: 13px; height: 20px; margin: 5px 0; }
#respond form textarea { font-family: "Lucida Grande", Arial; font-size: 13px; }
#respond form label { font-size: 14px; margin: 0 10px; }
#respond form .comment_submit { margin: 10px 0; }
#respond form .comment_submit input { height: 24px; background: -moz-linear-gradient(top, #F2F2F2, #DDD); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#F2F2F2),to(#DDD)); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F2F2F2', EndColorStr='#DDDDDD'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F2F2F2', EndColorStr='#DDDDDD')"; }
#respond form .comment_submit input:hover { background: -moz-linear-gradient(top, #F2F2F2, #CCC); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#F2F2F2),to(#CCC)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F2F2F2', EndColorStr='#CCCCCC'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F2F2F2', EndColorStr='#CCCCCC')"; }

/*** Login Page ***/
#client_login_form { font-size: 16px; margin: 10px 10px 10px 0; padding: 10px 10px 10px 0; width: 320px; }
#client_login_form p { margin: 20px 0; }
#client_login_form .last-child { text-align: right; }
#client_login_form .last-child input { font-size: 14px; }
#client_login_form label { float: left; font-weight: bold; margin-top: 5px; padding-right: 10px; text-align: right; width: 85px; }
#client_login_form input[type='text'], #client_login_form input[type='password'] { border: 1px solid #CCC; font-size: 14px; height: 20px; padding: 5px; width: 210px; }
.login_error { position: absolute; }

/*** 404 Page ***/
#not-found-links-container { background: #FFF; font-family: "Trebuchet MS",Tahoma,Arial; font-size: 14px; font-weight: bold; height: 565px; opacity: 0.5; filter: alpha(opacity = 50); padding: 20px; position: absolute; right: 0px; top: 0px; width: 238px; zoom: 1; }
#not-found-links { font-size: 13px; font-weight: normal; margin-top: 10px; }
#not-found-links li { padding: 5px 10px 0; }
#not-found-links li a, 
#not-found-links li a:hover { color: black; }
#not-found-links li a:hover { text-decoration: underline; }

/*** Client Projects & Assests Page ***/
.project-assets-page { margin-left: 225px; }

#project_last_updated { font-size: 14px; line-height: 18px; margin-left: 12px; }
#client_url, #client_last_updated, #project_last_updated { position: absolute; top: 75px; }
#client_url { margin-left: 580px; }
#project_notes { background: #E8E7BF; border: 1px solid #DDD; color: #555; font-family: "Comic Sans MS", Arial; font-size: 10px; line-height: 20px; margin-left: 10px; margin-right: 10px; min-height: 210px; padding: 10px; position: absolute; width: 175px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.5); box-shadow: 1px 1px 10px rgba(0,0,0,0.5); }
#project_notes h2 { font-size: 15px; margin-bottom: 10px; }
#project_notes ul { margin-bottom: 15px; }
#project_notes li { line-height: 15px; }

#projects_list li { border-bottom: 1px solid #000; font-size: 14px; line-height: 20px; padding: 10px 0; }
#projects_list .project-title { font-weight: bold; margin-bottom: 5px; margin-top: 5px; }
#projects_list .project-title a { color: #288676; font-size: 18px; text-decoration: none; }
#projects_list .project-title a:hover { text-decoration: underline; }

#projects_list_container, #assets_list_container { min-height: 451px; }
#assets_list { font-size: 14px; width: 100%; }
#assets_list tr { border-bottom: 1px solid #000; }
#assets_list td { line-height: 20px; padding: 10px; }
#assets_list th { background: #296583; color: #FFF; padding: 10px; }
#assets_list .asset-title { width: 30%; }
#assets_list .asset-title a { color: #288676; font-size: 14px; font-weight: bold; text-decoration: none;  }
#assets_list .asset-title a:hover { text-decoration: underline; }
#assets_list .asset-description { width: 70%; }

.page_navigation { padding: 22px 10px 10px; text-align: center; }
.page_number { background: #FFF; border: 1px solid #888; color: #333; cursor: pointer; display: inline-block; zoom: 1; *display: inline; margin-right: 10px; }
.active_page { background: #D1D3D4; display: inline-block; zoom: 1; *display: inline; padding: 2px 10px; }
.page_number:hover { border: 1px solid #222; }
.page_number a { display: inline-block; zoom: 1; *display: inline; padding: 2px 10px; }


/*** Admin Page ***/
#admin_tabs { opacity: 0; margin-top: 25px; border: 0; }
#admin_tabs ul { background: none; border: 0; }
.actions-menu { padding: 10px 59px 0 0; text-align: right; }
.tab-content-container, #admin_tabs .ui-tabs-panel { border: 1px solid #CCC; padding: 0; }
.tab-content-container table { font-size: 12px; margin: 20px; width: 917px; }
.tab-content-container table th { font-size: 11px; background: #F2F2F2; }
.tab-content-container table td, .tab-content-container table th { border: 1px solid #BBB; padding: 5px; text-align: center; vertical-align: middle; }
.tab-content-container table td { background: #FFF; }

#admin_tabs .ui-widget-content a.edit-action, 
#admin_tabs .ui-widget-content a.edit-action:hover,
#admin_tabs .ui-widget-content a.edit-action:visited { color: #3C802C; padding: 0 10px 0 5px; }
#admin_tabs .ui-widget-content a.delete-action, #admin_tabs .ui-widget-content a.delete-action:hover { color: #C70F10 ; padding: 0 5px 0 10px;}

.admin-form { font-size: 12px; padding: 10px; }
.admin-form label { font-size: 11px; float: left; margin-top: 5px; margin-right: 10px; text-align: right; width: 200px; }
#grid-filter-container input, .admin-form input { border: 1px solid #CCC; padding: 2px 4px; }
#grid-filter-container input, .admin-form input[type='text'], .admin-form input[type='password'], .admin-form input[type='file'] { width: 200px; height: 20px; }
.admin-form select { width: 208px; }
#grid-filter-container input[type='text'],
.admin-form input[type='file'],
.admin-form input[type='text'], 
.admin-form input[type='password'],
.admin-form textarea { -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; }
.admin-form textarea:focus,
.admin-form input[type='text']:focus, 
.admin-form input[type='password']:focus,
.admin-form input[type='file']:focus { border: 1px solid #888; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); }
.admin-form p { margin: 10px 0; }
.admin-form p.last-child { margin-top: 40px; padding-left: 140px; }
.admin-form p.last-child input { font-size: 14px; height: 24px; margin-right: 40px; padding: 0 10px; }
.admin-form textarea { border: 1px solid #CCC; height: 100px; padding: 2px 4px; resize: vertical; width: 200px; }
#address_block label { height: 100px; }
#address_block input { margin-bottom: 5px; margin-right: 5px; }
#address_block #state { width: 135px; }
#address_block #zip_code { width: 55px; }

.client-page-error { font-size: 12px; line-height: 17px; margin-left: 101px; }
.client-message { color: #3C802C; left: 406px; position: absolute; top: 40px; }
#delete_client_confirm, 
.delete-confirm .ui-dialog-buttonpane, 
.delete-confirm .ui-dialog-titlebar .ui-dialog-title  { font-size: 12px; }
.delete-confirm .ui-dialog-buttonpane { padding: 0; margin: 0; }
.delete-confirm .ui-dialog-buttonpane button { height: 25px; }
.delete-confirm .ui-dialog-buttonpane button .ui-button-text { padding-left: 4px; padding-right: 4px; padding-top: 0; }

.admin-logout-link { font-size: 14px; padding: 5px 36px 0 10px; text-align: right; }
.project-logout-link { font-size: 14px; padding: 0 10px 0 20px; }
.client-logout-link { font-size: 14px; padding: 5px 68px 0 10px; text-align: right; }

.admin-news-content { max-width: 280px; max-height: 100px; overflow: auto; }

#clients a,
#projects a,
#people a, 
#assets a,
#news a,
#slides a { color: #288676; text-decoration: none; }
#clients a:hover,
#projects a:hover,
#people a:hover, 
#assets a:hover,
#news a:hover,
#slides a:hover { text-decoration: underline; }

#add_news_form input[type='text'], #add_news_form textarea { width: 400px; }
#add_news_form input[name='posting_date'] { width: 200px; }
/*-- Lightbox --*/
#lightbox-details { color: #555; margin: 0; padding: 10px 0 2px; }
#lightbox-details .pp_close { background: url(images/lightbox-btn-close.png) no-repeat; position: absolute; right: 7px; top: 2px; z-index: 2010; }
#lightbox-details .pp_description { font-size: 14px; font-weight: bold; }

#lightbox-content .pp_next { background: url(images/lightbox-btn-next.png) no-repeat right center; height: 60px; margin-right: -25px; position: absolute; top: 40px; right: 0; }
#lightbox-content .pp_previous { background: url(images/lightbox-btn-prev.png) no-repeat left center; height: 60px; margin-left: -25px; position: absolute; top: 40px; left: 0; }

/*-- Nivo --*/
.nivo-caption { font-size: 14px; line-height: 20px; text-align: left; }
#main_page_slides { position: relative; background:#202834 url(loading.gif) no-repeat 50% 50%; 
	-moz-box-shadow:0px 0px 10px rgba(150,150,150,0.4); 
	-webkit-box-shadow:0px 0px 10px rgba(150,150,150,0.4); 
	box-shadow:0px 0px 10px rgba(150,150,150,0.4); 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding-bottom: 29px;
}
#main_page_slides img{ position: absolute; top: 0px; left: 0px; display:none; }
#ravcode-badge { visibility: hidden; }

/*************
Admin Page
**************/
#grid-container { font-size: 11px; font-family: Verdana, Arial !important; height: 600px; margin: 25px auto 100px; }
#grid-container .ui-state-default { border: 0; background: inherit; color: #333; }
#grid-filter-container { position: absolute; top: 59px; left: 60px; }
#grid-filter-container input { height: 18px; }