.clear {
        clear:both;
}

#wrapper{
        margin:0 auto 0 auto;
        min-width:670px;
        text-align: left;
}

#top{
        height: 120px;
        background: url(/pictures/q/top2.png);
        text-align: right;
        min-width:120px;
}

#logoLeft
{
        width: 400px;
        min-width: 400px;
        height: 120px;
        background-image: url(/pictures/q/logo.png);
        background-repeat: no-repeat;
        border: 0;
}

#logoLeft2
{
        width: 400px;
        min-width: 400px;
        height: 40px;
        background-image: url(/pictures/q/logo-2.png);
        background-repeat: no-repeat;
        border: 0;
}
#top2{
        background: white;
        text-align: right;
}

#logoRight2 {
        background-color: white;
        width : 108px;
        background-image: url(/pictures/q/right.png);
        background-repeat: repeat-y;
        background-position: top right;
}

#logoRight{
        width: 136px;
        height: 120px;
        background-image: url(/pictures/q/top-right.png);
        background-repeat: no-repeat;
        background-position: top right;
        border: 0;
}

#content {
        padding: 10px;
        background-color: white;
        min-width:120px;
}

#right {
        background-color: white;
        width : 228px;
        background-image: url(/pictures/q/right.png);
        background-repeat: repeat-y;
        background-position: top right;
}

#left {
        width: 75px;
        min-width: 75px;
        background-color: #ff6600;
        background-image: url(/pictures/q/left.png);
        background-position: 100% 0;
        background-repeat: repeat-y;
}

#bottom-content {
        height: 75px;
        background: url(/pictures/q/bottom.png);
        text-align: right;
        min-width:120px;
}

#bottom-right {
        background-color: black;
        margin: 0;
        padding: 0;
        width : 136px;
        background-image: url(/pictures/q/bottom-right.png);
        background-repeat: repeat-y;
        background-position: top right;
}

#bottom-left {
        margin: 0;
        padding: 0;
        width: 98px;
        height: 75px;
        background-color: #ff6600;
        background-image: url(/pictures/q/bottom-left.png);
        backg-round-position: 100% 0;
        background-repeat: repeat-y;
}

#menu-spacer {
        height: 25px;
}

#menu-kites {
        width: 205px;
        height: 175px;
        background: url(/pictures/q/menu-kites.png) no-repeat left top;
}

#menu-a {
        position: relative;
        top: 52px;
        left: 44px;
        width: 140px;
}

#menu-1 {
        position: relative;
        top: 52px;
        left: 44px;
        width: 140px;
}

#menu-ook{
        width: 205px;
        height: 127px;
        background: url(/pictures/q/menu-ook.png) no-repeat left top;;
}

#menu-code {
        width: 205px;
        height: 134px;
        background: url(/pictures/q/menu-code.png) no-repeat left top;;
}

#menu-boards{
        width: 250px;
        height: 140px;
        background: url(/pictures/q/menu-boards.png) no-repeat left top;;
}

#menu-4{
        width: 250px;
        height: 374px;
        background: url(/pictures/q/menu-7.png) no-repeat left top;;
     /*   border: solid 1px;  */
}

#menu-4a {
        position: relative;
        top: 70px;
        left: 35px;
        width: 140px;
        height: 220px;
}

#menu-4b {
        position: relative;
        left: 35px;
        width: 140px;
}

#menu-design{
        width: 250px;
        height: 186px;
        background: url(/pictures/q/menu-design.png) no-repeat left top;
        bor-der: solid 1px
}

#menu-6{
        width: 250px;
        height: 98px;
        background: url(/pictures/q/menu-moon.png) no-repeat left top;
}

#menu-6a {
        position: relative;
        top: 20px;
        left: 44px;
        width: 140px;
}

/* prev 1,2 ... 5,6 next */
#nextbar
{
        width: 338px;
        height: 63px;
        -moz-border-radius: 5px;
        padding: 0px;
        margin: 30px auto 0px auto;
        background-image: url(/pictures/q/prev-next.png);
        
}

#nextbar2
{
	   padding: 8px 0px 0px 0px;
	   font: 16px tahoma;
	   font-weight: bold;
       color: black;
       text-align: center;
}

#nextbar a:link, #nextbar a:visited, #nextbar a:hover
{
        color: #CE7000;
}

div.section {
        -moz-border-radius: 10px;
        padding: 2px 2px 2px 2px;
        background: white;
        border-color: #F0F0F0;
        border-style: solid;
        border-width: 7px;
}

#title-image{
        overflow: none;
        text-align: center;
        padding: 10px;
        border-color: #F0F0F0;
        border-style: none;
        float: left;
}

