/* ======================================================================================================= */
/*             Project Name:      MISS POLI 2007                                                           */
/*       Original File Name:      miss_fashion_geek.css                                                    */
/*              Author name:      Davide Listello aka Davids                                               */
/*             Author email:      davide (dot) listello (at) gmail (dot) com                               */
/*            Creation Date:      25/2/2007                                                                */
/*        Modification Date:      today                                                                    */
/*                  Version:      6.0                                                                      */
/*                  License:      This Project is under GLP License. Ref.site: http://www.gnu.org/gpl/     */
/* ======================================================================================================= */
/*   CSS VALIDATE USING URL:      http://jigsaw.w3.org/css-validator/    THIS CSS ROCKS IN ANY BROWSER     */
/* ======================================================================================================= */
html, body {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	/*background-color:#A565AD;*/
	background-color:#D7E0F7;
	}

table {
	font-size:inherit;
	}
a {
	color: #1A4A8E;
	font-weight:bold;

}

a:hover {
	color:#2286C2;
}

input, select, textarea {
	font-family: verdana, sans-serif;
	color:#1A4A8E;
	border:#44668A 1px solid;
	background-color:#fff;
	font-size:1em;
	}

textarea {
    padding:10px;
}

fieldset.miss{
    margin:10px 0px;
    background-color:#44668A; /*verde pastello chiaro*/
    border:0px;
}

fieldset.cv{
    margin:10px 0px;
    background-color:#FFFF66; /*giallo canarino*/
    border:0px;
}

fieldset.votante{
    margin:10px 0px;
    background-color:#99FF66; /*verde chiaro*/
    border:0px;
}

fieldset.intervista{
    margin:10px 0px;
    background-color:#99CCFF; /*verde chiaro*/
    border:0px;
}

fieldset.immagine{
    margin:10px 0px;
    background-color:#FFCCCC; /*verde chiaro*/
    border:0px;
}


fieldset.votami{
    margin:10px 0px;
    background-color:#FFCCCC; /*verde chiaro*/
    border:0px;
}



label.obbligatorio {
	display:inline;
	color:#000;
	padding:0px 4px;
	font-weight:bold;
	border-left:#1A4A8E 3px solid;
	}

label.facoltativo {
	display:inline;
	color:#000;
	padding:0px 4px;
	font-weight:italic;
	border-left:#1A4A8E 3px solid;
	}

.bottone {
	color:#fff;
	border:#030 1px solid;
	background-color:#1A4A8E;
	font-weight:bold;
	}

cite    {
        position:relative;
        left: 3px;
        font-style: italic;
        padding-left:10px;
		color:#FFFFFF;
        }

#wrapper {
       position: relative;
       /*background:#44668A url("../img/mp2009_bg_menu.jpg") repeat-x bottom;*/
	   background-color:#1a4a8e;
       width:940px;
       margin:5px auto 0%;
       text-align:left;
       min-height:794px;
	}
	
#wrapper2 {
   border:#000000 1px solid;
}

#menumiss {
	float:left;
	line-height:normal;
	position:relative;
	top:182px;
	width:100%;
	
	font-weight: bold;
	}

.tabs {list-style:none; 
	   padding:11px 0 0 10px; 
	   /*margin:0px 10px 50px 0; */ 
	   margin:0pt; 
	   height:26px;
	   /*background:url(../tabs/backing.gif) repeat-x left bottom; */
	   background-color: #A565AD;
	  }
