html {
    background: #450045;
}

body {
    background: #450045 url(../images/body_bg.gif) left 120px repeat-x;
    border-top: 5px solid #f8287f;
    font: 13px/1.4 tahoma, Arial, Geneva, Helvetica, sans-serif;
} 

#Container {
    position: relative;
    width: 920px;
    padding: 121px 15px 40px 15px;
    margin: 0 auto;
} 

#SkipToContent {
    display: block;
    position: absolute;
    top: 0;
    width: 916px;
    color: #450045;
    padding: 1px 0 2px 4px;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

a#SkipToContent:hover {
    color: #f8287f;
    background-color: #2e002e;
} 

#Header {
    background-color: #1d001d;
    height: 247px;
    overflow: hidden;
} 

#Content {
    background: #fff url(../images/faux_col.gif) repeat-y right top;
    padding: 30px 20px;
    border-bottom: 4px solid #2e002e;
} 

#Logo {
    position: absolute;
    top: 22px;
} 

#Elf {
    position: absolute;
    right: -18px;
    top: 94px;
} 

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
} 

.right {
    float: right;
} 

.left {
    float: left;
}

/* -- $Navigation ------------------------------------------------------------------- */ 

#Navigation {
    position: absolute;
    top: 0;
    right: 20px;
} 

#Navigation li {
    float: left;
    margin: 0 3px;
} 

#Navigation li.current, #Navigation li.section, #Navigation li:hover, #Navigation li.hover, #Navigation li:focus {
    background: url(../images/menu_right.gif) no-repeat right bottom;
} 

#Navigation a {
    display: block;
    height: 26px;
    font: 16px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #f8287f;
    text-decoration: none;
    padding: 50px 8px 0;
} 

#Navigation .current a, #Navigation .section a, #Navigation a:hover, #Navigation a:focus  {
    background: url(../images/menu_left.gif) no-repeat left bottom;
    color: #fff;
} 

#Navigation a:hover, #Navigation a:focus {
    color: #f8287f;
} 

#Navigation .current a:hover, #Navigation .section a:hover {
    color: #fff;
}

/* -- $SubNavigation ---------------------------------------------------------------- */ 

#SubNavigation {
    position: absolute;
    top: 344px;
    left: 36px;
} 

#SubNavigation li {
    float: left;
    background: #fff;
    margin: 0 4px;
} 

#SubNavigation li a {
    font-weight: bold;
    color: #000;
    text-decoration: none;
    display: block;
    padding: 4px 6px 6px;
}

#SubNavigation li.current a, #SubNavigation li.section a{
	color:#f8287f;
}

/* -- $Header ----------------------------------------------------------------------- */ 

#Header {
    overflow: hidden;
    width: 100%;
} 

#Header .vcard {
    margin: 22px 20px 0 20px;
    width: 260px;
    color: #fff;
} 

#HeaderImage {
    width: 613px;
    overflow: hidden;
}

p.adr {
    margin-bottom: 0;
} 

#Header a {
    color: #fff;
} 

#Header h3 {
    color: #f8287f;
}

/* -- $Page ------------------------------------------------------------------------- */ 

#MainContent {
    width: 573px;
    padding: 0 20px 0 0;
    float: left;
	position:relative;
}

#Sidebar {
    width: 267px;
    padding: 0 0 0 20px;
    float: right;
}

/* -- $TwoColumnPage ---------------------------------------------------------------- */ 

.TwoColumnPage #Content {
    background-image: none;
} 

.TwoColumnPage .col {
    width: 430px;
    float: left;
} 

.TwoColumnPage .col-2 {
    margin-left: 20px;
}

.col .rounded {
    background-color: #ffdaff;
    padding: 12px;
}

/* -- $ThreeColumnPage -------------------------------------------------------------- */ 

.ThreeColumnPage #Content {
    background-image: none;
} 

.ThreeColumnPage .col {
    width: 280px;
    float: left;
} 

.ThreeColumnPage .col-2 {
    margin: 0 20px;
}

/* -- $Products ---------------------------------------------------------- */ 

.ProductPage ul#Gammas {
    margin:18px 0 0;
} 

.ProductPage ul#Gammas li {
    list-style: none;
    position: relative;
    margin: 0 0 18px;
    min-height: 120px;
}

ul#Gammas img {
	position: absolute;
    left: 0;
    top: 0;
	border: 3px solid #ffdaff;
	display:block;
}

