/*------------------------------------------------------------------
[Master Stylesheet]

Project: Emagine Media
Version: 1.1
Assigned to: Aaron Jay,  Brian Hickey, Sharon Fitzgerald
Last change:

Aaron - 09/11/09 - ul lists - blogs
Aaron - 04/06/09 - recent projects adjusted
Aaron - 9/03/09 - left slider installed
Aaron - 9/03/09 - tooltip fixed
Aaron - 9/03/09 - folio slideshow changed
Aaron - 3/03/09 - photoblog slideshow changed
Aaron - 24/02/09 - social bookmarks added
Aaron - 17/02/09 - flickr border problem
Aaron - 16/02/09 - conversion to html 5 elements 


[Table of contents]

1. General and Overall 
2. Client Login
3. Content
3a. Navigation
4. Main Content
5. Right Content Home
6. Blog/News 
7. Footer
8. Tooltip
9. Tabs
10. Google Map
11. Sitemap.
12. ezine
13. Slider
-------------------------------------------------------------------
------------------------------------------------------------------

 [1.] General and overall ---------------------- */
html {
background:#C9C7BA url(/graphics/background.jpg) repeat-x;
}

body {
background:url(/graphics/che.png) no-repeat 90em 20em;
}

#container {
width:60em;
background:#555648;
}

#wrapper {
overflow:hidden;
}

ul.accessibility {
position:absolute;
top:1em;
left:76em;
font-size:.6em;
text-decoration:none;
color:#666;
}

ul.accessibility li {
float:left;
padding:0 0 0 .5em;
}

ul.accessibility a:link,ul.accessibility a:visited {
color:#565749;
text-decoration:none;
}

ul.accessibility a:hover,ul.accessibility a:active {
color:#000;
text-decoration:underline;
}

.logo_back {
display:block;
height:9em;
background:url(/graphics/logo_back.jpg) no-repeat;
padding:2em 0 0;
}

/* [2.] Client Login ---------------------- */
#client_login {
background:url(/graphics/top_back.gif);
height:.7em;
text-transform:uppercase;
padding:.2em 0 .1em;
}

#client_login label {
color:#fff;
background:url(/graphics/button_back.gif);
height:2.1em;
display:block;
float:left;
font-size:.65em;
margin:-0.3em 0 0;
padding:1em 1.2em .2em;
}

#client_login input {
background:#E3DDA3;
border:solid .2em #333;
margin:0 .3em 0 0;
}

#client_login .input {
float:left;
background:#888773 url(/graphics/form_back.gif) repeat-y;
display:block;
height:1.43em;
margin:-0.2em 0 0;
padding:.4em 0 .2em;
}

#client_login #submit {
border:none;
background:none;
color:#fff;
text-transform:uppercase;
font-size:.7em;
margin:.5em 0 0;
}

/* [3.] Content ---------------------- */
#top_div {
background:url(/graphics/main_content_top.jpg) no-repeat 0 -0.1em;
height:2.5em;
}

/* [3a.] Navigation ---------------------- */
#nav {
background:#fff url(/graphics/nav_back.jpg) repeat-x;
float:left;
width:14.4em;
min-height:30em;
margin:0 0 -500em 0;
padding:0 0 500em 0;
}

ul#main_nav {
width:70%;
margin:0 0 0 1.5em;
}

#main_nav li a {
display:block;
text-decoration:none;
color:#333;
text-transform:uppercase;
font-size:.85em;
border:solid .1em transparent;
margin:.2em 0;
padding:.7em;
}

#main_nav li a.current {
background:url(/graphics/nav_current.jpg) left bottom repeat-x #fff;
display:block;
text-decoration:none;
color:#333;
text-transform:uppercase;
font-size:.85em;
border:solid .1em #666;
margin:.2em 0;
padding:.7em;
}

#main_nav li a:hover {
background:#E5E2DB;
display:block;
text-decoration:none;
color:#333;
text-transform:uppercase;
font-size:.85em;
border:solid .1em #666;
margin:.2em 0;
padding:.7em;
}

/* [3b.] Sub-Navigation ---------------------- */
#main_nav ul li {
border-bottom:.1em solid #C9C7BA;
}

#main_nav ul li a {
display:block;
text-decoration:none;
color:#333;
text-transform:capitalize;
font-size:.75em;
margin:0;
padding:.3em .7em;
}

