@charset "utf-8";
/* Sicro Magic Version 2 CSS */
/* Last Updated: 19/06/10 */
/* All Design Elements Copyright 2010 James Weighill - james@tangy.ws */

/* Page Layout & Format */
body {
    margin: 0;
    padding: 0;
	background-image: url(../i/stars.gif);
    /*background: #000000; /*bottom*/
}


#background { /*top*/
     /*position: absolute;
     width: 100%;
     height: 50%;
     background-image: url(../i/stars.gif);*/
}

#content {
     position: absolute;
     width: 750px;
    height: auto;
     /* top: 50%; */
     left: 50%;
     margin-top: 25px;
     margin-left: -375px;
    background: #000;
    border-style: solid;
    border-color: #000;
    border-width: thick;
    font-family: "Comic Sans MS", cursive;
}

#header {
    position: relative;
    width: inherit;
    height: 150px;
    background-image: url(../i/header-new.png);
}

#bar {
   background: #000;
   height: 40px;
   width: inherit;
   /*border-bottom: dashed;
   border-top: dashed;
   border-bottom-color: #F00;
   border-top-color: #F00;*/
   
}

#navi-bar {
   background: #FF0000;
   height: 46px;
   width: 749px;
   padding: 2px;
}

#sidebar {
   
   right: 0px;
   width: 300px;
   height: auto;
   background: #FFF;
   border-left: thin;
   border-left-color: #000;
   border-left-style: solid;
}

#content-inner {
   position: relative;
   /*left: 0px;*/
   width: 740px;
   height: auto;
   background: #000000;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
   
}

#review-block {
   position: absolute;
   height: auto;
   left: 50%;
    margin-left: -265px;
   background: url(http://tangy.ws/creation/test/i/quoteopen.png) no-repeat left top;


}
   

#footer {
     position: relative;
    bottom: 0px;
    background: #000;
    width: inherit;
    height: 100%;
    
}

/* Content */

/* Paragraph Styles */

p.index {
   font-family: "Comic Sans MS", cursive;
   font-size: 18px;
   color: #FF0000;
   text-align: left;
}

p.index a {
   font-family: "Comic Sans MS", cursive;
   font-size: 18px;
   color: #FFF;
   text-align: left;
   text-decoration: none;
}

h2 {
   font-size; 16px;
   font-weight: bolder;
   color: #FFF;
   text-align: left;
}

p.top {
     position: absolute;
     top: -30px;
     left: 5px;
     font-family: "Comic Sans MS", cursive;
     font-size: 32px;
     font-style: strong;

}

p.bottom {
     position: absolute;
     bottom: -30px;
     right: 5px;
     font-family: "Comic Sans MS", cursive;
     font-size: 32px;
     font-style: strong;
}

p.copy {
   position: absolute;
   font-family: "Comic Sans MS", cursive;
   font-size: 10px;
   font-weight: bold;
   color: #FF0000;
   right: 5px;
   text-align: right;

}

p.top-left {
   position: absolute;
   font-family: "Comic Sans MS", cursive;
   font-size: 10px;
   font-weight: bold;
   color: #FF0000;
   left: 5px;
   text-align: left;

}

p.top-left a {
   font-family: "Comic Sans MS", cursive;
   font-size: 10px;
   color: #FF0000;
   text-decoration: none;
}

p.copy a {
   font-family: "Comic Sans MS", cursive;
   font-size: 10px;
   color: #FFF;
   text-decoration: none;
}


p.review-title {
   display: block;
   width: 530px;
   font-weight: bold;
   font-family: "Comic Sans MS", cursive;
   font-size: 12.5px;
   color: #FFF;

}

p.review-title-hidden {
   display: none;
   width: 530px;
   font-weight: bold;
   font-family: "Comic Sans MS", cursive;
   font-size: 12.5px;
   color: #FFF;

}