ul#Gammas h2, ul#Gammas p{
    margin-left: 125px;
}

/* -- $ReferenceHolderPage ---------------------------------------------------------- */ 

.ReferenceHolderPage ul#References {
    margin:18px 0 0;
} 

.ReferenceHolderPage ul#References li {
    list-style: none;
    position: relative;
    margin: 0 0 18px;
    min-height: 125px;
}

ul#References img {
	border:1px solid #fff;
}

#Content ul#References a.img{
	position: absolute;
    left: 0;
    top: 0;
	border: 3px solid #ffdaff;
	display:block;
}

ul#References h2, ul#References p {
    margin-left: 125px;
}

/* -- $GalleryPage ------------------------------------------------------------------ */ 

.GalleryPage #Content ul.gallery {
    overflow: hidden;
    position: relative;
    margin: 0 0 12px;
}

.GalleryPage #Content ul.gallery li {
    float: left;
    list-style: none;
	border: 3px solid #ffdaff;
	margin: 0 6px 12px;
	height:77px;
	width:77px;
}

ul.gallery li img {
	display:block;
	border:1px solid #fff; 
}

#jquery-lightbox img{ display:inline; }

/* -- $Footer ----------------------------------------------------------------------- */ 

#Footer {
    text-align: right;
    padding: 3px 20px;
    font-size: 11px;
    color: #fff;
}

#Footer a {
    color: #fff;
}

/* -- $PriceTable ------------------------------------------------------------------- */

table {
    margin-bottom: 20px;
    width: 100%;
}

th {
    font-weight: bold;
}

tr {
    background: #ffc;
}

tr.head {
    background: #dce9dc;
}

tr:hover {
    background-color: #ffdaff;
}

td, th {
    padding: 3px 2px 3px 4px;
    width: 30%;
	vertical-align:top;
}

tr > td:first-child {
    font-weight: bold;
    color: #f8287f;
} 

tr.odd > td:first-child{
	color: #450045;
} 
.odd {
    background: #fff;
}

/* -- $Typography ------------------------------------------------------------------- */
a img {
    display: block;
} 

#Content a:link, #Content a:visited {
    color: #f8287f;
    text-decoration: none;
    border-bottom: 1px solid #c1aeb6;
} 

#Content a:visited{
	color:#92184b;
}

#Content a:hover, #Content a:active {
    color: #fff;
    background-color: #f8287f;
}

body #Content a.noborder {
    border-bottom: none;
}

p {
    margin-bottom: 12px;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
} 

#Content ul {
    margin: 0 0 12px 14px;
} 

#Content ul li {
    list-style: square;
}

h1 {
    font: bold 22px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #f8287f;
    margin: 0 0 12px;
}

h1 span {
    color: #2e002e;
}

h2 {
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #450045;
    margin: 0 0 8px;
} .HomePage h2 {
    margin: 22px 0 12px;
}

h3 {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 6px;
}

h3.entry-title {
    font-size: 14px;
    color: #f8287f;
    margin-bottom: 4px;
}

/* -- $Forms ------------------------------------------------------------------ */ 

.ContactPage form label {
    float: none;
    display: block;
    color: #450045;
    font-weight: bold;
    margin: 0 0 3px;
} 

.ContactPage legend{
	display:none;
}

.field {
    margin: 0 0 8px;
} 

.required, .bad, .warning, .validation {
    color: #f00;
    font-weight: bolder;
}

input.text {
    width: 220px;
}

textarea {
    width: 320px;
    height: 180px;
}

input.text, textarea {
    padding: 3px;
    border: 1px solid #dbd2db;
}

input.text:focus, textarea:focus {
    padding: 3px;
    background-color: #ffdaff;
    border-color: #999;
}

#MainContent ul.tabstrip li {
	background:transparent url(../../../jsparty/tabstrip/images/norm_li_bg.gif) no-repeat scroll left 3px;
	cursor:pointer;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 2px 0 0;
	padding:0 0 0 9px;
	position:relative;
	top:1px;
}

#MainContent ul.tabstrip li.current, #MainContent ul.tabstrip li.sel, #MainContent ul.tabstrip li.over {
	background:transparent url(../../../jsparty/tabstrip/images/sel_li_bg.gif) no-repeat scroll left top;
	top:1px;
}