.tabs li {float:left; margin-right:-29px;}
.tabs li a {display:block; position:relative; text-decoration:none;}
.tabs li a em {display:block; height:26px; float:left; padding:0 39px 0 10px; background:url(../tabs/tab3.gif) right top; position:relative; z-index:100; font-size:11px; font-weight:normal; font-style:normal; color:#fff; line-height:25px; font-family:verdana;}
.tabs li a b {display:block; float:left; width:29px; height:26px; background:url(../tabs/tab3.gif) left top; position:relative; z-index:200;}

.tabs li a.m1 {z-index:1000;}
.tabs li a.m2 {z-index:900;}
.tabs li a.m3 {z-index:800;}
.tabs li a.m4 {z-index:700;}
.tabs li a.m5 {z-index:600;}
.tabs li a.m6 {z-index:500;}
.tabs li a.m7 {z-index:400;}
.tabs li a.m8 {z-index:300;}
.tabs li a.m9 {z-index:200;}
.tabs li a.m10 {z-index:100;}

.tabs li a:hover {border:0; z-index:700; cursor:pointer;}
.tabs li a:hover b {background-position: left center;}
.tabs li a:hover em  {background-position: right center;}

.tabs li a.selected, .tabs li a.selected:hover {border:0; z-index:800; cursor:default;}
.tabs li a.selected b, .tabs li a.selected:hover b {background-position: left bottom;}
.tabs li a.selected em, .tabs li a.selected:hover em  {background-position: right bottom; color:#000;}


#container {
     
        position:relative;
        /*border: 3px solid #44668A;*/
        border: 3px solid #00000;
		float:left;
        font-family: verdana, sans-serif;
	color:#000;
	margin:auto;
	top: 1px;
    padding: 25px;
	width:65%;
	max-width:65%;	
		min-height:800px;         /* per firefox */
        height: auto !important;  /* per i browser moderni */
        height: 800px;            /* per IE5.x e IE6 */
        he\ight:800px;            /* per IE for MAC  */
        overflow: visible;
        background-color:#fff;
}


#side {
      background:#1a4a8e url(../img/mp2009_rightside.jpg) no-repeat top center;
	  /* background-color:#1a4a8e;*/
      color: white;
      top: 1px;
      float: left;
      padding: 20px -10px 0 0;
      min-height:794px;         /* per firefox */
      height: auto !important;  /* per i browser moderni */
      height: 794px;            /* per IE5.x e IE6 */
      he\ight:794px;            /* per IE for MAC  */
      overflow: visible;
      width: 29%;
}

      #login {
            padding:5px 5px 0;
      }

      #side h2{
            border-bottom: 6px solid#2E5EA8;
            color: white;
            height: 36px;
            text-indent: 25px;
            font-size: 1em;
            line-height: 50px;
            padding-left:3px;
      }

      #side .fieldsetOFF {
            opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.50;
            background-color: #F7F7F7;
            border: 5px solid #EEEEEE;
            color: #000000;
            padding: 10px 8px;
      }
      /* For javascript enabled browser Firefox and especially is an hack for Opera and IE */
      #side .fieldsetON {
            opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;
            background-color: #F7F7F7;
            border: 5px solid #EEEEEE;
            color: #000000;
            padding: 10px 8px;

      }
      /* Only For Firefox javascript disable browser */
      #side fieldsetOFF:hover {
            opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;
      }


      #side input {
            border: 2px solid #2286C2;
            margin: 5px 0pt 0pt;
      }

      #side input:hover, #side textarea:hover {
            border: 2px solid #2286C2;
            }

      #sideitem {
            padding: 10px 10px 10px 10px;
            width:240px;
            text-align:left;
            color: #FFFFFF;
            }

      #side a { color: #2286C2; font-weight: normal;}

      #side a:hover { color: #A565AD; }

      #menuuser {
      font-size:1em;
      position:relative;
      top: 0px;
      float:left;
      width:250px;
      /*background:#DAE0D2 url("../img/logged_in_bg.gif") repeat-x bottom;*/
	  background-color:#1a4a8e;
      font-size:93%;
      line-height:normal;
      }
    #menuuser ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #menuuser li {
      float:left;
      /*background: url("../img/logged_in_left.gif") no-repeat left top;*/
	  background-color:#1a4a8e;
      margin:0;
      padding:0 0 0 9px;
      }
    #menuuser a {
      float:left;
      display:block;
      background: url("../img/logged_in_right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:white;
      }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
       #menuuser a {float:none;}
    /* End IE5-Mac hack */

    #menuuser li:hover {
      background-image: url("../img/left_on.gif");
      color: #FF3300;
      }
    #menuuser a:hover {
      background-image: url("../img/right_on.gif");
      color: #FF6600;
      padding-bottom:4px;
      }
    #menuser #current {
      background-image: url("../img/left_current.gif");
      }
    #menuuser #current a {
      background-image: url("../img/right_current.gif");
      color:#333;
      padding-bottom:5px;
      }

    #menuadmin {
      font-size:1em;
      position:relative;
      top:  0px;
      left: 10px;
      float:left;
      width:250px;
      background: url("../img/logged_inadmin_bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
    #menuadmin ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #menuadmin li {
      float:left;
      background: url("../img/logged_in_left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
    #menuadmin a {
      float:left;
      display:block;
      background: url("../img/logged_in_right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:white;
      }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
       #menuadmin a {float:none;}
    /* End IE5-Mac hack */

    #menuadmin li:hover {
      background-image: url("../img/left_on.gif");
      color: #FF3300;
      }
    #menuadmin a:hover {
      background-image: url("../img/right_on.gif");
      color: #FF6600;
      padding-bottom:4px;
      }
    #menuadmin #current {
      background-image: url("../img/left_current.gif");
      }
    #menuadmin #current a {
      background-image: url("../img/right_current.gif");
      color:#333;
      padding-bottom:5px;
      }

