/*
Theme Name: SalesQ
Theme URI: http://salesq.nl/
Description: Website for accountmanagement
Version: 1.0
Author: Joshua Nijman, Franek Biernat
Author URI: http://www.fbidesign.nl/
*/
body 
{
    font-family: Calibri, Myriad Condensed Web, Arial;
    color: #363636;
    font-size: 13px;
    background: #fff url(images/bg.jpg) repeat-x;
    margin: 0 auto;
    padding: 0;
	overflow-y: scroll; 
}

a
{
    outline: none;
}

#container
{
    width: 960px;
    height: 100%;
    margin: 0 auto;
}

#header
{
    width: 960px;
    height: 126px;
    margin: 10px 0 0 0;
    float: left;
    background: url(images/header.png);
}

/**NAVIGATION******************************************************************/

#nav_block
{
    width: 960px;
    height: 54px;
    margin: 0;
    float: left;
    background: url(images/nav_block.jpg);
}


#nav_block ul
{
    float: right;
    margin: 9px 34px 0 0;
}

#nav_block li
{
    display: inline;

}

#nav_block li a
{
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    font-family: Calibri, Myriad Condensed Web, Arial;
    width: 95px;
    height: 27px;
    float: left;
    text-align: center;
    padding: 9px 0 0 0;
    margin: 0 0 0 10px;
    outline: none;

}

#nav_block li a:hover
{
    background: url(images/bgbtn.png);

}

#nav_block li.current_page_item a
{
    background: url(images/bgbtn.png);

}

#nav_block2
{
    width: 960px;
    height: 54px;
    margin: 0;
    filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
    background: #000 /*url(images/topper.png)*/;
    position:absolute;
    z-index:0;

}


#nav_block2 ul
{
    float: right;
    margin: 9px 34px 0 0;
    
}

#nav_block2 li
{
    display: inline;
}

#nav_block2 li a
{
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    font-family: Calibri, Myriad Condensed Web, Arial;
    width: 95px;
    height: 27px;
    float: left;
    text-align: center;
    padding: 9px 0 0 0;
    margin: 0 0 0 10px;
    outline: none;

}

#nav_block2 li a:hover
{
    background: url(images/bgbtn.png);
}

#visual
{
    width: 960px;
    height: 264px;
    float: left;
    margin: 0;
    padding: 0;
    /*background: url(images/flash.jpg);*/
}


/**BUTTONBAR******************************************************************/

#buttonbar
{
    width: 960px;
    height: 113px;
    float: left;
    margin: 0;
    padding: 0;
    background: url(images/buttonbar.jpg);
    
}

#buttonbar img
{
    float: left;
    margin: 0;
    padding: 0;
}

#buttonbar h3
{
    font-family: Calibri, Myriad Condensed Web, Arial;
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #464646;
    float: left;
    font-weight: bold;
}

#buttonbar p
{
    margin: 0;
    padding: 0;;
    color: #636363;
    font-size: 13px;
    float: left;
}

#buttonbar a
{
    text-decoration: none;
}

.buttonarea
{
    width: 240px;
    height: 113px;
    margin: 0;
    padding: 0;
    float: left;
    background: url(images/sales1.png)
}

a:hover .buttonarea 
{
    background: url(images/sales2.png)

}

.buttonarea2
{
    width: 240px;
    height: 113px;
    margin: 0;
    padding: 0;
    float: left;
    background: url(images/presales1.png)
}

a:hover .buttonarea2 
{
    background: url(images/presales2.png)

}

.buttonarea3
{
    width: 240px;
    height: 113px;
    margin: 0;
    padding: 0;
    float: left;
    background: url(images/aftersales1.png)
}

a:hover .buttonarea3 
{
    background: url(images/aftersales2.png)

}

.buttonarea4
{
    width: 240px;
    height: 113px;
    margin: 0;
    padding: 0;
    float: left;
    background: url(images/salesconsultancy1.png)
}

a:hover .buttonarea4
{
    background: url(images/salesconsultancy2.png)

}



#buttonbar2
{
    width: 960px;
    height: 113px;
    float: left;
    margin: 0;
    background: #fff;
}

/**MAIN******************************************************************/

#main
{
    width: 960px;
    height: 100%;
    margin: 0;
    padding: 0 0 0 0;
    float: left;
    background: url(images/wrapper.jpg) repeat-x;
}

#background
{
    width: 960px;
    height: 100%;
    margin: 0;
    padding: 20px 0 20px 0;
    float: left;
    background: url(images/middlebg.jpg);
    background-repeat: no-repeat;
}

/**FOOTER******************************************************************/

