/* Balance Rock Media CSS */
body { background: #d9e6f4; }
strong { font-weight: bold; }

/* structure */
#container { width: 480px; margin: 0 auto; padding: 40px 0 50px; background: #ffffff; }
#mountain_graphic { background: url(../images/mountain.gif) no-repeat; width: 157px; height: 340px; position: fixed; margin: 0 0 0 -157px; top: 290px; }
#footer { width: 480px; margin: 8px auto 0; padding-bottom: 20px; }

/* headers */
h1 { text-indent: -9999px; background: url(../images/logo2.gif) no-repeat; width: 250px; height: 70px; margin: 0 115px 30px; }
h2 { font: bold 18px arial; color: #5277a3; margin: 20px 80px 0; }

/* paragraphs */
p { font: 14px arial; color: #5277a3; line-height: 28px; margin: 20px 80px 0; width: 320px; text-align: justify; }
p.medium { font: 13px arial; color: #5277a3; line-height: 20px; margin: 10px 80px 0; }
p.small { font: 11px arial; line-height: 16px; }
p.buttons { margin-top: 10px; }
p.date { font: 12px arial; margin: 5px 80px 0; color: #aaa; }
div.exercise p { line-height: 20px; margin: 10px 80px; }
#footer p { margin: 0; width: auto; }
pre { font: 14px arial; color: #5277a3; margin: 0 80px 0; }

/* links */
a { color: #b28b4f; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
p.date a { color: #aaa; text-decoration: underline; }
p.date a:hover { color: #b28b4f; }

/* lists */
ul#nav { position: fixed; top: 20px; margin: 0 0 0 480px; }
ul#nav li#home a { display: block; text-indent: -1000em; background: url(../images/homeLink.png) no-repeat; height: 27px; width: 21px; margin-bottom: 3px; }
ul#nav li#services a { display: block; text-indent: -1000em; background: url(../images/servicesLink.png) no-repeat; height: 64px; width: 21px; margin-bottom: 3px; }
ul#nav li#work a { display: block; text-indent: -1000em; background: url(../images/workLink.png) no-repeat; height: 47px; width: 21px; margin-bottom: 3px; }
ul#nav li#articles a { display: block; text-indent: -1000em; background: url(../images/articlesLink.png) no-repeat; height: 64px; width: 21px; margin-bottom: 3px; }
ul#nav li#contact a { display: block; text-indent: -1000em; background: url(../images/contactLink.png) no-repeat; height: 64px; width: 21px; }

ul, ol {  margin: 15px 80px 0; }
ul li, ol li { font: 14px arial; line-height: 20px; }
ol li { list-style-type: decimal; color: #5277a3; }
dl { width: 320px;  margin: 20px 80px 0; }
dt { font: bold 14px arial; color: #5277a3; line-height: 20px; text-decoration: underline; }
dd { font: 14px arial; color: #5277a3; line-height: 24px; margin: 5px 0 20px; text-align: justify; }

/* forms */
form { margin: 20px 0; }
form p { text-align: left; }
form label { font: 14px arial; color: #5277a3; font-weight: bold; display: block; margin-bottom: 2px; }
form input.text { width: 300px; margin: 0; border: 1px solid #ccc; background: #fff; padding: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
form input.text:focus { border: 1px solid #ccc; background: #fff; }
form textarea { width: 300px; height: 150px; border: 1px solid #ccc; background: #fff; padding: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
form textarea:focus { border: 1px solid #ccc; background: #fff; }
.required { color: red; display: none; }

/* Clients Site */
body.clients ul { margin: 15px 80px; font: 14px arial; color: #5277a3; }
body.clients ul ul { margin: 5px 20px; }
p.admin_link { margin: 0 80px; line-height: 20px; }
body.clients .required { display: inline; }
body.clients select { width: 312px; }