/*	GALLERY CONTENT
**************************************************************************/
#misscontent {
                  /* immagine delle miss */
                  position:relative;
                  top:130px;
                  overflow: visible;
             }


#misshomesx {
	width:530px;
	height:560px;
	background-color: white;
    float:left;
}

#misshomesx p {
	padding:4px 0px 0px 0px;
	font-size:11px;
	border-top:#1A4A8E 1px solid;
	border-bottom:#1A4A8E 1px solid;

}

#misshomesx img {
    border:#1A4A8E 1px solid;
}

#misshomesx img:hover {
    border:#1A4A8E 1px solid;
}

#misshomedx {
    width:35%;
	float:right;
	text-align: justify;
    border-left:#1A4A8E 1px solid;
	padding-left:10px;
	padding-right: 10px;
}


#misshomecontainer {
        position:relative;
        float:left;
        font-family: verdana, sans-serif;
	color:#000;
	top: 1px;
    width:100%;
	min-height:800px;         /* per firefox */
        height: auto !important;  /* per i browser moderni */
        height: 800px;            /* per IE5.x e IE6 */
        he\ight:800px;            /* per IE for MAC  */
        overflow: visible;
        background-color:#FFFFFF;
}


/*
  MISS VIEW GALLERY HOME DELLA MISS
*************************************/
#missview_gallery {position:relative; width:485px;}
#missview_thumbs {width:180px; float:right; }
#missview_thumbs a {display:block; float:left; margin:0 0 6px 6px; width:50px; height:50px; background:#FFFFFF; border:2px solid #1A4A8E;}
#missview_thumbs a img {width:50px; height:50px; border:0;}
#missview_thumbs a:hover { border-color:2px solid #1A4A8E;}
#missview_thumbs a:hover img {position:relative; width:auto; height:auto; right:0px; top:60px; border:2px solid #1A4A8E;}

#boxvote  {position:relative;}

.question {
        font-weight: bold;
        color: #000;
        font-size: 13px; /*3em*/
        }

.reply {
        font-weight: bold;
        font-size: 12px; /*3em*/
        font-family: verdana, sans-serif;
        color: #1A4A8E;
        }
}


/* GALLERY LIST TABLE MISS
***************************/

#misspg {
	background-color: #FFFFFF;
        left: -5px;
	position: relative;
	top: 10px;
}

#misswin {
	background-color: #FFFFFF;
        left: -10px;
	position: relative;
	top: 10px;
	width: 90px;
}



#misspg a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -10px;
	position: absolute;
	top: -1px;
	width: 1px;
	z-index:50;
}

#misspg a img {
	border: 2px solid #1A4A8E;
}

