/* MYKON
-----------------------------------------------------------------*/
body { background: #fff; color: #000; font: 80% verdana,arial,sans-serif; }
.wrapper { position: relative; display: block; width: 950px; margin: 0 auto; text-align: left; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.wrapper a:link, .wrapper a:visited { color: #ea6fa5; text-decoration: underline; }
.wrapper a:hover, .wrapper a:active { color: #eca7c5; text-decoration: none; }

.clearfix { display: block; }
#header, #content, #footer { width: 100%; text-align: center; }

/* GENERIC
-----------------------------------------------------------------*/

.wrapper h2 { margin-bottom: 22px; font-size:x-large; color:#555; font-weight:lighter; }
.wrapper h2 .mykonName{ color:#E9609B; display:inline; }
.wrapper .amp { font-family:Georgia; display:inline; }
.wrapper .lowCaps { font-family:Georgia; display:inline; font-variant:small-caps; }

/* HEADER
-----------------------------------------------------------------*/
#header { height: 115px; margin-bottom: 20px; background: #ccc url(../images/bg_header.gif) repeat-x; }
#logo { position: absolute; left: 9px; top: 11px; width: 176px; height: 66px; }

/* SEARCH
-----------------------------------------------------------------*/
#search { position: absolute; right: 15px; top: 53px; }
#search label { display: none; }
#search input { vertical-align: middle; }
#search #keywords { width: 124px; height: 16px; padding: 1px 2px 0; background: #fff; color: #888; border: 1px solid #777; }
#SearchButton { width:22px; height:19px; }

/* NAV
-----------------------------------------------------------------*/
#nav { position: absolute; left: 0; top: 85px; width: 950px; height: 30px; }
#nav li { display: block; position: absolute; height: 30px; }

#nav #n1 { left: 0; }
#nav #n2 { left: 63px; }
#nav #n3 { left: 186px; }
#nav #n4 { left: 299px; }
#nav #n5 { left: 409px; }
#nav #n6 { left: 470px;	}
#nav #n7 { left: 572px;	}
#nav #n8 { left: 651px;	}
#nav #n9 { left: 764px;	}
#nav #n10 {left: 859px; }

#nav #n1, #nav #n1 a { width: 63px; }
#nav #n2, #nav #n2 a { width: 123px; }
#nav #n3, #nav #n3 a { width: 113px; }
#nav #n4, #nav #n4 a { width: 110px; }
#nav #n5, #nav #n5 a { width: 61px; }
#nav #n6, #nav #n6 a { width: 102px; }
#nav #n7, #nav #n7 a { width: 79px; }
#nav #n8, #nav #n8 a { width: 113px; }
#nav #n9, #nav #n9 a { width: 95px; }
#nav #n10, #nav #n10 a { width: 95px; }


#nav a { display: block; text-align: center; height: 20px; padding: 10px 0 0; text-transform: uppercase; font-size: 80%; font-weight: bold; background-image: url(../images/bg_nav.gif); background-repeat: repeat-x; }  
#nav a:link, #nav a:visited { color: #555; text-decoration: none; background-position: left top; }
#nav a:hover, #nav a:active { color: #999; text-decoration: none; background-position: left bottom; }

#nav .current a:link, #nav .current a:visited,
#nav .current a:hover, #nav .current a:active { color: #e9609b; text-decoration: none; background-position: left bottom; }

/* BREADCRUMB
-----------------------------------------------------------------*/
#breadcrumb { margin-bottom: 20px; font-weight: bold; font-size: 80%; text-transform: uppercase; }
#breadcrumb .wrapper { width: 950px; background: #fdeff5; }
#breadcrumb .wrapper li { display: inline; background: #7b7c7e url(../images/breadcrumb_first.gif) no-repeat right center; }
#breadcrumb span, #breadcrumb a, #breadcrumb strong { display: block; padding: 5px 15px 5px 10px; float: left; background-position: right center; background-repeat: no-repeat; }
#breadcrumb span { color: #fff; background-color: #7b7c7e; background-image: url(../images/breadcrumb_left.gif); }
#breadcrumb strong { color: #fff; background-color: #e9609b; background-image: url(../images/breadcrumb_right.gif); }

#breadcrumb a { background-color: #e9609b; background-image: url(../images/breadcrumb_mid.gif); }
#breadcrumb a:link, #breadcrumb a:visited { color: #ffffff; text-decoration: none; }
#breadcrumb a:hover, #breadcrumb a:active { color: #fdeff5; text-decoration: none; }

/* BREADCRUMB (COMPETITION PAGES)
-----------------------------------------------------------------*/
#breadcrumbcomp { margin-bottom: 20px; font-weight: bold; font-size: 80%; text-transform: uppercase; }
#breadcrumbcomp .wrapper { width: 950px; background: #fdeff5; }
#breadcrumbcomp .wrapper li { display: inline; background: #7b7c7e url(../images/breadcrumb_comp_first.gif) no-repeat right center; }
#breadcrumbcomp span, #breadcrumbcomp a, #breadcrumbcomp strong { display: block; padding: 5px 15px 5px 10px; float: left; background-position: right center; background-repeat: no-repeat; }
#breadcrumbcomp span { color: #fff; background-color: #7b7c7e; background-image: url(../images/breadcrumb_comp_left.gif); }
#breadcrumbcomp .last { color: #fff; background-color: #e9609b; background-image: url(../images/breadcrumb_right.gif); }


#breadcrumbcomp a { background-color: #e9609b; background-image: url(../images/breadcrumb_comp_mid.gif); }
#breadcrumbcomp .first { background-color: #bababa; background-image: url(../images/breadcrumb_comp_firstleft.gif); }
#breadcrumbcomp a:link, #breadcrumbcomp a:visited { color: #ffffff; text-decoration: none; }
#breadcrumbcomp a:hover, #breadcrumbcomp a:active { color: #fdeff5; text-decoration: none; }


/* INTRO
-----------------------------------------------------------------*/
#intro { margin-bottom: 20px; line-height: 1.4; }
#intro .wrapper { width: 456px; padding: 0 10px 0 484px; height: 199px; overflow: hidden; border-bottom: 1px solid #e9609b; background: #fff url(../images/bg_home_top.gif) repeat-x left bottom; }
#intro #images { position: absolute; left: 0; top: 0; width: 466px; height: 199px; }
#intro #images img { position: absolute; left: 0; top: 0; }
#intro h1 { margin: 0 0 1em; }
#intro p { font-size: 90%; margin: 0 0 1em; }

/* FEATURES
-----------------------------------------------------------------*/
#features { margin-bottom: 20px; }
#features .wrapper  { background: url(../images/bg_features.jpg) no-repeat left bottom; }
#features .feature { width: 224px; float: left; margin-right: 18px; font-size: 90%; color: #000; }
#features .last { float: right; margin: 0; }
#features h2 { margin: 0; }
#features h3 { font-size: 100%; font-weight: bold; line-height: 1.4; padding: 4px 11px 0; color: #ea6fa5; }
#features p { line-height: 1.4; padding: 0 11px 11px; }

#features a:link, #features a:visited { color: #ea6fa5; text-decoration: underline; }
#features a:hover, #features a:active { color: #eca7c5; text-decoration: none; }
#features h3 a:link, #features h3 a:visited { color: #ea6fa5; text-decoration: none; }
#features h3 a:hover, #features h3 a:active { color: #eca7c5; text-decoration: none; }

/* CONTENT
-----------------------------------------------------------------*/
#content { font-size: 90%; line-height: 1.5; color: #555; margin-bottom: 20px; }
#content h3 { font-size: 150%; margin-bottom: 0.75em; color: #7b7c7e; }
#content h1 { font-size: 200%; margin-bottom: 0.5em; color: #7b7c7e; }
#content p { margin: 0 0 1em; }
#content ul { margin: 0 0 1em; padding: 0 0 0 1.5em; list-style-type: square; }
#content ol { margin: 0 0 1em; padding: 0 0 0 1.5em; list-style-type: decimal; }
#content strong { font-weight: bold; color: #333; }
#content em { font-style: italic; }
#content a:link, #content a:visited { color: #ea6fa5; text-decoration: underline; }
#content a:hover, #content a:active { color: #eca7c5; text-decoration: none; }

/* PRODUCTS
-----------------------------------------------------------------*/
#products { margin-bottom: 20px; }
#products .wrapper li { display: block; width: 224px; height: 157px; float: left; margin: 0 0 20px 18px; display: inline; }
#products .wrapper .first { clear: left; margin-left: 0; }
#products .wrapper .last { float: right; margin-left: 0; }

/* PRODUCT DETAILS
-----------------------------------------------------------------*/
#productdetails { margin-bottom: 20px; }
#productdetails #content { text-align: left; }
#productdetails .padding { padding: 10px 10px 1px; }
#productdetails.twocolumns .columns { background: url(../images/bg_products_2columns.jpg) no-repeat left bottom; }
#productdetails.twocolumns .column { width: 466px; float: left; }
#productdetails.twocolumns .right { float: right; }
#productdetails.onecolumn .columns { background: url(../images/bg_products_1columns.jpg) no-repeat left bottom; }
#productdetails.onecolumn .column { width: 466px; float: left; }



/* FOOTER
-----------------------------------------------------------------*/
#footer { font-size: 80%; border-top: 1px solid #7b7c7e; color: #fff; background: #e9609b url(../images/bg_footer.jpg) repeat-x left top; }
#footer .wrapper { padding: 2em 0; }
#footer .credit { width: 250px; float: right; text-align: right; }
#footer .info { width: 500px; float: left; }
#footer strong { font-weight: bold; }
#footer a:link, #footer a:visited { color: #fff; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #fff; text-decoration: none; }
#footer .credit a:link, #footer .credit a:visited, #footer .credit a:hover, #footer .credit a:active { color: #fff; text-decoration: none; }

/* CONTACT US */
.contact { float:left;clear:both;width:100%;padding:1em 0; }
.contact img {padding-right:1em;width:115px;}

/* Fieldset */
legend { font-weight:bold; }

/* NEWS */

.dated
{
    font-variant:small-caps;
}

/* strap line */
.strap
{
    text-align:center;
    font-size:15pt;
    letter-spacing:3px;
    padding:0.5em;
}