/* for wide gallery images: */
#image{
        overflow: auto;
        overflow-y: hidden;  /* ie?? */
        text-align: center;
        width: 100%;
}


div.blogTitle {
        font-weight: bold;
        border-style: none;
        padding: 5px;
}

div.blogTitle2 {
        position: relative;
        background:  url(/pictures/q/new-title-left.png) no-repeat top right;
        border-style: none;
        width: 22px;
        height: 47px;
        float: right top;
}

div.blogTitle1 {
        background:  url(/pictures/q/title.png) repeat-x;
        border-style: none;
        height: 47px;
        margin: 15px 0px 0px 0px;
}

div.blogDate {
        font-weight: normal;
        color: gray;
        font-family: tahoma, verdana, sans, arial, helvetica, sans-serif;
        text-align: right;
        background: url(/pictures/q/title-left2.png) repeat-y top right;
        border-color: #ECECEC;
        border-style: solid;
        border-width: 0px 0px 0px 0px;
        margin: 5px 0px 5px 5px;
        padding-right: 5px;
}

div.blog1 {
        margin: 0px 0px 0px 0px;
        background: url(/pictures/q/title-left2.png) repeat-y top right;
}

div.blog {
        margin: 0px 0px 0px 0px;
        padding: 5px 5px 5px 5px;
}


a:link.navlink {
        color:#CE7000;
        background: url(/pictures/q/none.png) no-repeat top left;
        padding: 0px 5px 0px 16px;
}
        
a:visited.navlink {
        color:#CE7000;
        background: url(/pictures/q/none.png) no-repeat top left;
        padding: 0px 5px 0px 16px;
}

a:hover.navlink {
        color:#990000;
        background: url(/pictures/q/none2.png) no-repeat top left;
        padding: 0px 5px 0px 16px;
}

a:link.snavlink {
        color:#CE7000;
        background: url(/pictures/q/arrow.png) no-repeat top left;
        padding: 0px 5px 0px 16px;
}

a:visited.snavlink {
        color:#CE7000;
        background: url(/pictures/q/arrow.png) no-repeat top left;
        padding: 0px 5px 0px 16px;
}

a:hover.snavlink {
        color:#990000;
        background: url(/pictures/q/arrow.png) no-repeat top left;
        padding: 0px 5px 0px 16px;
}



hr {
        width: 90%;
        height: 10px;
        text-align: center;
        border: 2px solid #f0f0f0;
}

textarea.shout {

        background-image:url(/pictures/q/textbox.png);
        color: black;
        font-size: 9pt;
}

div.menuText{
        padding: 3px;
        text-align: left;
        vertical-align: middle;
        background: white;
        font-family: 15px verdana, tahoma, sans, arial, helvetica, sans-serif;
}


div.admin-blog{
        padding: 3px;
        text-align: right;
        background: gray;
}

div.simpleViewer{
        border-color: red;
        border-style: solid;
        border-width: 0px;
        height: 650px;
}


/*
    for the tumbnails
*/

#headimage {
	text-align: center;
	margin-bottom: 0px;
}

#thumb_img {
	display: inline;
	padding-left: 8px;
	padding-right: 8px;
}

#thumb_img img {
	border: 3px solid #ccc;
}

#th_info {
	display: inline;
	padding-left: 8px;
	background: white;
	font-family: Courier New, Courier, monospace;
}

/* --------- end thumbs ---------- */


#col-float {
        float: left;
        width: 75%;
}

#center {
        t-op: 0;
        position: absolute;
        margin-left: 75px;
        padding: 5px;
        mar-gin-right: 230px;
        background-color: orange;
        flo--at: right;
        wi--dth: 100%
        background-image: url(/pictures/q/new-left.png);
        background-position: 100% 0;
        background-repeat: repeat-y;
}


#marginLeft
{
left: 0;
        position: absolute;
flo-at: left;
width: 75px;
        pad-ding-left: 75px;
        backg-round-image: url(/pictures/q/new-left.png);
        background-repeat: repeat-y;
        background-color: blue;
}



#marginRight
{
        right: 0;
        position: absolute;
        t-op: 0;
        pad--ding-right: 75px;
        width : 200px;
        background-image: url(/pictures/q/new-right.png);
        background-repeat: repeat-y;
        background-position: top right;
        background: purple;

}

#footer{
        height: 50px;
        margin-right: 4px;
        text-align: right;
        background: green;
        clear:both;
}

#link--s {
        margin-top: 0;
        color: #FFFFFF;
        background-color: red;
        border: 1px solid black;
}

#nav{
        background: red;
        height: 20px;
        padding-left: 280px;
        margin: 0px 0px 0px 0;
        text-align: right;
}


#nav12{
        background: white;//#ECECEC;
        height: 20px;
        padding-left: 280px;
        margin: 0px 0px 0px 0;
        text-align: right;
}

