/* CSS Document */
/* ENCANTADO STYLE by Andrew Bowles */ 


/* ----------------------- LAYOUT ----------------------------*/

* {margin:0;padding:0;} 
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%; background:#CECECE; }
#container {padding-bottom:70px;} 
#main {width:920px; margin:0 auto;}

#content {float:left; width:880px; padding:40px; margin-top:50px; background-color:rgb(255,255,255); background-color:rgba(255,255,255,.5);}
#left {float:left; width:280px; margin-right:20px;}	
#center{float:left; width:280px; margin-right:20px; }
#right {float:right; width:280px; }
.block {width:280px; height:220px; margin:0 0 40px 0; padding:0; border-bottom:1px solid #2D302F} 
.block_bottom {width:280px; height:220px; margin:0; padding:0;} 

#stage {float:right; width:560px; cursor:pointer}
#stageCaption {float:right; width:560px;}

#footer {position: relative; margin-top:-70px; height:70px; clear:both; background:#66B9D3;} 
#footertext {width:880px; margin:0 auto; padding:30px 0 0 20px;}
.footerblock {float:left; width:280px; margin-right:20px; }
.footerblock_right {float:right; width:280px;}

/* ----------------------- NAVIGATION ------------------------*/
ul#nav {width:100%; list-style-type:none;}
ul#nav li.pagenav {float:left; display:block; border-bottom:1px solid #000; width:100%; font: italic 14pt/14pt Georgia, serif; color:#00ADEF; margin:0; padding:0; letter-spacing:.2px;}
ul#nav li.work {float:left; display:block; width:270px; font: 9pt/14pt Helvetica, Arial, sans-serif; color:#00ADEF; margin:0; padding:0 0 0 10px; }
ul#nav li.work a {padding:2px 0 0 0;}
ul#nav a {float:left; display:block; width:100%; cursor:pointer; margin:0; padding:5px 0;} 
ul#nav a:hover {background-color:rgb(255,255,255); background-color:rgba(255,255,255,.5);}
ul#nav a.active { color:#00ADEF; background-color:rgb(255,255,255); background-color:rgba(255,255,255,.5);}

/* ----------------------- TYPOGRAPHY ------------------------*/

p  {font: 10pt/14pt Helvetica, Arial, sans-serif; color:#2D302F; text-decoration:none; margin-top:10px;}
h1 {font: italic 14pt/16pt Georgia, serif; color:#00ADEF; margin:0; padding:5px 0; letter-spacing:.2px;}
h2 {font: 12pt/14pt Helvetica, Arial, sans-serif; font-weight:200; color:#00AEEF; margin:0; padding:10px 0 0 0;}

a {color:#2D302F; text-decoration:none; cursor:pointer;}
a:hover {color:#00ADEF; text-decoration:none}
a:focus {outline: none;}
a.active { text-decoration:none}
a.sitelink {font: 9pt/14pt Helvetica, Arial, sans-serif; color:#00ADEF; text-decoration:none; }

.italic {font-style: italic} 
img {border:none;}
ul {list-style-type:none;}
ul li {font: 10pt/14pt Helvetica, Arial, sans-serif; color:#2D302F; text-decoration:none; }
.blue {color:#00ADEF;}
.left {float:left;}
.right {float:right;}
#footertext {font: 9pt/14pt Helvetica, Arial, sans-serif; color:#DDD;}
a.footerlink {color:#FFF}
a.footerlink:hover {color:#DDD}

/* ----------------------- TOOLTIP ------------------------*/

#demotip1, #demotip2, #demotip3, #demotip4 {display:none; background:transparent url(/images/arrow.png); font: 9.5pt/14pt Helvetica, Arial, sans-serif; color:#FFF; height:70px; width:160px; padding:25px;  }
#demo1, #demo2, #demo3, #demo4 {cursor:pointer; color:#00ADEF;}

/* ----------------------- FORMS --------------------------*/
#contactForm {float:left; width:560px; }
form ul li  {font: 10pt/14pt Helvetica, Arial, sans-serif; color:#2D302F; text-decoration:none; padding-bottom:5px; margin-top:10px;}
.contactField {float:right; width:210px; outline:none; background-color:transparent; padding:5px; font: 9pt/14pt Helvetica, Arial, sans-serif; color:#2D302F;border-bottom:1px solid #2D302F; border-top:none; border-left:none; border-right:none; }
.expand {resize: none; outline:none; float:right; height:50px;width:210px; height:80px;  background-color:transparent; padding:5px; font: 9pt/14pt Helvetica, Arial, sans-serif; color:#2D302F; border-bottom:1px solid #2D302F; border-top:none; border-left:none; border-right:none; }
input.submit {float:right; width:210px; margin-top:10px; font: italic 12pt/14pt Georgia, serif; background:#FFF; color:#00ADEF; color:#2D302F; border:1px solid #2D302F}
input.submit:hover {color:#00ADEF; cursor:pointer; }

/* ----------------------- CLEARFIX ------------------------*/

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */