/* ---> 
IMPORTANT: 
Site copyrighted by Joyous Beads. It may not be partially or totally reproduced without written permition.
Last Modification: 12/05/2007
By: Lilian Vasquez
Web Design from: OCTOS CREATIVE COMMUNICATION / www.octosonline.com
Phone: 404-514-3084
<--- */

/* BODY
------------------------------------------------------------*/
html, body, blockquote, q, dt, dl, div, h1, h2, h3, h4, h5, h6, a, table, tr, td, ul, ol, li, img, form {padding: 0;margin:	 0;border: 0;}
img {vertical-align: middle;}
body{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;background:url(../img/bg.jpg) repeat;}

/* HEADER
------------------------------------------------------------*/
#hea{background:url(../img/bgheader2.jpg) repeat-x;}
#header{width:776px;margin:0 auto;}
#logo{width:596px;height:147px;background:url(../img/logo.gif) no-repeat;margin-left:90px;margin-bottom:15px;}
 
/* TITLES 
------------------------------------------------------------*/
h1 {float:left;text-indent: -10000px;overflow: hidden;}
h2 {font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 23px;color: #3399CC;}
h3 {font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 23px;color: #FFF;}
h4 {font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 15px;color: #663399;}
 
/* BANNER
------------------------------------------------------------*/
#banner{background:url(../img/backbanner.jpg) repeat-x;height:201px;border-top: solid 1px #0066CC;}
#banner1{margin: 0 auto;width:776px;height:100px;}
#textbanner{width:270px;padding:25px;float:left;}
#imagebanner{width:406px;padding:25px;float:left;height:151px;}
#textbanner a:link {color:#9933CC;text-decoration:underline;}
#textbanner a:visited {color: #660033;text-decoration: none;}
#textbanner a:hover {background-color: #660033; color:#FFFFFF;text-decoration:none;}

/* CONTENT
------------------------------------------------------------*/
#content {margin: 0 auto;width: 776px;padding-top:15px;padding-bottom:15px;}
.cont{padding:0 15px 0 15px;}
#content a:link {color: #9933CC;text-decoration:underline;}
#content a:visited {color: #660033;text-decoration: none;}
#content a:hover {background-color: #660033; color:#FFFFFF;text-decoration: none;}
.wrapper {clear:both;}
.col1 {float:left;width:236px;padding:10px;border-right:solid 1px #9999FF;border-left:solid 1px #9999FF;}
.col1a {float:left;width:236px;padding:10px;}
.col2 {float:left;width:240px;padding:10px;}
.col3 {float:left;width:474px;padding:10px;border-right:solid 1px #9999FF;}
#box{border:solid 1px #6633FF;}
.gallery{float:left;width:230px;padding:9px;}
.box{border:solid 2px #9999FF;background:#FFF;margin-bottom:20px;padding:10px;height:100px;}
.gal2{float:left;width:230px;padding:9px;}
.box2{border:solid 2px #9999FF;background:#FFF;margin-bottom:20px;padding:10px;height:400px;}
.sp{height:25px;clear:both;}
.foto{height:110px; clear:left;margin-bottom:10px;}
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 width: 99%;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
}

/* FOOTER
------------------------------------------------------------*/
#footer{border-top:solid 1px #6666CC;}
#f {height:20px;margin: 0 auto;width: 776px;font-size: 11px;padding:10px 0 20px 0;text-align:center;}
#f a:link {color:#000;text-decoration:underline;}
#f a:visited {color: #660033;text-decoration: none;}
#f a:hover {background-color: #660033; color:#FFFFFF;text-decoration:none;}

/* MENU
------------------------------------------------------------*/
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_seven */

#pro7 ul {padding:0;margin:0;list-style:none;display:table;white-space:nowrap;list-style:none;height:2em;position:relative;font-size:12px;}
#pro7 li {display:table-cell;margin:0;padding:0;}
#pro7 li a {display:block;float:left;height:2em;line-height:2em;color:#333;text-decoration:none;font-family:arial, verdana, sans-serif;font-weight:bold;text-align:center;padding:0 0 0 12px; 
cursor:pointer;background:url(../img/pro_seven_0a.gif) no-repeat;}
#pro7 li a b {float:left;display:block;padding:0 12px 0 0;background:url(../img/pro_seven_0b.gif) no-repeat right top;width:86px;}
#pro7 li a:hover {color:#000;background: url(../img/pro_seven_1a.gif) no-repeat;}
#pro7 li a:hover b {background:url(../img/pro_seven_1b.gif) no-repeat right top;}
#pro7 li.current a:hover {color:#000; background: url(../img/pro_seven_2a.gif) no-repeat;cursor:default;}
#pro7 li.current a:hover b {background:url(../img/pro_seven_2b.gif) no-repeat right top;}

/* FORMS
------------------------------------------------------------*/
label{width:85px;float: left;text-align:left;display: block;}
.inpu{margin-bottom:5px; width:70%;}
.su{margin-left:85px;}
fieldset {margin:0 auto;border: 1px solid #3399CC;width:90%;padding:0 10px 0 10px; margin-bottom:15px;margin-top:15px;}
legend{color:#FFF; font-weight:bold;border:solid 1px #3399CC;padding:5px;background:#3399CC;}