@font-face {
  font-family: "Kimberley";
  src: url(http://www.princexml.com/fonts/larabie/kimberle.ttf) format("truetype");
}


.missname_tessera {
        font-size: 12px; /*3em*/
		padding: 0 2px;
		font-weight: bold;
        font-family: "Kimberley", sans-serif
        color: #E02085;
		width: 130px;
        }

#misspg a.pg, #misspg a.pg:visited {
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        -moz-opacity: 0.5;
        filter:alpha(opacity=50);
        opacity: 0.5;
        background: #FFFFFF;
	border: 2px solid #1A4A8E;
	display: block;
	height: 120px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 130px;
}

#misspg a.pg:hover {
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity: 1;
        filter:alpha(opacity=100);
        opacity: 1;
	background-color: #8C97A3;
	color: #000000;
	border: 2px solid #FF6600;
        text-decoration: none;
}

#misspg a.pg:hover .large {
	/*border: 1px solid #000000;*/
	border: 2px solid red;
	display: block;
	height: 240px;
	left: 100px;
	position: relative;
	bottom: -200px;
	width: 280px;
	z-index:60;
}



.antifloat {
	clear:both;
    overflow:hidden;

}

#content {
        padding-left:10px;
        padding-right:10px;
	line-height:1.3em;
	font-size:0.8em;
}

#content form {
	margin:10px 0px;
	padding:10px;
	background-color:#fff;
	color: #FFFFFF;
	border:#2286C2 2px solid;
}
#content form div {
	padding: 2px;
}
#content form div label {
	display:block;
	float:left;
	width:120px;
	padding:2px;
}
#content form div label.obbligatorio {
	border-left:#2286C2 3px solid;
	color: #FFFFFF;
	padding:0px 4px;
}

#content span {
	padding:0px 5px;
	border-left:#2286C2 15px solid;
	font-weight:bold;
}


span.bold {
	font-weight:bold;
	color:#44668A;
	border:0px !important;
	padding:0px !important;
	}
#small {
           font-size: 50%;
           }

#content ul.reg {
	display: block;
	list-style:none;
	padding:0px;
	margin:0px;
	}
#content ul.reg li {
	/* Fixes gap between list elements in IE */
	vertical-align: bottom;
	_height: 1%;
	display: block;
	background:url(../img/icona_lista.jpg) 0% 50% no-repeat;
	padding:3px 3px 3px 40px;
 	}

#content ul.premi {
  	display: block;
	list-style:none;
	padding-left:1em;
	margin:0px;
       }

#content ul.premi li{
	/* Fixes gap between list elements in IE */
	vertical-align: bottom;
	_height: 1%;
	display: block;
        background:url(../img/mp2007_pinkstar.png) 0% 50% no-repeat;
	padding:3px 3px 3px 40px;
	margin:0px;
        }

#content div.pdf {
	background:url(../img/icona_pdf.jpg) 0% 50% no-repeat;
	padding:10px 100px 10px 60px;
	margin-left: 50px;
	border-left:#0054a6 6px solid;
}
#content div.alert {
	padding:3px 3px 3px 3px;
	border:#f00 2px dashed;
	margin:6px 0px;
}
#content div.ok {
	padding:3px 3px 3px 3px;
	border:#090 2px dashed;
	margin:6px 0px;
}

#content div.awardsfromtitle{
  font-size:14px;
  font-weight: bold;
  padding:0px 5px;
  color: #083A5B;
  border-left:#E02085 15px solid;
}

#content div.bestgirl{
         border: 1px solid#E02085;
         margin-left: 5px;
         margin-right:5px;
         color: #555555;
         font-size: 1em;
         line-height: 16px;
         text-align: left;
}


#content h1 {
	font-size:0.9em;
	font-weight: bold;
    padding-bottom:3px;
	border-bottom:#1A4A8E 3px solid;
	margin:10px 0px;
	text-transform:uppercase;
}

#header {
        margin:0px;
        padding:0px;
        text-align:center;
        /*background:#1A4A8E url(../img/mp2009_header.jpg) no-repeat top center;*/
		background:#1A4A8E url(../img/mp2009_header_nopoli.jpg) no-repeat top center;
		height:224px;
        he\ight:226px;
        display:block;
}

