@import url(form.css);

@font-face {
    font-family: 'EuroStile';
    src: url('/fonts/eurosti-webfont.eot');
    src: url('/fonts/eurosti-webfont-.eot#iefix') format('embedded-opentype'),
         url('/fonts/eurosti-webfont.woff') format('woff'),
         url('/fonts/eurosti-webfont.ttf') format('truetype'),
         url('/fonts/eurosti-webfont.svg#EuroStile') format('svg');
    font-weight: normal;
    font-style: normal;
}

html * { margin: 0px; padding: 0px; font-size: 100%; font-family: Tahoma, Arial, Helvetica, sans-serif; }
a:link, a:visited { color: #5f2672; text-decoration: none; }
a:hover { color: #800000; text-decoration: none; }
a:active { color: #000080; text-decoration: none; }
body { background: #fff; font-size: 0.7em; color: #000000; line-height: 1.6em; }
h1, h2, h4, h5, h6 { color: #404040; padding: 2px 0px; }
h1 { font-size: 1.3em; margin-bottom: 1em;  }
h2 { font-size: 1.1em; margin-bottom: 0.3em; }
h8 { font-size: 0.4em; font-weight: normal; font-family: Arial; }
hr { display: none; }
div.hr { border-top: 1px solid #000000; padding-top: 8px; margin-bottom: 7px; }
img { border: 0px; }
ol, ul { margin-left: 1.5em; padding-left: 1.5em; margin-bottom: 0.8em; }
p { margin-bottom: 0.8em; }
select { vertical-align: middle; }

.clear { clear: both; }
.align-left, .align-l { text-align: left; }
.align-center, .align-c { text-align: center; }
.align-right, .align-r { text-align: right; }
.valign-top, .valign-t { vertical-align: top; }
.valign-middle, .valign-m { vertical-align: middle; }
.valign-bottom, .valign-b { vertical-align: bottom; }
.float-left, .float-l { float: left; }
.float-right, .float-r { float: right; }
.error { color: #a70000; font-weight: bold; }
.status, .success { color: #008000; font-weight: bold; }
.hidden { display: none; }
.min-width { width: 1%; }
.max-width { width: 100%; }

p.error { margin: 10px 0; }
p.success, p.status { margin: 10px 0; }

tr.overdue td { background: #ffdddd; }

/**
 * Everything New for 2010
 */
#head-wrap { background: #24234d url(../images/body_bg.jpg) repeat-x scroll 0 0; }
#head { background: transparent; width: 920px; height: 100px; margin: 0 auto; }
	#top-nav { width: 920px; line-height: 27px; text-transform: lowercase; }
	#top-nav ul { float: left; margin: 0; padding: 0; list-style: none; background: url(../images/px_w_30.png) repeat scroll 0 0; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; }
	#top-nav ul li { display: block; float: left; margin: 0; padding: 0; }
	#top-nav ul li a { color: #fff; padding: 0 8px; }
	#top-nav ul li a:focus,
	#top-nav ul li a:hover,
	#top-nav ul li a:active { color: #ddd; }
	#top-nav ul li.separator { width: 3px; height: 27px; background: url(../images/top_nav_sep.png) no-repeat scroll 0 0; }

	#logo { float: left; clear: left; margin-top: 19px; }
	#logo div { display: block; width: 185px; height: 75px; margin: 0; padding: 0; border: 0; }
	#logo div a { display: block; width: 185px; height: 75px; margin: 0; padding: 0; border: 0; background: url(../images/logo.png) no-repeat scroll 0 0; }
	#logo div a:hover { background-position: 0 -75px; }
	#logo div a span { display: none; }

	#celebration { position: relative; float: right; width: 720px; z-index: 10; }
		#decade_celeb_text { font-weight: bold; color: #fff; padding-top: 79px; }
		#decade_celeb_image { position: absolute; right: 0; top: -10px; width: 260px; height: 110px; background: url(../images/celeb.png) no-repeat scroll 0 0; z-index: 11; }

	a#client-login { display: block; height: 20px; line-height: 14px; margin-top: 22px; padding-left: 20px; background: url(../images/icon_login.png) no-repeat scroll 0 0; color: #490933; }
	a#client-login:hover { color: #6b1b55; }
    #mp3player { float: right; width: 320px; margin: 0px 0px 15px 15px; }
.spectrum { height: 2px; background: url(../images/color_bar.png) repeat-x scroll 0 0; }

#page-wrap { background: url(../images/page_bg.jpg) no-repeat scroll 50% -22px; min-height: 500px; height: auto !important; height: 500px; margin: 0 0 -1px 0; padding: 0 0 20px 0; }
#page { width: 920px; margin: 0 auto 0 auto; padding: 0; }

#page-nav { float: left; height: 18px; padding-top: 5px; text-transform: lowercase; }
#page-nav ul { list-style: none; margin: 0; padding: 0; font-size: 12px; }
#page-nav ul ul { display: none; font-size: 11px; }
#page-nav ul li { display: block; float: left; padding: 3px 10px; }
#page-nav ul li a { color: #444; font-weight: bold; } 
#page-nav ul li.active-link a { color: #970205; } 
#page-nav ul li.active-link ul a { color: #444; } 
#page-nav ul li.active-link ul a:hover,
#page-nav ul ul li.active-link a { color: #970205; }
#page-nav ul li:hover > a,
#page-nav ul li a:hover,
#page-nav ul li a:focus,
#page-nav ul li a:active { color: #970205; } 
#page-nav ul li:hover ul { display: block; position: absolute; clear: both; z-index: 10; width: 200px; margin: 0 0 0 -5px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #eee; }
#page-nav ul ul li { display: block; float: none; clear: both; padding: 3px 5px; }

#page-summary ul { top: 130px; position: absolute; z-index: 1000; list-style: none; margin: 0px; padding: 0px; }
#page-summary ul li{ min-height: 300px; width: 896px; background: #FFF; border: 2px solid #FDB91B; margin: 0px; padding: 10px; display: none;}
#page-summary h2 { color:#970205; }

#social-links { float: right; width: 230px; height: 20px; padding-top: 9px; color: #802D68; }
#social-links img { vertical-align: top; }

/*#color-nav-grad { float: left; background: url(../images/body_gradient_bottom.png) repeat-x scroll 0 0; margin-bottom: 5px; }*/
#color-nav-grad { float: left; background: #24234d url(../images/body_bg.jpg) repeat-x scroll 0 0; margin-bottom: 5px; }
#color-nav { height: 110px; margin-bottom: -1px; padding: 120px 0 0 0; background: url(../images/color_nav_bg.png) no-repeat scroll 0 -30px; }
#color-nav a { display: block; float: left; width: 140px; height: 110px; background: url(../images/color_change_nav.png) no-repeat scroll 0 0; margin-right: 5px; }
#color-nav a span { display: none; }
#color-nav a#color-web           { background-position: -1px 0; }
#color-nav a#color-web:hover     { background-position: -1px -110px; }
#color-nav a#color-graphic       { background-position: -146px 0; }
#color-nav a#color-graphic:hover { background-position: -146px -110px; }
#color-nav a#color-seo           { background-position: -291px 0; }
#color-nav a#color-seo:hover     { background-position: -291px -110px; }
#color-nav a#color-photo         { background-position: -436px 0; }
#color-nav a#color-photo:hover   { background-position: -436px -110px; }

#news-ticker { float: right; width: 330px; background: #eee; margin-top: 195px; padding: 3px 5px; }
#news-ticker a { color: #333; }
#news-ticker a:hover { color: #555; }
#news { list-style: none; display: block; float: left; width: 270px; margin: 0; padding: 0; height: 16px; line-height: 16px; overflow: hidden; }
#news li { margin: 0; padding: 0; display: inline; }
#news-ticker .ticker-controls { float: right; list-style: none; margin: 0; padding: 0; }
#news-ticker .ticker-controls li { margin: 0; padding: 0; display: inline; }
#news-ticker .ticker-controls li a { display: block; float: left; width: 16px; height: 16px; background-position: 0 0; outline: none; }
#news-ticker .ticker-controls li.resume a { background: url(../images/ticker_play.png) no-repeat scroll 0 0; }
#news-ticker .ticker-controls li.pause a { background: url(../images/ticker_pause.png) no-repeat scroll 0 0; }
#news-ticker .ticker-controls li.stop a { background: url(../images/ticker_pause.png) no-repeat scroll 0 0; }
#news-ticker .ticker-controls li.next a { background: url(../images/ticker_next.png) no-repeat scroll 0 0; }
#news-ticker .ticker-controls li.previous a { background: url(../images/ticker_prev.png) no-repeat scroll 0 0; }
#news-ticker .ticker-controls li a:focus,
#news-ticker .ticker-controls li a:hover { background-position: 0 -16px; }
#news-ticker .ticker-controls li a:active { background-position: 0 -32px; }

#content-wrap { width: 640px; margin-top: 10px; float: left; }
	#content-top { height: 17px; background: url(../images/page_top.png) no-repeat scroll 0 0; }
	#content { padding: 0 20px 20px 20px; background: url(../images/page_tile.png) repeat-y scroll 0 0; min-height: 350px; height: auto !important; height: 350px; }
	#content-bottom { height: 1px; background: url(../images/page_bottom.png) no-repeat scroll 0 0; }

#content-wrap-client { width: 920px; margin-top: 10px; }
	#content-top-client { height: 17px; background: url(../images/page_top_client.png) no-repeat scroll 0 0; }
	#content-client { padding: 0 20px 20px 20px; background: url(../images/page_tile_client.png) repeat-y scroll 0 0; min-height: 350px; height: auto !important; height: 350px; }
	#content-bottom-client { height: 1px; background: url(../images/page_bottom_client.png) no-repeat scroll 0 0; }

#content-wrap-portfolio { width: 725px; margin-top: 10px; float: left; }
	#content-top-portfolio { height: 17px; background: url(../images/page_top_2.png) no-repeat scroll 0 0; }
	#content-portfolio { float: left; width: 100%; clear: both; padding: 0 20px 20px 20px; background: url(../images/page_tile_2.png) repeat-y scroll 0 0; }
	#content-bottom-portfolio { float: left; width: 100%; clear: both; height: 1px; background: url(../images/page_bottom_2.png) no-repeat scroll 0 0; }

#sub-nav-label { position: relative; z-index: 10; margin: 0 0 0 -20px; padding: 0; float: left; }
#sub-nav { float: left; width: 640px; height: 34px; line-height: 33px; margin: 5px 0 0 0; padding: 0; background: url(../images/sub-nav-bg.png) no-repeat scroll 0 0; }
#sub-nav ul { list-style: none; margin: 0 0 0 10px; padding: 0; width: 630px; text-transform: uppercase; }
#sub-nav li { display: inline; margin: 0 15px 0 0; padding: 0; }
#sub-nav li.last-link { margin: 0; }
#sub-nav a { color: #111; font-weight: bold; }
#sub-nav a:hover { color: #a70000; }
#sub-nav li.active-link a { color: #a70000; }

#portfolio-menu { position: relative; z-index: 500; float: right; width: 185px; height: 34px; line-height: 33px; margin-top: 5px; background: url(../images/sub-menu-bg.png) no-repeat scroll 0 0; }
#portfolio-menu img { vertical-align: middle; }
#portfolio-menu ul { list-style: none; margin: 0; padding: 0; width: 185px; height: 34px; position: relative; }
#portfolio-menu ul ul { display: none; position: absolute; z-index: 500; width: 175px; height: auto; margin: -35px 0 0 -5px; padding: 20px 5px 10px 5px; background: url(../images/portfolio-menu-bg.png) no-repeat bottom left; }
#portfolio-menu ul ul li { line-height: 16px; }
#portfolio-menu li { height: 34px; width: 185px; margin: 0; padding: 0 5px; }
#portfolio-menu ul li { height: auto; width: auto; }
#portfolio-menu li:hover ul { display: block; top: 65px; }
#portfolio-menu li.active-link a { color: #a70000; }

#portfolio-title-image { margin: -35px 0 0 -20px; }
#portfolio-image-title-2 { position: absolute; display: block; padding-right: 60px; float: left; top: -20px; z-index: 800; }

#right-box-portfolio { float: right; width: 185px; padding-top: 10px; }
#right-box-portfolio img { vertical-align: middle; }
#right-box-portfolio p { margin: 0; padding: 0; }
#right-box-portfolio .box-1-top { height: 7px; background: url(../images/r_panel/1b_top.png) no-repeat scroll 0 0; }
#right-box-portfolio .box-1 { padding: 10px; background: url(../images/r_panel/1b_tile.png) repeat-y scroll 0 0; }
#right-box-portfolio .box-1-line { height: 1px; background: url(../images/r_panel/1b_line.png) no-repeat scroll 0 0; }

#right-portfolio-box { text-transform: uppercase; }

#right-box { float: right; width: 270px; padding-top: 10px; }
#right-box img { vertical-align: middle; }
#right-box p { margin: 0; padding: 0; }
#right-box .box-1-top { height: 7px; background: url(../images/r_panel/1_top.png) no-repeat scroll 0 0; }
#right-box .box-1 { padding: 10px; background: url(../images/r_panel/1_tile.png) repeat-y scroll 0 0; }
#right-box .box-1-line { height: 1px; background: url(../images/r_panel/1_line.png) no-repeat scroll 0 0; }
#right-box .box-2 { padding: 10px; background: url(../images/r_panel/2_tile.png) repeat-y scroll 0 0; }
#right-box .box-2-line { height: 1px; background: url(../images/r_panel/2_line.png) no-repeat scroll 0 0; }
#right-box .box-1 ul { list-style-image: url(../images/bullet_arrow_blue.gif); }
#right-box .box-2 ul { list-style-image: url(../images/bullet_arrow_orange.gif); }
#right-box .hr { border-top: 1px solid #ccc; }


/*#foot-grad { background: url(../images/body_gradient_bottom.png) repeat-x scroll 0 0; margin: 0; padding: 0; }*/
#foot-grad { background: #24234d url(../images/body_bg.jpg) repeat-x scroll 0 0; margin: 0; padding: 0; }
#foot-wrap { height: 165px; background: url(../images/footer_dots.png) repeat-x scroll 0 0; margin: 0; padding: 0; }
#foot { width: 920px; margin: -1px auto 0 auto; padding-top: 75px; line-height: 14px; color: #fff; }
#foot h3 { font-size: 12px; }
#foot table tr { vertical-align: top; }
#foot table td { width: 135px; }
#foot a { color: #fff; }
#foot a:hover,
#foot a:focus,
#foot a:active { color: #ddd; }

#bottom-wrap { background: #fff; padding: 10px 0; color: #888; }
#bottom { width: 920px; margin: 0 auto; text-align: center; }
#bottom img { vertical-align: middle; }
#bottom a { color: #555; }
#bottom a:hover { color: #888; }

.column { width: 300px; float: left; margin-right: 10px; }
.column.last { margin-right: 0; }
.column .heading { position: relative; float: right; z-index: 20; margin: -40px -15px 0 0; padding: 0 0 20px 0; }
.column .heading img { display: block; position: absolute; right: 0; }
.panel { margin: 5px 0 10px 0; }
.panel_1.body, .panel_2.body, .panel_3.body { padding: 10px; }
.panel_1.top { height: 8px; background: url(../images/panels/1_top.png) no-repeat scroll 0 0; }
.panel_1.body { background: url(../images/panels/1_repeat.png) repeat-y scroll 0 0; }
.panel_1.line { height: 1px; background: url(../images/panels/1_line.png) no-repeat scroll 0 0; }
.panel_2.top { height: 8px; background: url(../images/panels/2_top.png) no-repeat scroll 0 0; }
.panel_2.body { background: url(../images/panels/2_repeat.png) repeat-y scroll 0 0; }
.panel_2.line { height: 1px; background: url(../images/panels/2_line.png) no-repeat scroll 0 0; }
.panel_3.top { height: 8px; background: url(../images/panels/3_top.png) no-repeat scroll 0 0; }
.panel_3.body { background: url(../images/panels/3_repeat.png) repeat-y scroll 0 0; }
.panel_3.line { height: 1px; background: url(../images/panels/3_line.png) no-repeat scroll 0 0; }
.portfolio-box { height: 160px; width: 245px; text-align: center; margin: 0 auto; }
.panelheading { font-family: 'EuroStile'; font-size: 1.5em; }

.carousel { height:225px; overflow:hidden; }

.column .jcarousel-skin-ff1,
.column .jcarousel-skin-ff2,
.column .jcarousel-skin-ff3 { margin-left: -20px; }


/**
 * Blog style and layout
 */
.blog-smaller { color: #969697; font-size: 0.9em; }
.blog-separator { margin: 10px 0 0 0; }
.entry-image { display: block; margin: 5px 10px 0 0; }
.blog-rss { float: right; clear: both; margin-top: -30px; }
.blog-rss a { color: #003366; }
.blog-rss a:hover { color: #336699; }

#blog-categories { font-size: 1.1em; }
#blog-categories .blog-category { margin-bottom: 10px; }
#blog-categories .blog-cat-head { padding: 5px; background: #eee; color: #969697; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#blog-categories .blog-cat-content { font-size: 1em; padding: 0 5px 5px 5px; }

#blog-entries { font-size: 1.1em; }
#blog-entries .blog-entry { margin-bottom: 10px; }
#blog-entries .blog-entry-head { padding: 5px; background: #eee; color: #969697; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 11px; }
#blog-entries .blog-entry-content { font-size: 1em; padding: 0 5px 5px 5px; }

#blog-entry-info { margin: 0; padding: 5px; background: #eee; color: #969697; border: 1px solid #ddd; font-size: 1.1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#blog-entry-content { margin-bottom: 30px; margin-top: 10px; background: #fff; padding: 5px; border: 0; font-size: 1.1em; }

#blog-entry-tags { margin: 0; padding: 5px; background: #eee; color: #969697; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

#blog-entry-social ul { list-style: none; margin: 0; padding: 0; }
#blog-entry-social li { display: block; float: left; margin: 0 5px 0 0; padding: 0; }
#blog-entry-social li a img { opacity: 0.8; }
#blog-entry-social li a:hover img,
#blog-entry-social li a:focus img { opacity: 1; margin-top: -1px; margin-bottom: 1px; }

#blog-entry-comments { width: 600px; margin: 10px 0; }
#blog-entry-comments .blog-entry-comment { margin-bottom: 10px; }
/*#blog-entry-comments .blog-entry-comment-head { height: 15px; background: url(../images/comment-head.png) no-repeat scroll 0 0; }*/
#blog-entry-comments .blog-entry-comment-body { padding: 10px; background: #f4f4f4; border: 1px solid #ccc; border-bottom: 0; }
#blog-entry-comments .blog-entry-comment-body h1 { margin: 0; padding: 0 0 5px 0; font-size: 14px; }
#blog-entry-comments .blog-entry-comment-foot { height: 16px; background: url(../images/comm-foot.png) no-repeat scroll 0 0; padding: 2px 50px;}

#tagcloud a { padding-right: 3px; }
#tagcloud .smallest { font-size: 10px; }
#tagcloud .small { font-size: 12px; }
#tagcloud .medium { font-size: 14px; }
#tagcloud .large { font-size: 16px; }
#tagcloud .largest { font-size: 18px; }

.bullet-on  { font-weight: bold; color: #008000; }
.bullet-off { font-weight: bold; color: #a70000; }
a:hover span.bullet-on  { font-weight: bold; color: #11a111; }
a:hover span.bullet-off { font-weight: bold; color: #c91111; }