/*   
Theme Name: Citrine 3.0
Theme URI: http://citrinedesign.net/
Description: November Redesign of Citrine Design's main website
Author: Thomas Meier
Author URI: http://citrinedesign.net/
Version: 3.0
Copyright protected.

     background: rgba(64,0,0,0.6);
*/

@font-face {
    font-family:"Magnificent";
    src:url('/fonts/Magnificent.ttf') format("truetype");
}


@font-face {
    font-family:"Angl";
    src:url('/fonts/angl.ttf') format("truetype");
}

body {
     color:#4f4f4f;
     margin:0;
     padding:0;
     font-size:12pt;
}

#container {
     margin:0 auto;
     padding:0;
}

#masthead {
     height:600px;
     width:100%;
     background: #050505 url(/img/masttwo.jpg) no-repeat 15% 0%;
}

#center {
     height:1080px;
     width:100%;
     background: #050505 url(/img/content2.jpg) no-repeat top left;
     position:relative;
     font-size:0.8em;
     font-family:'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif;
}

#content {
     padding:0;
     margin:50px 0 0 100px;
     height:430px;
}

#footer {
    background:transparent;
    padding:0;
    text-align:
}

/* Text */

h2 { 
     font-family:"Magnificent", Georgia, serif;
     font-size:1.7em;
     color:#3f3f3f;
     text-align:center;
}  

h3 { 
     font-family:"Magnificent", Georgia, serif;
     font-size:2.3em;
     color:#fff;
     text-align:center;
} 

h4 { 
     font-family:Arial, sans-serif;
     font-size:1.2em;
     color:#3f3f3f;
     text-align:center;
     padding: 0 80px 0 80px;
}  

p.pan {
     color:#f5f5f5;
     font-size:1.1em;
     font-family:'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif;
}


p.copy {color:#9f9f9f; font-family:Verdana, sans-serif; font-size:11px; width:200px; margin: 0 auto;}

/* Content Lists */

#jqcid {
    width:750px;
    margin: 0 0 0 180px;
    position:relative;
    height:250px;
}

li.jqcimg {
    padding: 0 40px 0 0;
}

ul#portfolio {
    position:relative;
    top:190px;
    left:120px;
    padding:0;
    display:inline;
    list-style:none;
}

ul#top {
    padding:0;
    display:inline;
    list-style:none;
}

ul#bottom {
    padding:0;
    display:inline;
    list-style:none;
}

li.state {
    width:265px;
    display:inline-block;
    padding: 0 35px 0 0;
    vertical-align:top;
}


button.next {
   height:211px;
   width:77px;
   background:url('/img/buttonright.png') no-repeat;
   border:none;
   position:relative;
   top:220px;
   left:854px;
   cursor:pointer;
}

button.prev {
   height:211px;
   width:77px;
   background:url('/img/buttonleft.png') no-repeat;
   border:none;
   display:inline;
   position:relative;
   top:220px;
   left:80px;
   cursor:pointer;
}