/*---------------------------------------
GENERAL TAGS
---------------------------------------*/

body {
  background: #FFFFFF url(images/body/body_bg.gif) no-repeat scroll bottom right;
  margin: 0px;
  padding: 0px;
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  text-align: justify;
}

h1, h2, h3, h4, h5, h6 {
	text-align: center;
}



p {
  margin: 0px;
  padding: 20px;
}

a {
  color: #FF3366;
}

a:hover {
  font-weight: bold;
}

a:visited {
  color: #FF809F;
}


table {
  width: 100%;
  padding: 0px 20px 0px 20px;
}

* html table {
  width: 93%;
  margin: 0px 20px 0px 20px;
}


td {
  width: 50%;
  text-align: center;
  padding: 5px 0px 5px 0px;
  background-color: #EBF7FF;
}

thead {
  font-weight: bold;
  color: #BFE4FF;
}

thead td {
  background-color: #666666;
}

.dark_row td {
  background-color: #D6EEFF;
}





/*---------------------------------------
CONTAINER
---------------------------------------*/

#container {
  background: url(images/body/container_bg.gif) no-repeat scroll top left;
  padding-bottom: 20px;
}

/*---------------------------------------
HEADER
---------------------------------------*/

#header {
  background: url(images/header/header_bg.gif) left repeat-x scroll top;
  height: 260px;
}

#header .h1 {
  background: url(images/header/h1_bg.gif) no-repeat top left;
  height: 260px;
}

#header .h1 a {
  display: block;
  height: 156px;
  background: url(images/header/a_bg.gif) no-repeat center right;
}

#header .h1 a:hover {
  background: url(images/header/a_over_bg.gif) no-repeat center right;
}


/*---------------------------------------
MENU
---------------------------------------*/

#menu ul {
  list-style: none;
  margin: -100px 0px 0px 440px;
  padding: 0px;
}


#menu li {
  width: 25%;
  height: 58px;
  float: left;
  text-align: center;
}

#menu a {
  display: block;
  width: 62px;
  height: 58px;
}


#menu #main a {
  background: url(images/menu/main.gif) no-repeat top center;
}

#menu #home a {
  background: url(images/menu/home.gif) no-repeat top center;
}

#menu #office a {
  background: url(images/menu/office.gif) no-repeat top center;
}

#menu #order a {
  background: url(images/menu/order.gif) no-repeat top center;
}

#menu .active#main a, #menu #main a:hover {
  background: url(images/menu/main_a.gif) no-repeat top center;
}

#menu .active#home a, #menu #home a:hover {
  background: url(images/menu/home_a.gif) no-repeat top center;
}

#menu .active#office a, #menu #office a:hover {
  background: url(images/menu/office_a.gif) no-repeat top center;
}

#menu .active#order a, #menu #order a:hover {
  background: url(images/menu/order_a.gif) no-repeat top center;
}

/*---------------------------------------
CONTENT
---------------------------------------*/

#content {
  float: right;
  width: 68%;
  margin-top: 100px;
  margin-right: 10px;
  margin-bottom: 30px;
  background: #BFE4FF url(images/content/content_bg.gif) no-repeat bottom right;
}

#content ul {
  padding-right: 20px;
}


#main_page #content .h2 {
  width: 309px;
  height: 74px;
  background: url(images/content/main_h2.gif) no-repeat top left;
  margin-top: -11px;
}


#home_page #content .h2 {
  width: 241px;
  height: 74px;
  background: url(images/content/home_h2.gif) no-repeat top left;
  margin-top: -11px;
}

#office_page #content .h2 {
  width: 254px;
  height: 74px;
  background: url(images/content/office_h2.gif) no-repeat top left;
  margin-top: -11px;
}

#special_page #content .h2 {
  width: 224px;
  height: 74px;
  background: url(images/content/special_h2.gif) no-repeat top left;
  margin-top: -11px;
}

#order_page #content .h2 {
  width: 210px;
  height: 74px;
  background: url(images/content/order_h2.gif) no-repeat top left;
  margin-top: -11px;
}

#main_page #content .first {
  background: url(images/content/first_main_bg.gif) no-repeat top right;
  margin-top: -63px;
  padding-top: 84px;
}

#home_page #content .first {
  background: url(images/content/first_home_bg.gif) no-repeat top right;
  margin-top: -63px;
  padding-top: 84px;
}

#office_page #content .first {
  background: url(images/content/first_office_bg.gif) no-repeat top right;
  margin-top: -63px;
  padding-top: 84px;
}

#special_page #content .first {
  background: url(images/content/first_main_bg.gif) no-repeat top right;
  margin-top: -63px;
  padding-top: 84px;
}

#order_page #content .first {
  background: url(images/content/first_order_bg.gif) no-repeat top right;
  margin-top: -63px;
  padding-top: 84px;
}

#content .last {
  background: url(images/content/last_bg.gif) no-repeat bottom left;
}



/*---------------------------------------
SPECIAL
---------------------------------------*/

#special {
  float: left;
  width: 29%;
  margin-top: 100px;
}

#special p {
  display: block;
  width: 197px;
  height: 227;
  margin-left: 10px;
  padding: 0px;
}

#special p a {
  display: block;
  width: 197px;
  height: 227px;
  background: url(images/special/special_bg.gif) no-repeat top;
}


/*---------------------------------------
ORDER
---------------------------------------*/

form {
  margin: 0px 20px 0px 20px;
  width: 90%;
}

dt {
  font-weight: bold;
  margin: 0px;
  float: left;
  width: 50%;
}

dd {
  float: left;
  width: 35%;
  margin: 0px 0px 20px 20px;
}

dd input, dd select {
  width: 100%;
  margin: 0px;
}

dd select {
  width: 105%;
}

* html dd select {
  margin-left: 4%;
}

input#submit, input#reset {
  border: 2px solid #666666;
  background-color: #FF3366;
  color: #FFFFFF;
  font-weight: 800;
  text-transform: uppercase;
}

input#reset {
  font-weight: normal;
  text-transform: lowercase;
}



/*---------------------------------------
FOOTER
---------------------------------------*/

#footer {
  clear: both;
  margin: 0px 10px 20px 10px;
  height: 80px;
  background: #FF3366 url(images/footer/bg.gif) no-repeat top right;
}


#footer .h3 {
  width: 260px;
  height: 80px;
  background: url(images/footer/title.gif) no-repeat left;
  float: left;
  margin-top: 0px;
}


#footer ul {
  list-style: none;
  width: 139px;
  height: 80px;
  float: right;
}

* html #footer ul {
  position: relative;
  top: -10px;
  margin-bottom: -21px;
}



#footer ul #li1 {
  width: 139px;
  height: 63px;
  background: url(images/footer/li1.gif) no-repeat top;
  margin-top: -30px;
}

* html #footer ul #li1 {
  margin-top: -30px;
}

#footer ul #li2 {
  width: 138px;
  height: 62px;
  background: url(images/footer/li2.gif) no-repeat top;
  margin-top: -20px;
}

* html #footer ul #li2 {
  margin-top: 0px;
}