@charset "UTF-8";
/* CSS Document */

html {padding:0px; margin:0px;}
body {padding:0px; margin:0px; font-family:"Lucida Grande", "Lucida Sans", verdana, tahoma, arial, sans-serif; background-color:#FFFFFF; background-image:url(images/bg.jpg); background-repeat: repeat-x;}

#container {margin-left: auto; margin-right: auto; width: 900px; height: auto;}

#header {float: left; width: 900px; height: auto;}
#parts {float: left; width: 900px; height: auto;}
#areas {float: left; width: 900px; height: auto;}


img {border: none; behavior: url(wp-content/themes/quintema/iepngfix.htc);}
div, a, input { behavior: url(wp-content/themes/quintema/iepngfix.htc); }

/*header divs*/

#nav {float: left; width: 900px; height: 46px;}
#sitelogo {float: left; width: 900px; height: 237px;}

#nav1 {float: left; width: 90px; height: 46px;}
#nav2 {float: left; width: 138px; height: 46px;}
#nav3 {float: left; width: 119px; height: 46px;}
#nav4 {float: left; width: 152px; height: 46px;}
#nav5 {float: left; width: 106px; height: 46px;}
#nav6 {float: left; width: 72px; height: 46px;}
#nav7 {float: left; width: 223px; height: 46px; background-image: url(images/btn_number.jpg);}

#sitelogospacer {float: left; width: 900px; height: 32px; background-image: url(images/header_top.jpg);}
#sitelogomain {float: left; width: 900px; height: 205px;}

#sitelogoleft {float: left; width: 206px; height: 205px; background-image: url(images/header_logoleft.jpg);}
#sitelogoproper {float: left; width: 491px; height: 205px;/* background-image: url(images/logo.jpg);*/}
#sitelogoright {float: left; width: 203px; height: 205px; background-image: url(images/header_logoright.jpg);}



/*parts divs*/

#topwhite {float: left; width: 900px; height: auto;}
#bottomgrey {float: left; width: 900px; height: auto;}

#topwhitetop {float: left; width: 900px; height: 123px;}
#topwhitebg {float: left; width: 900px; height: auto; background-image: url(images/part_bg.jpg); background-repeat: repeat-y;}
#topwhitebottom {float: left; width: 900px; height: 60px; background-image: url(images/part_transition.jpg);}

#part1title {float: left; width: 235px; height: 123px; background-image: url(images/part1.jpg);}
#part2title {float: left; width: 215px; height: 123px; background-image: url(images/part2.jpg);}
#part3title {float: left; width: 217px; height: 123px; background-image: url(images/part3.jpg);}
#part4title {float: left; width: 233px; height: 123px; background-image: url(images/part4.jpg);}

#part1titlemain { padding-left: 35px; padding-top: 0px;}
#part2titlemain { padding-left: 0px; padding-top: 0px;}
#part3titlemain { padding-left: 0px; padding-top: 0px;}
#part4titlemain { padding-left: 0px; padding-top: 0px; padding-right: 25px;}

#partsentries {padding-left: 45px; padding-top: 10px;}

#part1entry {float: left; width: 190px; height: auto;}
#part2entry {float: left; width: 190px; padding-left: 15px;}
#part3entry {float: left; width: 190px; padding-left: 30px;}
#part4entry {float: left; width: 190px; padding-left: 15px;}

#bottomgreycontent {float: left; width: 900px; height: 115px;}
#bottomgreyleft {float: left; width: 605px; height: 115px; background-image: url(images/grey_main.jpg);}
#bottomgreyright {float: left; width: 295px; height: 115px; background-image: url(images/grey_number.jpg);}
#bottomgreybottom {float: left; width: 900px; height: 15px; background-image: url(images/grey_bottom.jpg);}

#tagline {padding-left: 45px; padding-right: 20px;}
#tagline p {margin: 0px; padding-top: 10px;}

#number p {margin: 0px; padding-top: 10px;}

/*areas divs*/

#areasmain {float: left; width: 900px; height: auto;}
#lightgreytop {float: left; width: 900px; height: 14px; background-image: url(images/light_top.jpg);}
#lightgreybg {float: left; width: 900px; height: auto; background-image: url(images/light_bg.jpg); background-repeat: repeat-y;}
#lightgreybottom {float: left; width: 900px; height: 16px; background-image: url(images/light_bottom.jpg);}

.areascolumn {padding-left:40px;}
#areasleft {float: left; width: 415px; height: auto;}
#areasright {float: left; width: 415px; height: auto;}
.areascontainermain {float: left; width: 405px; height: auto;}

.areastop {float: left; width: 405px; height: 45px; background-image: url(images/areas_top.jpg);}
.areasbg  {float: left; width: 405px; height: auto; background-image: url(images/areas_bg.jpg); background-repeat: repeat-y;}
.areasbottom {float: left; width: 405px; height: 21px; background-image: url(images/areas_bottom.jpg);}

.areastitle p{padding-left: 105px;}

.areaselements {padding-left: 15px;}
.areasicon {float: left; width: 71px; height: 69px; background-image: url(images/areas_placeholder.jpg);}
.areasentry {float: left; width: 310px; height: auto;}
.areasentry p {padding-left: 20px;}
/*.areasentry {padding-left: 105px; padding-right: 5px;}*/


/*INSIDE PAGES -- CONTENT */

#content {float: left; width: 900px; height: auto;}
#contentbottom {float: left; width: 900px; height: 60px; background-image: url(images/part_transition.jpg);}
#contentbg {float: left; width: 900px; height: auto; background-image: url(images/part_bg.jpg); background-repeat: repeat-y;}


/*content top divs*/

#contenttop {float: left; width: 900px; height: 59px;}
#quintemalogo {float: left; width: 237px; height: 59px; background-image:url(images/logo-inside.png);}
#maintab {float: left; width: 663px; height: 59px; background-image:url(images/inside-tab.png);}

#maintabtitle {padding-left: 10px;}

/*sidebar*/

#sidebar {float: left; width: 197px; height: auto;}
#sidebarmain {padding-left: 33px;}

#accordion {float: left; width: 197px; height: auto;}
#accordionmain {width: 186px; margin-left: 9px; background-color: #e4f2ff;}

.sidebarelement {float: left; width: 197px; height: auto;}
.sidebartop {float: left; width: 197px; height: 40px; background-image: url(images/sidebar_header.jpg);}
.sidebarbg {float: left; width: 197px; height: auto; background-image: url(images/sidebar_bg.jpg); background-repeat: repeat-y;}
.sidebarbottom {float: left; width: 197px; height: 22px; background-image: url(images/sidebar_bottom.jpg);}
.sidebartitleleft {padding-left: 40px; padding-top: 12px;}
.sidebartitleright {padding-left: 40px; padding-top: 7px;}

.sidebarbgmain {padding-left: 11px;}

.sidebarbgmainitems {padding-left: 10px;}


/*contentmain */

#contentmain {float: left; /*width:450px;*/width:647px; height: auto;}
#contentproper {padding-left: 50px;}


/*downloads*/

/*#downloads {float: left; width:197px; height: auto;}
#downloadsmain {padding-left: 20px;}*/


/*BLOG DIVS*/

#contentmainblog {float: left; width:640px; height: auto;}
#contentproperblog {padding-left: 33px;}

.blogentry {float: left; width: 622px; height: auto;}

.entrytop {float: left; width: 622px; height: 20px; background-image: url(images/entry-top.jpg);}
.entrybg {float: left; width: 622px; height: auto; background-image: url(images/entry-bg.jpg); background-repeat: repeat-y;}
.entrybottom {float: left; width: 622px; height: 30px; background-image: url(images/entry-bottom.jpg);}

.postmetatop {float: left; width: 622px; height: 11px; background-image: url(images/postmeta-top.jpg);}
.postmetabg {float: left; width: 622px; height: auto; background-image: url(images/postmeta-bg.jpg); background-repeat: repeat-y;}
.postmetabottom {float: left; width: 622px; height: 12px; background-image: url(images/postmeta-bottom.jpg);}

.entrytitle {padding-left: 20px;}
.entrypost {padding-left: 20px; padding-right: 20px;}

.postmetaproper {padding-left: 30px;}

/*footer divs*/

#footer {margin-left: auto; margin-right: auto; clear: both; position: relative; width: 100%; height: 106px; background-image: url(images/footer_bg.jpg); background-repeat: repeat-x;}
#footercontent {margin-left: auto; margin-right: auto; width: 900px; height: 106px; background-image: url(images/footermain.jpg);}
.copyright {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-left:200px; color:#333333;}
#footerlinks {padding-left: 45px; padding-top: 78px;}

/*formatting classes*/

.parttitle {font-size: 16px; font-weight: bold; color: #000000;}
.pagetitle {font-size: 20px; font-weight: bold; color: #000000;}

.bigheadline {font-size: 23px; color: #ffea00; line-height: 1.3em;}
.number {font-size: 35px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; letter-spacing: -2px; color: #FFFFFF;}
.bluenumber {font-size: 35px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; letter-spacing: -2px; color: #a6c8ff;}

.entry {font-size: 11px; color: #333333; line-height: 1.5em;}
.entry a{font-size: 11px; color: #333333; text-decoration: underline; font-weight: bold;}
.entry a:hover{font-size: 11px; color: #333333; text-decoration: none; font-weight: bold;}

.footerlinks {font-size: 11px; color: #333333;}
.footerlinks a{font-size: 11px; color: #333333; text-decoration: none;}
.footerlinks a:hover{font-size: 11px; color: #333333; text-decoration: underline;}

.titlesidebarleft {font-size: 13px; color: #000000; font-weight: bold;}
.titlesidebarright {font-size: 11px; color: #000000; font-weight: bold;}

.titlepost {font-size: 20px; color: #000000;}
.titlepost a{font-size: 20px; text-decoration: none; color: #000000;}
.titlepost a:hover{font-size: 20px; text-decoration: underline; color: #000000;}

.metadata {font-size: 14px; color: #333333;}
.metadata a{font-size: 14px; color: #2d74c3; text-decoration: underline;}
.metadata a:hover{font-size: 14px; color: #2d74c3; text-decoration: none;}

.alignleftposts {float: left; width: 99px; height: 36px; background-image: url(images/btn_prev.jpg);}
.alignrightposts {float: right; padding-right: 25px;}

.alignleft {float: left;}
.alignright {float: right; padding-right: 25px;}

/*sidebar elements*/

.sidebarform {width: 155px;}
.sidebarbtn {float: right; padding-right: 12px;}

/*accordion*/

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0px;
  padding: 0px;
  width: 186px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #e4f2ff;
  color: #fff;	
  /*padding: 0.5em;*/
  padding: 0px;
}

ul#menu li a:hover {
  /*background: #000;*/
}

ul#menu li ul li a {
  background: #e4f2ff;
  color: #000;
  padding-left: 10px;
}

ul#menu li ul li a:hover {
  background: #e4f2ff;
  /*border-left: 5px #000 solid;*/
  padding-left: 10px;
  text-decoration: underline;
}

/*contact form*/
.contactform { margin:0 auto; text-align:left; width:330px; }
#wpcf_your_name { margin-left:60px; }
#wpcf_email { margin-left:60px; }
#wpcf_website { margin-left:19px; }
#contactsubmit { margin-left:240px; }