/*
Theme Name: anquale
Description: Description
Version: 1.0
License: GNU General Public License
License URI: license.txt
  Author     : adrian
Text Domain: anquale
Domain Path: /languages/

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* ===========================
   ======= Body style ========
   =========================== */
root { 
    display: block;
}
html, body, #base {
    width: 100%;
    height: 950px;
    min-width: 1024px;
}

body {
    margin:0;
    padding:0;
    background-color: #ffffff;
    font-family: 'Carrois Gothic', sans-serif;
    color: #3D3D3D;
}

/* ++++++++++++++Container, main website skeleton++++++++++++ */
#wrapper { width:980px; margin:0 auto; padding:0; top:0px;
           position:relative;
} 

#header {
    padding:0px;
    width:960px;
    margin:0 auto;
    height: 340px;		
}

#logo-banner-holder
{
    width:980px;
    margin:0 auto;
    padding:0;
    height: 180px;
    top:0px;   
    background:transparent;
}

.banner{
    float:right;
    height: 180px;
    color: #ffffff;
    width: 600px;
} 

#top-border{
    clear:both !important;
    height: 180px;
    color: #ffffff;
    background: #bfe0e9;
} 

#upper-band {
    clear:both !important;
    height: 230px;
    padding: 10px;
    color:#ffffff;
    background-color: #ffffff;
}

#upper-band {
    clear:both !important;
    height: 230px;
    padding: 10px;
    color:#ffffff;
    background-color: #ffffff;
}

#combo-band {
    clear:both !important;
    padding: 10px 0px 0px 0px;
    color:#ffffff;	
    width: 100%;
    min-height: 420px;
}

#column-left{
    text-align: left;
    float:left;
    width:600px;
    padding:10px 0px 0px 20px;
    height: auto;
    color: #696969;
    font-size: 13px;
    line-height: 24px;
    font-family: 'Carrois Gothic', sans-serif;
}

#column-right{
    float:left;
    width:348px;
    font-size: 13px;
    padding:10px 0px 0px 0px;
    height: auto; 
}

#column-right-one-third {
    float:right;
    width:338px;
    font-size: 13px;
    padding:10px 0px 0px 0px;
    height: auto; 
}

.right-column-txt{
    float:left;
    width:468px;
    padding:5px 0px 0px 0px;
    color:#3D3D3D;
    font-size: 13px; 
    line-height: 20px;
    letter-spacing: 1px;
    font-family: 'Carrois Gothic', sans-serif;
}


#column-left-header{
    float:left;
    width:600px;
    padding:0px 0px 10px 0px;
    color: #b58e41;
    font-size: 24px;
    display: block;
    line-height: 28px;
    font-family: 'Carrois Gothic', sans-serif;
}

#column-right-header{
    float:left;
    width:auto;
    padding:0px 0px 10px 0px;
    color: #b58e41;
    font-size: 24px;
    display: block;
    line-height: 28px;
    font-family: 'Carrois Gothic', sans-serif;
}

#logo {
    float: left;
    width: 240px;
    height: 145px;
    margin:14px 0px 0px 20px;
    background-image: url('../img/blackandbluelogo.png');
    background-repeat:no-repeat;    
}

#logo-strapline{
    float: left;
    width: 400px;
    margin:0px 0px 0px 0px;
    padding:94px 0px 0px 0px;
    color: #3D3D3D;   
}
/* ++++++++++++++Logos Navigation++++++++++++ */

html, body {
    overflow-x: hidden;
}
#navigation-bar{    
    margin:0; padding:0; 
    position:relative;
    display:block;
    height:52px;
    background:#000000;
    width: 100%;
}
ul#menu
{
    width:980px;
    margin:0 auto;
    padding:0;
    top:0px;   
    list-style-type:none;	
    height:50px;
    font-family: 'Carrois Gothic', sans-serif;
}
ul#menu li
{
    width: auto;
    display:inline;
    float:right;
    margin:0;
    padding:0;         
}	
ul#menu li a
{
    display:block;
    float:left;
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
    padding:15px 0px 0px 0px;
    height:24px;
    margin:0px 20px 0px 0px;        
}

ul#menu li a:hover
{	
    color:#CF8E00;;	
}
#menu li:first-child  > a {
    margin-right: 20px;   
}

.clear {
    overflow: auto;
    width: 100%;
}

img
{  border-style: none;
}

.pink-header{
    display: block;
    color: #EA7B9D;
    font-family: 'Carrois Gothic', sans-serif;
    font-size: 20px;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

/* ++++++++++++++general layout elements++++++++++++ */

#statement1{
    font-size: 35px;
    padding: 0px 10px 0px 10px;
    color: #9c0c15; 
}

#statement2{
    font-size: 35px;
    padding: 0px 10px 0px 10px;
    color: #041830; 
}

#statement3{
    font-size: 32px;
    padding: 0px 10px 0px 10px;
    color: #9c0c15; 
}

#statement4{
    font-size: 32px;
    padding: 0px 10px 0px 10px;
    color: #041830; 
}


.logos{
    float:left;
    width:100px;
    padding:0px 8px 0px 0px;
}

/* ===========================
   ======= Anchor style ====== 
   =========================== */

