/*
BLUE-ISH CHARCOAL: 			252933
LIGHT BLUE-ISH CHARCOAL: 	363f4e
LIGHTER BLUE:				465568
SOFT BLUE: 					c5d2d3
ORANGE: 					f89c1c
GREEN: 						869b2c

*/

body  { font: 90% Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif; background: #FFFFFF url(/images/bg-scroll.png) 0 -80px repeat-x; margin: 0; padding: 0; color: #252933; }
body#work { background: #FFFFFF url(/images/bg-scroll-work.png)  0 -80px repeat-x; }
body#blog { background: #FFFFFF url(/images/bg-scroll-blog.png)  0 -80px repeat-x }
body#page, body#press { background: #FFFFFF url(/images/bg-scroll-page.png)  0 -80px repeat-x }

a { color: #465568; }
a:hover { color: #252933; }

.green { color: #869b2c; }
.lighterblue { color: #363f4e; }

h1, h2, h3, h4, h5 { font-weight: normal; }
h1 { color: #ffffff; font-size: 250%; padding: 0; margin: 0; }
h2 { font-size: 200%; }
h2 a{ color: #252933; text-decoration: none; }
h2 a:hover { color: #465568; }
h3, .h3 { font-size: 150%; margin: 25px 0 0 0; }
h3 a { color: #252933; text-decoration: none; }
h3 a:hover { color: #465568; }
h4, .h4 { font-size: 125%; padding: 0; margin: 0; }

#page p, #press p { margin: 0 0 20px 0; padding: 0; }

#container { background-repeat: no-repeat; width: 975px; margin: 0; text-align: left; } 
#header { padding: 15px 0 0 33px;   height: 116px; } 

#navigation { float: left; width: 208px; height: 470px; color: #ffffff; background: url(/images/bg-nav.png) top right no-repeat; padding: 0; border-right: 6px solid #ffffff; text-align: right; }
#work #navigation { border:none; }

#navigation ul { list-style-position: outside; list-style-type: none; padding: 20px 0 0 0; margin: 0; }
#navigation ul li { list-style-position: outside; list-style-type: none; padding: 0; margin: 0; }
#navigation ul li a { color: #b2c1c3; text-decoration: none; display: block; line-height: 24px; margin: 0; padding-right: 20px; font-size: 90%; letter-spacing: 1px; }
#navigation ul li a:hover { color: #ffffff; text-decoration: none; background: url(/images/bg-orange-dot.png) center right no-repeat; }
#navigation ul li a.on { color: #ffffff; background: url(/images/bg-orange-dot.png) center right no-repeat; }
#navigation ul li ul { padding: 0 0 10px 0; margin: 0; }
#navigation ul li ul li a { font-size: 75%; background: none; line-height: 14px; }
#navigation ul li ul li a:hover { background: none; }
#sidebar { float: right; height: 440px; width: 155px; margin: 0; padding: 15px 0 15px 0px; text-align: left; }
#sidebar ul { list-style-type: none; padding: 20px 0 0 0; margin: 0; }
#sidebar ul li { list-style-type: none; padding: 0 0 0 20px; margin: 0; color: #b2c1c3; line-height: 24px; font-size: 90%; letter-spacing: 1px; color: #ffffff; background: url(/images/bg-orange-dot.png) top left no-repeat; }
#sidebar ul li a { color: #ffffff; text-decoration: none; letter-spacing: 1px; }
#sidebar ul li a:hover { color: #ffffff; text-decoration: none; }
#sidebar ul li ul { padding: 0 0 10px 0; margin: 0; }
#sidebar ul li ul li { background: none; margin: 0; padding: 0; line-height: 14px; }
#sidebar ul li ul li a { color: #b2c1c3; text-decoration: none; display: block; letter-spacing: 1px; font-size: 90%; background: none; line-height: 14px; }
#sidebar ul li ul li a:hover { background: none; }
#sidebar ul li ul li a.viewon { color: #869b2c; }
#sidebar ul li ul li a.viewoff { color: #b2c1c3; }

#sidebar #views { height: 270px; }

#sidebar #description { height: 200px; padding: 0 20px 0 20px; font-size: 80%; color: #c5d2d3; }
#sidebar #description h4 { color: #ffffff; }

#page #mainContent, #press #mainContent, #blog #mainContent { margin: 0 0 0 0; padding: 30px 90px; height: 410px; overflow: auto; }
#page #mainContent, #press #mainContent { width: 575px; }
#blog #mainContent { width: 420px; }
#mainContent img { border-right: 6px solid #ffffff; border-bottom: 6px solid #ffffff; float: left; }
#press #mainContent img, #page #mainContent img { border: 6px solid #ffffff; float: right; margin: 20px 0 20px 20px; }


#press #mainContent #worklist { margin:25px 0 0 0; padding:0; height:95px; vertical-align:top; }
#press #mainContent #worklist a { border:none; }
#press #mainContent #worklist a:hover { border:none; }
#press #mainContent #worklist #floatimg {   border: 6px solid #ffffff;   float:left;   margin:0 15px 0 0;   padding:0; }  
#press #mainContent #worklist h3, .h3 { font-size: 150%; margin:0; }
#work #mainContent img { margin: 0; padding: 0 6px 0 0; border: none; border-left: 6px solid #ffffff; float: right; }
#footer { padding: 15px 0 12px 35px; font-size: 90%; width:938px; margin:0; clear:both; } 
#footer p { margin: 0; padding: 0; }
#footer p b { color: #869b2c; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
#footer img { padding:4px 2px 0 0; }

.fltrt {  float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat {  clear:both; height:0; font-size: 1px; line-height: 0px; padding:0; margin:0; }
#contactForm td { /* contact form table styles */ padding-right: 10px; }
#contactForm input, #contactForm textarea { border: 1px solid #919da7; margin: 2px; padding: 2px; color: #363f4e; font-family: verdana, Helvetica, Arial, sans-serif; font-size: 90%; }

.profileimg { /* profile page */ float:right; width:180px; padding:0 0 0 10px; margin:0; text-align:center; }
.profileimg p { padding:0; font-size:75%; line-height:95%; }

/* BLOG */
.postmetadata { clear: both; font-size: 10px; }
.postmetadata { font-size: 10px; }

#blog #mainContent img, #blog #mainContent img a { border: 6px solid #ffffff; margin: 20px 20px 20px 20px;}
#blog #mainContent img { display: block; float: none; }
#blog #mainContent img.alignleft { float: left; margin-left: 0; }
#blog #mainContent img.alignright { float: right; margin-right: 0; }
#blog #mainContent img.aligncenter { text-align: center; margin: 20px auto; }

/*TEXT STYLES*/
#page p.award-winning, #press p.award-winning, .award-winning {margin:0; float:right; font-family: Book Antiqua, Palatino, Palatino Linotype, serif; font-size:18px; padding-top:78px; font-style:italic;}