/* HTML */
html, body{padding:0;margin:0;font-family:Arial, Helvetica, sans-serif;font-size:1em;color:#0082D6;}

a:link,a:visited{padding:0;margin:0;color:#0082D6;}
a:hover{padding:0;margin:0;color:#0082D6;}

p{padding:0 0 10px 0;margin:0;}

h1{padding:0 0 10px 0;margin:0;font-size:1.6em; color:#6EAB23;}
h2{padding:0 0 10px 0;margin:0;font-size:1.2em; color:#E41917;}

form{padding:0;margin:0;}

/* LAYOUT */
#container{padding:0;margin:0 auto;width:1000px;}
#header{padding:0;margin:15px 0;height:174px;background:url(../images/layout/header.png) left top no-repeat;}
#navigation{padding:0;margin:0;width:985px;height:42px;background: url(../images/layout/nav_sprite.png);position: relative;}
#contentContainer{padding:0 370px 0 20px;margin:20px 0;height:auto;min-height:300px;}
#content{padding:0;margin:0;height:auto;font-size:0.8em;color:#0082D6;}
#footer{padding:35px 0 15px 0;margin:0;height:auto;background:url(../images/layout/footer_bg.png) top center no-repeat;font-size:0.6em;text-align:center;color:#CCCCCC;clear:both;}

/* NAVIGATION */
#navigation li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#navigation li, #navigation a {height: 42px;display: block; text-indent:-9000px;}
#navigation li a:link, #navigation li a:visited {overflow: hidden;}

#home {left: 0; width: 108px;}
#philosophy {left: 108px; width: 147px;}
#about {left: 255px; width: 102px;}
#staff {left: 357px; width: 128px;}
#gallery {left: 485px; width: 112px;}
#forms {left: 597px; width: 105px;}
#newsletter {left: 702px; width: 146px;}
#contact {left: 848px; width: 133px;}

#home a:hover{background: transparent url(../images/layout/nav_sprite.png) 0 -43px no-repeat;}
#philosophy a:hover{background: transparent url(../images/layout/nav_sprite.png) -108px -43px no-repeat;}
#about a:hover{background: transparent url(../images/layout/nav_sprite.png) -255px -43px no-repeat;}
#staff a:hover{background: transparent url(../images/layout/nav_sprite.png) -357px -43px no-repeat;}
#gallery a:hover{background: transparent url(../images/layout/nav_sprite.png) -485px -43px no-repeat;}
#forms a:hover{background: transparent url(../images/layout/nav_sprite.png) -597px -43px no-repeat;}
#newsletter a:hover{background: transparent url(../images/layout/nav_sprite.png) -702px -43px no-repeat;}
#contact a:hover{background: transparent url(../images/layout/nav_sprite.png) -848px -43px no-repeat;}

.current#home{background: transparent url(../images/layout/nav_sprite.png) 0 -85px no-repeat;}
.current#philosophy{background: transparent url(../images/layout/nav_sprite.png) -108px -85px no-repeat;}
.current#about{background: transparent url(../images/layout/nav_sprite.png) -255px -85px no-repeat;}
.current#staff{background: transparent url(../images/layout/nav_sprite.png) -357px -85px no-repeat;}
.current#gallery{background: transparent url(../images/layout/nav_sprite.png) -485px -85px no-repeat;}
.current#forms{background: transparent url(../images/layout/nav_sprite.png) -597px -85px no-repeat;}
.current#newsletter{background: transparent url(../images/layout/nav_sprite.png) -702px -85px no-repeat;}
.current#contact{background: transparent url(../images/layout/nav_sprite.png) -848px -85px no-repeat;}

/* CONTACT */
#contentContainerContact{padding:10px 20px 0 20px;margin:20px 0;height:auto;float:left;}
#contentContact{padding:0;margin:0;height:auto;width:500px;float:left;font-size:0.8em;color:#0082D6;}
#map{width:450px;height:675px;float:right;border:1px solid #0082D6;}


/* LINKS */
#footer a:link,#footer a:visited,#footer a:hover{color:#2BA9FD;text-decoration:none;}
#contentContainer ul{padding:0 0 10px 0;}
#contentContainer li{margin:0 0 3px 20px; list-style-image:url(../images/general/list_butterfly.gif)}

/* GENERAL */
.blue{color:#0082D6; font-weight:800;}
.purple{color:#51246D; font-weight:800;}
.red{color:#E41715; font-weight:800;}
.green{color:#6EAB23; font-weight:800;}

#popUp{margin:250px 0 0 300px;padding:0;width:608px;height:367px;border:0;z-index:99;position:absolute; cursor:pointer;display:none;text-align:center;}

.error{padding:2px;margin:0 0 5px 0;width:350px;border:1px solid #CC0000;background-color:#F7DCCA;text-align:center;color:#CC0000;}
.success{padding:2px;margin:0 0 5px 0;width:350px;border:1px solid #69B92F;text-align:center;color:#69B92F;background-color:#C1F5AF;}

/* FORMS */
.inputText{padding:2px;height:31px;width:350px;border:1px solid #0082D6;color:#E41715;font-size:1.8em;}
.inputTextArea{padding:5px;height:90px;width:350px;border:1px solid #0082D6;color:#E41715;font-size:1.2em;font-family:Arial, Helvetica, sans-serif;}
.inputButton{padding:5px .5em;width:auto !important;border:1px solid #0082D6;background-color:#0082D6;cursor:pointer; color:#FFF;font-size:1.2em;font-weight:800;}