div.nav2
{
        list-style-type: none;
        margin: 10px 0 0 0;
        color: #FFFFFF;
        font-size: 0.9375em;
        font-weight: bold;
        text-align: right;
        text-transform: uppercase;
}



#menu-item{
        padding-left:17px;
        background: url(/pictures/new-none.png) no-repeat left top;
        float: left;
        color: gray;
}

#menu-item-2{
        padding-left:17px;
        background: url(/pictures/new-arrow.png) no-repeat left top;;
        float: left;
        color: gray;
}

//#content{
//        float: left;
//        width: 440px;
//        margin-top: 0px;
//        padding: 0 10px 0 10px;
//        line-height: 1.6em;
//}

#contentLeft
{
        float: left;
        position: relative;
        overflow: hidden;
        z-index: 1;
        width: 100%;
        margin-right: -378px;
        ma\rgin-right: -228px;
        margin-left: -87px;
        margin-left/**/: 0;
        padding-right: 250px;
        padd\ing-right: 0;
}

#contentLeft .panel
{
        margin-right: 154px;
        background: white;
}


#bottom{
        ba-ckground: url(/images/shadow_bottom.gif) no-repeat;
        height: 4px;
}


body {
        margin: 0px;
        color: black ;
        background: #f0f0f0;
        font-family: 11px verdana, tahoma, sans, arial, helvetica, sans-serif;
}

div.spacerBottom {
        font-size: 90%;
        background: url(pictures/p/mini-spacer-or.png) #FF9A1F repeat-x;
        color: white;
        margin: 2 0px 0px 0ex;
        padding: 0px 0px 0px 0px;
        height: 6px;
        border-color: #000;
        border-top-width: 2px;
        border-top-style: solid;
        border-bottom-width: 2px;
        border-bottom-style: solid;
}

div.spacerBottom {
        font-size: 90%;
        background: url(pictures/p/mini-spacer-or.png) #FF9A1F repeat-x;
        color: white;
        margin: 2 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        height: 6px;
}

div.x{
        text-align:center;
        align: center;
        width: 100%;
}

div.spacerGrey {
        overflow: hidden;
        background: #b9b9b9;
        width: 90%;
        height: 2px;
        padding: 0 0 0 0;
}

td.menu2 {
        background: #b9b9b9;
        border-style: solid;
        border-top-style: none;
        border-color: #000000;
        border-width: 2px;
}



div.menu {
        background: #b9b9b9;
        border-style: Solid;
        border-color: #000000;
        border-width: 2px;
        margin: 0px 5px 10px 10px;
}

div.menuTitle{
        padding: 3px;
        text-align: left;
        vertical-align: middle;
        background: #b9b9b9;
        font-size: 150%;
}



div.menuText2{
        text-align: left;
        vertical-align: middle;
        background: white;
        font-family: 15px verdana, tahoma, sans, arial, helvetica, sans-serif;
}

div.mainText{
        padding: 3px;
        text-align: left;
        vertical-align: middle;
        background: #e1e1e1;
        font-family: 15px verdana, tahoma, sans, arial, helvetica, sans-serif;
        border: 2px solid black;
        border-top: none;
}

div.admin{
        padding: 3px;
        text-align: center;
        vertical-align: middle;
        background: #e1e1e1;
        border-bottom : 1px dashed blue;
}

div.textWhite{
        padding: 3px;
        text-align: left;
        vertical-align: middle;
        background: #ffffff;
}


a:link,
a:visited,
a:active {
        color: #600;
        text-decoration: dashed;
        background: transparent;
}

a:hover {
        color: #c00;
        background: transparent;
        text-decoration: underline;
}

td.bottomDash {
        border: 0px;
        border-bottom-style: dashed;
        border-color: #b9b9b9;
        border-bottom-width: 1px;
        padding: 2px;
        background: #b9b9b9;
}





td.top
{
        background: url(pictures/p/t2.png) repeat-x;
}

ul#tabnav {
background: transparent;
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 115px;
border-bottom: 2px solid black;
margin: 0;
}

ul#tabnav li {
float: right;
background-color: #8DFE8D;
margin: 6px 4px 0px 16px;
border: 2px solid #707070;
border-bottom: 2px solid black;
text-align: center;
height: 107px;
}

ul#tabnav li:hover
{
background-color: white;
border: 2px solid black;
color: black;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4
{
border: 2px solid black;
border-bottom: 2px solid white;
background-color: white;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a {
color: #000;
}


#tabnav a {
float: left;
display: block;
color: gray;
text-decoration: none;
padding: 0px 0px 2px 0px;
}

#tabnav a:hover {
background: #fff;
color: black;
}