#mapheader a#title:hover {
background-position:0pt;
z-index:10;
}
#mapheader dd {
margin:0pt;
padding:0pt;
position:absolute;
}

#mapheader #picsponsor {
left:750px;
top:-2px;
z-index:20;
}

#mapheader a#sponsor {
background:transparent url(../img/mp2007_sponsor.gif) no-repeat scroll -100px;
display:block;
height:180px;
text-decoration:none;
width:300px;
z-index:20;
}

#mapheader a#sponsor:hover {
background-position:0pt;
}

#header a img {
	border:none;
}
#footer {
	clear:both;
        padding-bottom:5px;
	/*background:#DAE0D2 url("../img/bg.gif") repeat-x bottom; */
	background-color:#1A4A8E;
	height:18px;
}

.footer {padding:4px 0; text-align:center; clear:both; font-size:10px; font-family:verdana, arial, helvetica, sans-serif;}

#footer a img {
	border:none;
}
#footer p {
	line-height:18px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

#sx {
	width:118px;
	float:left;
}

#sx p {
	padding:5px 0px 0px 0px;
	font-size:11px;
	border-top:#666 1px solid;
	border-bottom:#666 1px solid;

}

#sx img {
    border:#44668A 1px solid;
}

#sx img:hover {
    border:#1A4A8E 1px solid;
}

#dx {
    width:495px;
	float:right;
	text-align: justify;
        border-left:#1A4A8E 2px solid;
	padding-left:10px;
	padding-right: 10px;
}


.stepcarousel{
background:black;
position: relative; /*leave this value alone*/
border: 2px solid navy;
overflow: scroll; /*leave this value alone*/
/*width: 800px;*/
height: 680px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px; /*margin around each panel*/
/*width: 800px; *//*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


#slogan {
	padding:3px;
	border-bottom:#1A4A8E 2px dashed;
	font-weight:bold;
	text-align:justify;
	font-style:italic;
	
	}

#slogan span {
	border:0px !important;
	color:#1A4A8E;
	font-size: 1.3em;
	font-weight:bold;
	padding:0px 3px;
}



.gleft {float:left; margin:25px 50px 10px 0;}
#nav {margin:20px 0 80px 0;}
#nav {
      float:left;
      width:100%;
      background:#dae0d2 url("../tabs/bg.gif") repeat-x bottom;
      }
    #nav ul {
      margin:0 auto;
      padding:10px 10px 0;
      list-style:none;
      display:table;
      }
    #nav li {
      display:table-cell;
      float:left;
      background:url("../tabs/right_both.gif") no-repeat right top;
      margin:0 0 0 9px;
      padding:0;
      }
    #nav a {
      display:block;
      position:relative;
      left:-9px;
      margin-right:-9px;
      width:.1em;
      background:url("../tabs/left_both.gif") no-repeat left top;
      padding:5px 20px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    #nav > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover ,
	#nav li a.selected{
      color:#333;
      }
    #menus #nav-menus {
      background-position:100% -150px;
      }
    #menus #nav-menus a{
      background-position:0 -150px;
      padding-bottom:6px;
      color:#333;
      }
	  /* not for IE5.x or IE6 */
    #nav li:hover,
	#nav li:hover a,
	#nav li a.selected
	 {
      background-position:100% -150px;
      color:#333;
     }
    #nav li:hover a,
	#nav li a.selected{
      background-position:0 -150px;
	  }
	
#nav ul {display:inline-block;}
#nav ul {display:inline;}
#nav ul li {display:inline-block}
#nav ul li {display:inline;}
#nav ul a {display:inline-block;}
#nav {text-align:center;}

div#organizer_gallery{width:100%; height: 500px; overflow:auto;font: 11px Arial,sans-serif}
div#organizer_gallery dl{float:left;width:155px;height:205px;background: url(../img/polaroid.jpg);text-align:center;color: #555}
div#organizer_gallery dt{padding: 15px 0 0}
div#organizer_gallery img{display:block;margin:0 auto;border:1px inset #CCC}
div#organizer_gallery dd{margin:0;padding: 2px 13px 0px}