#main_nav ul li a.current_sub {
background:#BAAA30;
display:block;
text-decoration:none;
color:#fff;
text-transform:capitalize;
font-size:.75em;
margin:0;
padding:.3em .7em;
}

#main_nav ul li a:hover {
background:#BAAA30;
display:block;
text-decoration:none;
color:#fff;
text-transform:capitalize;
border:.1em solid transparent;
font-size:.75em;
margin:0;
padding:.3em .7em;
}

/* [4.] Main Content ---------------------- */
#content {
background:#fff url(/graphics/main_content_right.jpg) repeat-y top right;
float:left;
width:29.5em;
margin:0 0 -500em 0;
padding:0 .1em 500em 1em;
}

#content h1 {
margin:1em 0 .5em;
}

#content h2 {
font-size:.9em;
margin:.5em 0;
}

#content p {
font-size:.8em;
line-height:1.5em;
padding:0 3em 1em 0;
}

#content a {
color:#333;
}

#content noscript {
position:absolute;
top:0;
}

#content dl{
font-size:.8em;
width:33em;
padding: 0 0 1em 0;
}

#content dt {
padding: 0.7em 0 ;
font-weight:bold;
}

#content ol {
font-size:.8em;
width:33em;
padding: 0 0 .5em 2em;
}


.social_bookmarks {
margin: 1em 0 0 2.2em;
}

/* [4a.] Main Content - Home Non-Java ---------------------- */
ul.non_java_folio_list {
list-style-type:none;
font-size:.8em;
display:block;
clear:both;
width:100%;
height:2em;
margin:.7em 0 1em;
}

ul.non_java_folio_list li {
float:left;
padding:0 .4em 0 0;
}

.non_java_folio_list a {
border:solid .1em #797866;
text-decoration:none;
color:#565749;
padding:.1em .3em;
}

/* [5.] Right Content Home  ---------------------- */
#recent_stuff {
float:left;
background:#565749 url(/graphics/right_back.jpg) repeat-x;
width:14.5em;
min-height:30em;
margin:0 0 -500em 0;
padding:0 0 500em .5em;
}

#recent_stuff .recent_project {
display:block;
width:100%;
clear:both;
padding:.5em 0 .7em;
}

#recent_stuff h2 {
background:#C9C7BA;
font-weight:700;
float:right;
width:15.7em;
color:#545448;
text-transform:uppercase;
font-size:.9em;
margin:.5em 0;
padding:.2em 0 .2em .5em;
}

#recent_stuff h3 {
font-weight:400;
color:#fff;
font-size:.9em;
margin:.5em 0 .2em;
padding:.2em 0;
}

#recent_stuff img.featured_thumb {
display:block;
float:left;
margin:.3em .7em 1em .1em;
}

#recent_stuff p, #recent_stuff ul li {
color:#fff;
font-size:.75em;
margin:0 1em 1em 0;
}

#recent_stuff p a,#recent_stuff h3 a {
color:#fff;
text-decoration:none;
}

#recent_stuff p a:hover,#recent_stuff h3 a:hover {
color:#DADAD2;
text-decoration:none;
}

#recent_stuff span.date {
color:#D2C24F;
font-size:.6em;
display:block;
text-transform:uppercase;
padding:0 0 1em;
}

#recent_stuff span.date a {
color:#D2C24F;
padding:0 .1em;
}

#recent_stuff ul li a{
text-decoration:none;
color:#fff;
margin:0 1em 1em 0;
}

#recent_stuff ul li a:hover{
color:#D2C24F;
text-decoration:underline;
}

ul.flickr {
clear:both;
width:15em;
}

ul.flickr li {
float:left;
padding:0;
margin:0;
width:3.4em;
}

ul.flickr li a img {
margin:0;
padding:0;
width:4.55em;
float:left;
border:solid .2em #C9C7BA;
}

#music li {
color:#fff;
font-size:.7em;
}

h2.itunes_head {
border-top:solid 2em;
}

/* [6.] Blog / News  ---------------------- */
#blog_content h1 {
font-size:1.2em;
font-weight:400;
}

#blog_content ul {
font-size:.8em;
width:70%;
padding:0 0 1em 1em;
}

#blog_content ul li {
margin: 0 0 1em 0;
}

.blog_entry {
border-bottom:.15em solid #A6A6A6;
width:28em;
font-size:.9em;
padding:.5em 0 1em;
float:left;
}

#content .blog_entry h2 {
font-size:1.1em;
font-weight:400;
}

