/* CSS Document */

* {
	margin:0;
	font-size:100%;
	padding-right: 0px;
}

body{
	background: #E1D6E7 url(images/body-tail.jpg) top repeat-x;
	text-align:center;
	
	scrollbar-3dlight-color:#F5EDF7;
	 			scrollbar-base-color: #F7F2F8;
                scrollbar-arrow-color:black;
                scrollbar-track-color:#F2EAF7;
                scrollbar-darkshadow-color:white;
                scrollbar-face-color:#d4c4dc;
                scrollbar-highlight-color:#F5EDF7;
                scrollbar-shadow-color:black
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
	font-family:Arial;
	font-size:0.75em;
	line-height:1.333em;
	color:#B498C0;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {
	color:#AB8BBA;
}
a:hover{text-decoration:none;}
p {padding-top:15px;}
strong {
	color:#83569B;
}
strong a {text-decoration:none;}
strong a:hover {text-decoration:underline;}


a:link {
	color: #B69CC3;
}

/* ============================= main layout ====================== */

.link {
	display:block;
	float:right;
	background:url(images/link-tail-bg.gif) top repeat-x;
	color:#AB8EBC;
	font-size:1.083em;
	line-height:1em;
	text-decoration:none;
}
.link span {display:block; background:url(images/link-right-bg.gif) top right no-repeat;}
.link span span {background:url(images/link-left-bg.gif) top left no-repeat; padding:3px 12px 7px 12px;}
.link:hover {
	text-decoration:underline;
}
.box .link span {background:url(images/link-right-bg2.gif) top right no-repeat;}
.box .link span span {background:url(images/link-left-bg2.gif) top left no-repeat;}


li { background:url(images/list-bg.gif) no-repeat 0 6px; padding-left:18px; line-height:1.667em;}
li a { font-weight:bold;}

.marked {
	background:url(images/list-bg.gif) no-repeat 0 3px;
	padding-left:15px;
	color:#83569b;
	text-decoration:underline;
}

h2 {
	color:#412d21;
	font-size:2em;
	font-weight:normal;
	line-height:1em;
	background:url(images/line1.gif) bottom left repeat-x;
	padding:4px 0 7px 13px;
	margin-bottom:24px;
}
h3 {
	color:#5E2F77;
	font-size:2em;
	font-weight:normal;
	line-height:1em;
	text-transform:uppercase;
	margin-bottom:31px;
}
h3 span {
	color:#FFF;
}
h4 {font-weight:normal; text-transform:uppercase; text-decoration:underline; margin-bottom:7px;}
h5 {color:#8E64A3; font-weight:normal; font-size:1.25em; line-height:1.333em;}



.rss {
	float:right;
	margin:-4px 9px 0 0;
	position:relative;
	font-size: 2em;
}

cite {font-size:1.083em;}

.imgindent {
	margin:0 20px 0 0;
	float:left;
	padding-top: 0px;
}
.extra {
	float:left;
	position:relative;
	margin:0 0 0 -26px;
}

/* ============================= header ====================== */

.logo {margin:95px 0 97px 60px;}
#header .menu {padding:14px 0 15px 61px; background:url(images/menu-bg.jpg) top left no-repeat;}


/* ============================= content ====================== */

#content {background:url(images/content-right-bg.jpg) top right no-repeat;}
#content .left-bg {background:url(images/content-left-bg.jpg) top left no-repeat; width:100%;}
.indent {
	background:#fff;
	margin:0 27px 0 33px;
	padding:36px 34px 40px 32px;
}

.col-pad {padding-right:42px;}

.box {
	background-color: #d4c3db;
	background-image: url(images/box-tail-top.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.box .corner-bottom-right {background:url(images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .corner-bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .corner-top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
.box .corner-top-left {
	width:100%;
	background-image: url(images/box-corner-top-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.box .indent {
	background:none;
	padding:28px 34px 20px 45px;
	margin:0;
}

.box2 {
	color:#fff;
	margin:0 1px 0 2px;
	background-color: #8C4EA4;
	background-image: url(images/box2-tail-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.box2 .corner-bottom-right {background:url(images/box2-corner-bottom-right.gif) bottom right no-repeat;}
.box2 .corner-bottom-left {background:url(images/box2-corner-bottom-left.gif) bottom left no-repeat;}
.box2 .corner-top-right {background:url(images/box2-corner-top-right.gif) top right no-repeat;}
.box2 .corner-top-left {background:url(images/box2-corner-top-left.gif) top left no-repeat; width:100%;}
.box2 .indent {
	background:none;
	padding:28px 28px 28px 20px;
	margin:0;
}
.box2 strong {
	text-transform:uppercase;
	float:right;
	display:block;
	margin-bottom:25px;
	color:#FFF;
}
.box2 a {
	color:#E1D6E7;
	float:right;
	display:block;
	margin-top:0px;
}


.indent2 {padding:37px 0 0 20px;}
.indent3 {padding:0 10px 0 15px;}
.indent4 {padding:0 0 0 12px;}
.padding1 {padding-top:17px;}
.padding2 {
	padding-bottom:12px;
	padding-right: 10px;
}
.padding3 {padding-top:22px;}
.padding4 {padding-top:32px;}
.padding5 {padding-bottom:22px;}
.margin1 {
	margin-top:15px;
}
.margin2 {margin-top:18px;}

.phone {float:right; margin-right:100px;}

/* ============================= footer ====================== */

#footer .right-bg {background:url(images/footer-right-bg.gif) top right no-repeat;}
#footer .left-bg {
	background:url(images/footer-left-bg.gif) top left no-repeat;
	color:#333;
	width:100%;
}
#footer .menu {
	padding:25px 0 46px 0;
}
#footer .menu li {
	display:inline;
	background:none;
	border-left:1px solid #a864ba;
	padding:0 30px 0 29px;
}
#footer .menu li a {
	font-weight:normal;
	color:#E1D6E7;
	text-decoration:none;
}
#footer .menu li a:hover {text-decoration:underline;}
#footer .menu .first {border:none;}
#footer a {color:#151514;}

/* ============================= forms ============================= */


#ContactForm {padding:20px 0 0 0;}
#ContactForm .rowi {height:29px;}
#ContactForm .link {margin:20px 0 0 10px;}

.input {width:237px; height:22px; border:1px solid #4b4b4b; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {width:227px; height:110px; border:1px solid #4b4b4b; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}
h7 {
	color:#FFF;
	font-size:2em;
	font-weight:normal;
	line-height:1em;
	text-transform:uppercase;
	margin-bottom:31px;
}
.productsbox {
	padding:0 10px 0 15px;
	overflow: auto;
	height: 500px;
	width: 450px;
}
#containforproduct {
}
.outerboxforproducts {
	padding:10px 0 0 20px;
	top: -30px;
}
.productsbox2 {
	padding:0 10px 0 15px;
	overflow: auto;
	height: 500px;
	width: 480px;
}