#krazy_container {display:block; margin-right:25px; margin-top:50px; position:relative; background:#bcb; padding:50px 0;}
#krazy_container p .title{margin-bottom:1em;}
#krazy_container p .title {clear:both; margin-top:4em;}

/* Inset 3D Raised */
.raised {background: transparent; width:40%; margin:0 auto;}
.raised p .title, .raised p {margin:0 10px;}
.raised p .title {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}



/* Inset 3D Curved */
.inset {background: transparent; width:40%; margin:0 auto;}
.inset p .title, .inset p {margin:0 10px;}
.inset p .title {font-size:2em; color:#fff; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#ccc; border-left:1px solid #999; border-right:1px solid #fff;}

/* Chamfer Borders*/
.chamfer {background: transparent; width:40%; margin:0 auto;}
.chamfer p.title, .chamfer p {margin:0 10px;}
.chamfer p.title{font-size:2em; color:#000; letter-spacing:1px;}
.chamfer p {padding-bottom:0.5em;}

.chamfer .top, .chamfer .bottom {display:block; background:transparent; font-size:1px;}
.chamfer .b1, .chamfer .b2, .chamfer .b3, .chamfer .b4, .chamfer .b5 {display:block; overflow:hidden; height:1px; background:#eca; border-left:1px solid #000; border-right:1px solid #000;}
.chamfer .b1 {margin:0 5px; background:#000;}
.chamfer .b2 {margin:0 4px;}
.chamfer .b3 {margin:0 3px;}
.chamfer .b4 {margin:0 2px;}
.chamfer .b5 {margin:0 1px;}

.chamfer .boxcontent {display:block; background:#eca; border-left:1px solid #000; border-right:1px solid #000;}

/* Square cutout Borders*/
.square {background: transparent; width:40%; margin:0 auto;}
.square p.title, .square p {margin:0 10px;}
.square p.title {font-size:2em; color:#00c; letter-spacing:1px;}
.square p {padding-bottom:0.5em;}

.square .top, .square .bottom {display:block; background:transparent; font-size:1px;}
.square .b1t {margin:0 6px; display:block; overflow:hidden; height:5px; background:#9ce; border-left:1px solid #00c; border-right:1px solid #00c; border-top:1px solid #00c;}
.square .b2 {display:block; height:1px; margin:0; background:#9ce; border-left:7px solid #00c; border-right:7px solid #00c; overflow:hidden;}
.square .b1b {margin:0 6px; display:block; overflow:hidden; height:5px; background:#9ce; border-left:1px solid #00c; border-right:1px solid #00c; border-bottom:1px solid #00c;}

.square .boxcontent {display:block; background:#9ce; border-left:1px solid #00c; border-right:1px solid #00c;}

/* Curved cutout Borders*/
.curved {background: transparent; width:40%; margin:0 auto;}
.curved p.title, .curved p {margin:0 10px;}
.curved p.title {font-size:2em; color:#fff; letter-spacing:1px;}
.curved p {padding-bottom:0.5em;}

.curved .top, .curved .bottom {display:block; background:transparent; font-size:1px;}
.curved .b1, .curved .b2, .curved .b3, .curved .b4 {display:block; overflow:hidden; height:1px;}
.curved .b2, .curved .b3, .curved .b4 {background:#e0cea3; border-left:1px solid #fff; border-right:1px solid #fff;}
.curved .b1 {margin:0 4px; background:#fff;}
.curved .b2 {margin:0 4px; height:2px;}
.curved .b3 {margin:0 3px;}
.curved .b4 {margin:0; height:1px; border-width:0 3px 0 3px;}

.curved .boxcontent {display:block; background:#e0cea3; border:0 solid #fff; border-width:0 1px;}

/* flared serif */
.serif {background: transparent; width:40%; margin:0 auto;}
.serif p.title, .serif p {margin:0 10px;}
.serif p.title {font-size:2em; color:#fff; letter-spacing:1px;}
.serif p {padding-bottom:0.5em;}

.serif .top, .serif .bottom {display:block; background:transparent; font-size:1px;}
.serif .b1, .serif .b2, .serif .b3, .serif .b4 {display:block; overflow:hidden;}
.serif .b1, .serif .b2, .serif .b3 {height:1px;}
.serif .b2, .serif .b3 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff;}
.serif .b4 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff;}

.serif .b1 {margin:0; background:#fff;}
.serif .b2 {margin:0 1px; border-width:0 2px;}
.serif .b3 {margin:0 3px;}
.serif .b4 {height:2px; margin:0 4px;}

.serif .boxcontent {display:block;  background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 5px;}

/* Pillar type */
.pillar {background: transparent; width:40%; margin:0 auto;}
.pillar p.title, .pillar p {margin:0 10px;}
.pillar p.title{font-size:2em; color:#fff; letter-spacing:1px;}
.pillar p {padding-bottom:0.5em;}

.pillar .top, .pillar .bottom {display:block; background:transparent; font-size:1px;}
.pillar .b1, .pillar .b2, .pillar .b3, .pillar .b4 {display:block; overflow:hidden;}
.pillar .b1, .pillar .b2, .pillar .b4 {height:1px;}
.pillar .b2, .pillar .b3 {background:#d66; border-left:1px solid #fff; border-right:1px solid #fff;}
.pillar .b4 {background:#d66; border-left:4px solid #fff; border-right:4px solid #fff;}

.pillar .b1 {margin:0 2px; background:#fff;}
.pillar .b2 {margin:0 1px; border-width:0 1px;}
.pillar .b3 {height:2px; margin:0;}
.pillar .b4 {margin:0 2px;}

.pillar .boxcontent {display:block; background:#d66; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 5px;}


/* Barrel cutout Borders*/
.barrel {background: transparent; width:40%; margin:0 auto;}
.barrel p.title, .barrel p {margin:0 10px;}
.barrel p.title {font-size:2em; color:#fff; letter-spacing:1px;}
.barrel p {padding-bottom:0.5em;}

.barrel .top, .barrel .bottom {display:block; background:transparent; font-size:1px;}
.barrel .b1, .barrel .b2, .barrel .b3, .barrel .b4, .barrel .b5 {display:block; overflow:hidden; height:1px; background:#e0cea3;}
.barrel .b1 {border-left:10px solid #dfd5c0; border-right:10px solid #dfd5c0;}
.barrel .b2 {border-left:5px solid #dfd5c0; border-right:5px solid #dfd5c0;}
.barrel .b3 {border-left:3px solid #dfd5c0; border-right:3px solid #dfd5c0;}
.barrel .b4 {border-left:2px solid #dfd5c0; border-right:2px solid #dfd5c0;}
.barrel .b5 {border-left:1px solid #dfd5c0; border-right:1px solid #dfd5c0;}
.barrel .b1 {margin:0 33%;}
.barrel .b2 {margin:0 20%;}
.barrel .b3 {margin:0 12%;}
.barrel .b4 {margin:0 5%;}
.barrel .b5 {margin:0 1px;}

.barrel .boxcontent {display:block; background:#e0cea3; border-left:1px solid #fff; border-right:1px solid #999;}


gallery_container {
	margin: 0 auto;
	padding: 0;
	width: 607px;
	font: 70%/140% Arial, Helvetica, sans-serif;
}

gallery_container img {
	border: none;
}

/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
	min-width: 90px;
	width: auto;
	height: 130px;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px;
}
.gallery li:hover img {
	border-color: #999;
}
.gallery em {
	width: 102px;
	background: url(../img/bubble.gif) no-repeat;
	padding: 3px 0 6px;
	display: none;
	position: absolute;
	top: -2px;
	left: 20px;
	font-style: normal;
	text-align: center;
}

.gallery a {
	text-decoration: none;
	color: #000;
}
.gallery a:hover em {
	display: block;
}