a{
    color: #587EAA;
}

a:hover {color: #587EAA;}
a:active{color: #587EAA;}
a:visited{color: #587EAA;} 

/* ===========================
   ======= footer and footer navigation ====== 
   =========================== */

#navigation-holder_bt {
    width:980px; margin:0 auto; padding:0;
    list-style: none;
    height: 200px;
}

#copyright
{
    float: right;
    text-align: left;
    display: block;
    color: #696969;
    font-size: 12px;
    text-decoration:none;
    padding:10px 36px 0px 20px;
    width:auto;
}

#copyright a
{
    color: #696969;
    text-decoration: none;
}

.link_bt
{
    float: left;
    text-align: left;
    display: block;
    color: #ffffff;
    font-size: 12px;
    text-decoration:none;
    padding:5px 0px 0px 21px;
    margin:0px 130px 0px 0px;
    width:auto;
}

.link_bt_last
{
    float: left;
    text-align: left;
    display: block;
    color: #ffffff;
    font-size: 12px;
    text-decoration:none;
    padding:5px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    width:auto;
}

.navigation, .link_bt a:link,a:visited
{
    text-align:left;
}

.navigation, .link_bt a:link,a:visited
{
    text-align:left;
}

.link_bt a{
    color: #ffffff;
    text-decoration: none;
}

.link_bt a:hover {
    text-decoration: none;
}

#mail-footer{
    text-align:left;
    display: inline;
}

.link_bt_last a {
    color: #ffffff;
    text-decoration: none;
}

.link_bt_last a:hover {
    text-decoration: none;
}

.nav-more {
    color: #ffffff;
    font-size: 11px;
    display: block;
    line-height: 18px;
}

.nav-more a{
    color: #ffffff;
    font-size: 11px;
    display: block;
}

#footer {
    clear:both;
    padding:10px;
    height: 120px;
    background-color: #000000;
}

.left-nav-padding
{
    width:20px;
}

/*--------------------------------------------------------
 ++++++++++++ -- toggles etc ++++++++...
---------------------------------------------------------*/ 

#article-toggle{
    float: left; 
    color: #c2292c;	
    width: 200px;
    margin: 5px 0 0px 0px;
    display:block;
    text-decoration:none;

} 

#article-toggle a{ 
    float: left; 
    width: 200px;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #c2292c;
    font-weight: bold;
    font-size: 13px;
}

#article-toggle a:hover{ 
    float: left; 
    width: 200px;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #c2292c;
    font-weight: bold;
    font-size: 13px;
}


/*--------------------------------------------------------
 ++++++++++++forms -- contact form etc ++++++++...
---------------------------------------------------------*/ 


#contact-form{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    line-height: 200%;	
}

.ta{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
} 	

#contact-form #button{
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 10px 0px;
} 

#left-casebook-item{
    width: 550px;
    height: 330px;
    float: left;
    text-align: left;
    margin: 0px 0px 0px 0px;
    background-color: #111111;
    color: #ffffff;
} 

#content-holder-casebook{
    width: 800px;
    height: auto;
    min-height: 580px;
    margin: 10px 0px 0px 0px;
    padding: 20px 40px 0px 40px;
    float: left;
    text-align: left;
    background-color: #363636;
}

#right-casebook-item{
    width: 348px;
    height: 340px;
    float: right;
    margin: 0px 0px 0px 0px;
    color: #ffffff;
    font-size: 13px;
}

.casebook-other-heading{
    color: #CF8E00;
    float: left;
    font-size: 20px;
    margin: 0;
    padding: 0px 0 0 0px;
    text-align: left;
    width: auto;
}

#right-casebook-text{
    width: 352px;
    height: 112px;
    float: left;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #000000;

}

.casebook-statements{
    width: 600px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: left;
    font-size: 13px;
    color: #000000;
}

#statement-first{
    width: 600px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: left;
    background-color: pink;
}

#casebook-thumbs{
    width: 346px;
    height: auto;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: left;
    background-color: #ffffff;
}

#gallery-casebook ul{
    width: 336px;
    float: left;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    overflow: hidden;
}

#gallery-casebook li{
    float: left;
    width: auto;
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 1px 0px 1px;
    border: solid 1px #ffffff;
    cursor: pointer;
}

.case-name{
    width: 300px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: left;
    color: #9ACD32;
    height: 30px;
    font-family: 'MistralRegular';
    font-size: 28px;
}

.casebook-thumb-heading{
    width: 300px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    float: left;
    text-align: left;
    color: #CF8E00;
    font-size: 20px;
}

#statement-default{
    color: #000000;  
}
#statement-1{
    color: #000000;  
}
#statement-2{
    color: #000000;  
}
#statement-3{
    color: #000000;  
}
#statement-4{
    color: #000000;  
}
#statement-5{
    color: #000000;  
}
#statement-6{
    color: #000000;  
}


.small-img-top{    
    padding: 0px 0px 3px 20px;
}
.small-img-bottom{    
    padding: 3px 0px 0px 20px;
}

.left-images{    
    padding: 3px 3px 3px 20px;
}

.certificate-images{    
    padding: 3px 20px 3px 20px;
}