p.review-body {
   display: block;
   width: 530px;
   height: auto;
   font-family: "Comic Sans MS", cursive;
   font-size: 12.5px;
   color: #F00;
    padding-left: 18px;
    text-indent: -18px;
   background: url(http://tangy.ws/creation/test/i/quoteclose.png) no-repeat right bottom;
}

.starthidden { 
   width: 530px;
   height: auto;
   font-family: "Comic Sans MS", cursive;
   font-size: 12.5px;
   color: #F00;
    padding-left: 18px;
    text-indent: -18px;
   background: url(http://www.sicromagic.co.uk/i/quoteclose.png) no-repeat right bottom;
   display:none;
}

p.review-body-hidden {
   display: none;
   width: 530px;
   height: auto;
   font-family: "Comic Sans MS", cursive;
   font-size: 12.5px;
   color: #F00;
    padding-left: 18px;
    text-indent: -18px;
   background: url(http://www.sicromagic.co.uk/i/quoteclose.png) no-repeat right bottom;
}

p.review-more {
   display: block;
   width: 530px;
   font-weight: bold;
   font-family: "Comic Sans MS", cursive;
   font-size: 13px;
   color: #F00;
   text-align: center;
   

}

p.review-more a {
   font-family: "Comic Sans MS", cursive;
   font-size: 12px;
   color: #FFF;
   text-decoration: none;
}

p.form-head {
   font-family: "Comic Sans MS", cursive;
   font-size: 16px;
   color: #F00;
   text-align: center;
}

p.gallery-text {
   font-weight: bold;
   font-family: "Comic Sans MS", cursive;
   font-size: 13px;
   color: #F00;
   text-align: center;
   

}

p.gallery-text a {
   font-family: "Comic Sans MS", cursive;
   font-size: 12px;
   color: #FFF;
   text-decoration: none;
}

/* Image Styles */

img.index {
   float: left;
   margin-right: 1em;
   border-style: solid;
   border-color: #000;
   
}

img.index2 {
   float: right;
   margin-right: 2.5em;
   padding-bottom: 5px;
   border-style: solid;
   border-color: #000;
   
}


/* Navigation Design Style */

ul {
   list-style:none;
   margin:0;
   padding:0;
}
li {
   float: left;
   width: 80px;
   margin-top: 0px;
   padding: 0;
   text-align: center;
}
li a {
   display: block;
   padding: 5px 10px;
   height: 40px;
   color: #FFF;
   text-decoration :none;
   font-size: 14px;
}
li a {
   background: url(../i/navbutton.gif) repeat 0 0;
}
li a:hover {
   background-position: 50px 0;
}

/* Review & Contact Form Style */
fieldset {
   border:1px dashed #CCC;
   padding:10px;
   margin-top:5px;
   margin-bottom:5px;
}
legend {
   font-family:Comic Sans MS, Helvetica, sans-serif;
   font-size: 90%;
   letter-spacing: -1px;
   font-weight: bold;
   line-height: 1.1;
   color:#fff;
   background: #666;
   border: 1px solid #333;
   padding: 2px 6px;
}
h1 {
   font-family:Comic Sans MS, Helvetica, sans-serif;
   font-size: 175%;
   letter-spacing: -1px;
   font-weight: normal;
   line-height: 1.1;
   color:#FF0000;
}
label {
   width:140px;
   height:32px;
   margin-top:3px;
   margin-right:2px;
   padding-top:11px;
   padding-left:6px;
   background-color:#000000;

   float:left;
   display: block;
   font-family:Comic Sans MS, Helvetica, sans-serif;
   font-size: 115%;
   letter-spacing: -1px;
   font-weight: normal;
   line-height: 1.1;
   color:#FF0000;

}
.form {
   margin:0;
   padding:0;
}
#container {
   width:750px;
   margin:auto;
   padding:10px;
}
#top {
   width:680px;
   height:50px;
}
#leftSide {
   position: relative;
   width:530px;
   padding-top:5px;
   left: 50%;
   margin-left: -265px;
}
#rightSide {
   background-color:#fff;
   width:200px;
   padding:5px;
   margin-top:40px;
   float:right;
   border:1px solid #CCC;
   font:normal 12px Comic Sans MS;
   color:#666666
}
.clear {
   clear:both;
}
.holder {
   background-color:#fff;

}
.div_textbox {
   width:347px;
   float:right;
   background-color:#000000;
   height:35px;
   margin-top:3px;
   padding-top:5px;
   padding-bottom:3px;
   padding-left:5px;

}

.textbox {
   background-image: url(../images/16t.png);
   background-color:#FFFFFF;
   background-repeat: no-repeat;
   background-position:left;
   width:285px;
   font:normal 18px Comic Sans MS;
   color: #999999;
   padding:3px 5px 3px 19px;
}
.textbox:focus, .textbox:hover {
   background-color:#ffe6e6;
}

.div_textarea {
   width:347px;
   float:right;
   background-color:#000000;
   height:120px;
   margin-top:3px;
   padding-top:5px;
   padding-bottom:3px;
   padding-left:5px;

}

.textarea {
   background-image: url(../images/16t.png);
   background-color:#FFFFFF;
   background-repeat: no-repeat;
   background-position:left;
   width:285px;
   height:120px;
   font:normal 18px Comic Sans MS;
   color: #999999;
   padding:3px 5px 3px 19px;
}
.textarea:focus, .textarea:hover {
   background-color:#ffe6e6;
}


.div_dropdown {
   width:347px;
   float:right;
   background-color:#000000;
   height:35px;
   margin-top:3px;
   padding-top:5px;
   padding-bottom:3px;
   padding-left:5px;

}

.select {
   background-image: url(../images/16t.png);
   background-color:#FFFFFF;
   background-repeat: no-repeat;
   background-position:left;
   width:285px;
   height:120px;
   font:normal 18px Comic Sans MS;
   color: #999999;
   padding:3px 5px 3px 19px;
}
.select:focus, .select:hover {
   background-color:#ffe6e6;
}




.username {
      background-image: url(../images/16m.png);
      background-repeat: no-repeat;
      background-position:left;
      background-color:#FFFFFF;
   width:285px;
      font:normal 18px Comic Sans MS;
      color: #999999;
      padding:3px 5px 3px 19px;
}
.username:focus, .username:hover {
   background-color:#F0FFE6;
}
   
.password {
      background-image: url(../images/16s.png);
      background-repeat: no-repeat;
      background-position:left;
      background-color:#FFFFFF;
   width:285px;
      font:normal 18px Comic Sans MS;
      color: #999999;
      padding:3px 5px 3px 19px;
}
.password:focus, .password:hover {
   background-color:#F0FFE6;
}

.button_div {
   width:287px;
   float:right;
   background-color:#000000;
   text-align:right;
   height:35px;
   margin-top:3px;
   padding:5px 32px 3px;
}
.buttons {
   background: #000000;
   font-size:12px; 
   color: #FF0000;
   padding: 6px 14px;
   border-width: 2px;
   border-style: solid;
   border-color: #fff #d8d8d0 #d8d8d0 #fff;
   text-decoration: none;
   text-transform:uppercase;
   font-weight:bold;
}

/* Gallery Styles - Give Me Patience! :-) */

p.gallery-bottomtext {
   font-weight: bold;
   font-family: "Comic Sans MS", cursive;
   font-size: 13px;
   color: #F00;
   text-align: center;
}
p.gallery-bottomtext a {
   text-decoration: none;
   color: #FFF;
}