.latest_entries li {
color:#fff;
font-size:.75em;
width:17.2em;
border-bottom:.2em solid #A6A6A6;
display:block;
padding:0 2.1em 1em 0;
}

#recent_stuff .latest_entries li h3 {
font-size:1.2em;
}

#content .blog_entry a.more_link,#recent_stuff .more_link {
color:#BAAA30;
display:block;
text-decoration:none;
margin:.2em 0 0;
}

/* [7.] Footer  ---------------------- */
#footer {
display:block;
clear:both;
background:#545448 url(/graphics/footer_top.jpg) no-repeat -0.8em 0;
height:10em;
position:relative;
padding:4em 0 0 15.5em;
}

.value a {color:#fff;}

.vcard {
font-style:normal;
}

#footer img {
display:block;
clear:both;
margin:0 0 .5em 1.5em;
}

#associations {
position:absolute;
top:4em;
left:.5em;
width:10em;
text-align:left;
}

.space {
border:solid .1em;
width:12em;
height:6em;
float:left;
}

.office1,.office2,.office3 {
color:#DADAD2;
font-size:.7em;
float:left;
width:11em;
margin:0 2em 0 0;
}

.location-name {
display:block;
clear:both;
color:#fff;
font-weight:700;
}

ul#legal_links {
display:block;
clear:both;
float:left;
width:100%;
margin:0 0 0 -0.6em;
padding:2em 0 0;
}

ul#legal_links li {
float:left;
height:1em;
font-size:.7em;
color:#7F7E6A;
}

ul#legal_links li a {
color:#DADAD2;
text-decoration:none;
margin:0 1em;
}

ul#legal_links li a:hover {
color:#D2C24F;
text-decoration:underline;
}

/* [8.] tooltip */
#preview, #screenshot {
position:absolute;
border:1px solid #ccc;
background:#333;
display:none;
color:#fff;
padding:5px;
}

/* [9.] tabs */
#team_members ul {
float:left;
width:29em;
clear:both;
margin:0 0 .5em;
}

.ui-tabs-nav li {
float:left;
background:url(/graphics/sub_off.gif) no-repeat;
height:2em;
width:6.1em;
text-align:center;
display:block;
padding:.3em 0 0;
}

.ui-tabs-nav a {
font-size:.8em;
text-decoration:none;
color:#000;
}

.ui-tabs-nav li.ui-tabs-selected {
float:left;
background:url(/graphics/sub_on.gif) no-repeat;
height:2em;
width:6.1em;
text-align:center;
}

.ui-tabs-nav .ui-tabs-selected a {
font-size:.8em;
text-decoration:none;
color:#fff;
}

/* [10.] Google Map */
#map {
margin:2.5em -.1em; 0;
}

.hide,.ui-tabs-hide {
display:none;
}

.county-name,.email,.tel {
display:block;
clear:both;
}


/* [11.] Sitemap */


.sitemap ul {
padding: .5em 0;
border-bottom:.1em solid #888773;
width: 25em;
margin: 0 0 0 1em;
}

.sitemap ul a {
text-decoration:none;
font-size:.9em;
}

/* [12.] ezine */

#nav h3 {
margin: 2em 0 0 2em;
font-size:.8em;
text-transform:uppercase;
font-weight:normal;
border:.1em solid  #888773;
padding:.5em;
width:10em;
background:url(/graphics/nav_current.jpg) left bottom repeat-x #fff;
display:block;
text-decoration:none;
color:#333;
text-transform:uppercase;
font-size:.85em;
border:solid .1em #666;
padding:.7em;
}

form.ezine {
margin:.5em 0 0 2em;
}

.ezine label {
font-size:.8em;
text-transform:uppercase;
}

.ezine .btnNews {
border:none;
margin:1em 0 0 0;
padding:0 1em .5em 0;
text-transform:uppercase;
background:none;
}

/* [13.] Slider */

#slider{}	
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}

#slider li{ 
width:410px;
height:225px;
overflow:hidden; 
}	


#prevBtn{ 
display:block;
font-size:.75em;
float:left;
width:50%;
padding:1em 0;
}	

#nextBtn{ 
display:block;
font-size:.75em;
float:left;
width:37%;
text-align:right;
padding:1em 3em 1em 0;
}		
													
#prevBtn a, #nextBtn a{  
display:block;
text-decoration:none;
text-transform:lowercase;	
}