#footer
{
    width: 960px;
    height: 61px;
    margin: 0;
    padding: 0;
    float: left;
    background: url(images/footer.png);
}

#spacerbottom
{
    width: 960px;
    height: 10px;
    float: left;
}

/**CONTENT STYLES***************************************************************/

.leftcolumn
{
    width: 194px;
    height: 100%;
    float: left;
    margin: 0 0 0 24px;
    padding: 0 20px 0 0;
    line-height: 21px;
    outline: none;
}

.leftcolumn table a
{
    background: url(images/arrow.png);
    text-decoration: none;
    color: #898989 ;
    background-position: right;
    background-repeat: no-repeat;
    padding: 0 20px 0 0;
    font-weight: bold;
    outline: none;
    
}

.leftcolumn table a:hover
{
    background: url(images/arrow-over.png);
    color: #f78f1e;
    background-position: right;
    background-repeat: no-repeat;
    padding: 0 20px 0 0;
    font-weight: bold;
    outline: none;
}

.rightcolumn
{
    width: 200px;
    height: 100%;
    float: left;
    margin: 0 0 0 0 ;
    padding: 0 0 0 20px;
    line-height: 21px;
}
.rightcolumn p
{
    margin: 0;
    padding: 0px 0 10px 0;
    line-height: 21px;
    
}

.rightcolumn ul
{
    margin: 0;
    line-height: 21px;
    padding: 0 0 0 17px;
}

.rightcolumn li
{
    margin: 0;
    list-style-image: url(images/black.png) ;
    
}


.rightcolumn h2
{
     margin-bottom: 0;
}


.rightcolumn p
{
    margin: 0;   
}

.dark
{
    color: #424242;
    font-size: 11px;
    font-weight: bold;
}

.light
{
    color: #898989;
    font-size: 11px;
}

.middlecolumn
{
    width: 412px;
    height: 100%;
    float: left;
    margin: 0 0px 0 0px;
    padding: 0 35px 10px 35px;
    background: url(images/dividers.png) repeat-y;
}

.middlecolumn h2
{
    margin-bottom: 0;
}


.middlecolumn p
{
    margin: 0;
    padding: 10px 0 10px 0;
    line-height: 21px;
    
}

/**HEADINGS******************************************************************/

h1
{
    font-size: 21px;
    font-weight: bold;
    font-family: Calibri, Myriad Condensed Web, Arial;
    color: #363636;
}

h2
{
    font-size: 15px;
    font-weight: bold;
    font-family: Calibri, Myriad Condensed Web, Arial;
    color: #000;
}

h4
{
    margin-bottom: 0;
}

/**SECOND STYLES******************************************************************/

#visual2
{
    width: 960px;
    height: 264px;
    float: left;
    margin: 0;
    background: url(images/flash2.jpg);
}

#visual3
{
    width: 960px;
    height: 318px;
    float: left;
    margin: 0;
    background: #fff;
}

#visual4
{
    width: 960px;
    height: 264px;
    float: left;
    margin: 0;
    /*background: url(images/flash4.jpg);*/
}

.middlecolumn2
{
    width: 635px;
    height: 100%;
    float: left;
    margin: 0 0px 0 0px;
    padding: 0 35px 10px 35px;
    background: url(images/divider.png) repeat-y;
    line-height: 21px;
}



.middlecolumn2 p
{
    margin: 0;
    padding: 10px 0 10px 0;
    line-height: 21px;
    
}

.middlecolumn2 ul
{
    margin: 0;
    line-height: 21px;
    padding: 0 0 0 17px;
}

.middlecolumn2 li
{
    margin: 0;
    list-style-image: url(images/orange.png);
}

.middlecolumn3
{
    width: 412px;
    height: 100%;
    float: left;
    margin: 0 0px 0 0px;
    padding: 0 35px 10px 35px;
    background: url(images/dividers.png) repeat-y;
}

.middlecolumn3 h2
{
    margin-bottom: 0;
}


.middlecolumn3 p
{
    margin: 0;
    padding: 0px 0 10px 0;
    line-height: 21px;
    
}


/**CONTACT******************************************************************/


.contact-l
{
    width: 302px;
    height: 100%;
    float: left;
    padding: 10px 0 10px 0;
    line-height: 21px;
    
}

.contact-l h2
{
    margin: 0;
}

.contact-l p
{
    margin: 0;
    padding: 0 0 30px 0 ;
}

.contact-r
{
    width: 302px;
    height: 100%;
    float: right;
    padding: 10px 0 10px 0;
    line-height: 21px;
}

.contact-r h2
{
    margin: 0;
}

.contact-r p
{
    margin: 0;
    padding: 0 0 30px 0;
}