/* default reset  -------------------------------*/
body, img, p, table,td,div, span, a, input {padding:0px; margin:0px;}
a img {border:0px;}

/* standard styles -------------------*/
.minheight {float:left;height:300px; width:1px;}

.floatcontainer { float: left; clear:both; width:100%;}
.floatright { float: right;}
.floatleft { float: left;}
.relativecontainer {position: relative; top:0px; left:0px;}

.contentarea { width:500px; margin-right:70px;padding-bottom:20px;padding-top:20px; display:inline; float:right;}
.contentarea_full { width:750px; margin-right:15px;display:inline; padding-bottom:20px;padding-top:20px;}
.pagewidth {width: 783px; }
.halfwidth {width:50%;}

.center { text-align:center;}

.block {display:block;}
.inline {display:inline;}


/* ----- GENERAL LAYOUT -------- */
input {border:none;}
body { background:url("../images/page_bg.png") repeat-y; font-family:Sans-serif,Arial, Verdana; color:#ffffff; font-size:13px;}
body a, body a:active, body a:visited {color:white; text-decoration: none;}
body a:hover {color:red; text-decoration: underline;}
.contentarea p {margin-top:10px; color:#000000;}
.contentarea input {width:150px;}
.contentarea input.long {width:360px;}
.contentarea input.clear {width:auto;border:0px none;}
.contentarea textarea {width:360px; height:150px;}
.warning {color:red;}
.info {color:#c07f00;}
h1 {color:#000000; font-size:22px;}
h2 {font-size:18px;}
.contentarea input {border:1px solid #c07f00;}
.contentarea textarea {border:1px solid #c07f00;}
label {color:#000000;}
.contentarea label {float:left; display:block; width:130px;}
.contentarea label.long {width:330px;}
input.button { border:1px solid #c07f00; background-color:#f1bf2f; color:#000000; width:auto;}

/* backgrounds ---------------------*/
.bg_once { background-position: left top; background-repeat: no-repeat; }
.page_bg_first { background-color: #ea9c08;}
.page_bg_sec { background-color: #efa818;}
.bg_content { background-color:#ffffff;}
.bg_main { background-image: url("../images/collage.jpg"); height:249px;}

.bg_about_us { background-image: url("../images/bg_about_us.jpg");}
.bg_about_us_header { background-image: url("../images/top_about_us.jpg"); height:100px;}

.bg_our_mission { background-image: url("../images/bg_our_mission.jpg");}
.bg_our_mission_header { background-image: url("../images/top_our_mission.jpg"); height:100px;}

.bg_contact_us { background-image: url("../images/bg_contact_us.jpg");}
.bg_contact_us_header { background-image: url("../images/top_contact_us.jpg"); height:100px;}

.bg_mailing_list { background-image: url("../images/bg_mail_list.jpg");}
.bg_mailing_list_header { background-image: url("../images/top_mail_list.jpg"); height:100px;}

.bg_specials { background-image: url("../images/bg_contact_us.jpg");}
.bg_specials_header { background-image: url("../images/collage.jpg"); height:150px;}

.bg_catalogue { background-image: url("../images/bg_catalogue.jpg");}
.bg_catalogue_header { background-image: url("../images/top_catalogue.jpg"); height:100px;}


/* menu ---------------------------- */
.menuitemmargin {margin-left:18px; margin-top:7px; margin-bottom:5px; }
.menusearchmargin {margin-right:5px; margin-top:5px; margin-bottom:5px; }
a.menuitem, a:active.menuitem, a:visited.menuitem ,a:hover.menuitem  {text-decoration:none; font-family:Sans-serif,Arial, Verdana; letter-spacing: 1px; font-weight:bold;}
a.menuitem, a:active.menuitem, a:visited.menuitem  {color:#ffffff; }
a:hover.menuitem {color:#ff0000; }


/* borders --------------------- */
.borderbottom {border-bottom: 1px solid #c07f00;}
.bordertop {border-top: 1px solid #c07f00;}


/* fonts --------------------------- */
.micro_font {font-size:10px;}
.small_font {font-size:12px;}
.medium_font {font-size:13px;}
.large_font {font-size:16px;}
.special_color {color: #c07f00;}
.bold {font-weight: bold;}

/* spacing ------------------------- */
.small_padding { padding-top:5px; padding-bottom: 5px;}
.medium_padding { padding-top:10px; padding-bottom: 10px;}
.large_padding { padding-top:15px; padding-bottom: 15px;}
.small_padding_all { padding:5px;}
.medium_padding_all { padding:10px;}
.large_padding_all { padding:15px;}
.vspace_small {margin-top:5px;margin-bottom:5px;}
.vspace_medium {margin-top:10px;margin-bottom:10px;}
.vspace_large {margin-top:15px;margin-bottom:15px;}



/* text --------------------------- */
.contenttext {line-height: 18px; letter-spacing: 1px; font-size:14px; font-family: Serif; color:#000000; }
.firstletterlarge p:first-letter {color:#ff0000;font-size:xx-large; font-style: italic; line-height:80%;}


/* address ------------------------ */
.contact p {color:white; padding-top:10px; padding-bottom:10px;}
.contact {background-color: #EFA818;}
.contact_main {background-image: url("../images/collagecorner.jpg");background-repeat: no-repeat; background-position: top left;}
.concat_info {border:1px solid red;padding-top:20px;}


/* footer ------------------------ */
.footer a, .footer a:visited, .footer a:active {text-decoration: underline; font-style: italic;}
.footer {font-size:12px; color:#b06f00;}


/* links -------------------------- */
.contentarea a,.contentarea a:active, .contentarea a:visited,
.contentarea_full a,.contentarea_full a:active, .contentarea_full a:visited {color:#c07f00; text-decoration: underline; font-style:italic;}
.contentarea a:hover,.contentarea_full a:hover {color:red;font-style:italic;}

/* gallery ----------------------- */
.gallery_item { height:155px; width:115px; float:left; padding:3px;  display:inline; margin-left:25px; padding-bottom:25px; border-top:1px solid #c07f00;padding-top:10px;}
.imagepreviewcontainer { height:155px; width:105px; float:left; margin:14px; display:inline; margin-bottom:25px; }
.gallerytitle {width:100%; float:left; overflow:hidden; color:red; height:40px; line-height:14px;}
.imagecontainer { width:auto; height:auto; float:left; border:1px solid #c07f00; padding:2px;}
.imagetitle {height:45px; color:red; line-height:14px; overflow:hidden; }