@CHARSET "UTF-8";

html {
	overflow-y: scroll;
}
body {
	margin: 0;
	padding: 33px 0;
    color: #444;
    background-color: #fff;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 75%;
    text-align: center;
}
a {
    color: #ec008c;
    font-weight: bold;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
img {
    border: none;
}
h1 {
	margin: 15px 0;
	color: #ec008c;
	font-size: 130%;
	letter-spacing: 2px;
}
h2 {
	margin: 15px 0;
	color: #222;
	font-size: 120%;
}
h3 {
	margin: 15px 0;
	color: #444;
	font-size: 110%;
}
p, ul, ol {
	margin: 15px 0px;	
}
strong {
	font-weight: bold;
}
ul, ol {
	padding: 0;
	margin-left: 18px;
}
ul li {
	margin: 0;
	padding: 2px 0;
	list-style-image: url('../img/bul_purple.png');
}
.purple {
	color: #ec008c;
}
.gray {
	color: #b4aca7;
}


/* design page area
-----------------------------*/
#page {
	position: relative;
    width: 920px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 90px;
    text-align: left;
}
#header {
    position: absolute;
    left: 0;
    top: 0;
    width: 920px;
	height: 90px;
}
#footer {
	position: relative;
	padding-top: 24px;
    width: 920px;
	color: #a49c98;
	font-size: 90%;
}
.copyright {
	margin-left: 12px;
}
.webdesign {
	position: absolute;
	right: 45px;
	top: 24px;
}
.webdesign a {
	color: #a49c98;
	font-weight: normal;
	text-decoration: none;
}
.webdesign a:hover {
	color: #ec008c;
}
#main {
	padding: 1px 0;
	padding-left: 12px;
}
#nav {
    position: absolute;
    right:45px;
    top: 8px;
    color: #ec008c;
	font-size: 16px;
	letter-spacing: 3px;
	text-align: right;
	text-transform: uppercase;
}
#nav a {
	display: block;
	padding-left: 18px;
	font-weight: normal;
	text-decoration: none;
}
#nav a:hover {
	background: url('../img/bg_back_link.gif') left center no-repeat;
}
.cleaner {
	clear: left;
	font-size: 1px;
	height: 1px;
}

/* text template
-----------------------------*/
#menuLeft {
	float: left;
	margin: 0;
	padding-top: 1px;
	width: 360px;
}
#textTemplate {
	margin-left: 360px;
	margin-right: 30px;
}
#textTemplate p {
	line-height: 21px;
}
#menuLeft ul {
	margin-left: 0;
	list-style-type: none;
}
#menuLeft li {
	list-style-image: none;
}
#menuLeft a {
	line-height: 21px;
	color: #b4aca7;
	font-size: 120%;
	letter-spacing: 2px;
	text-decoration: none;
}
#menuLeft a:hover, #menuLeft a.current {
	color: #ec008c;
}
#menuLeft a.current, #menuLeft a.collapse {
	cursor: default;
}
#menuLeft .submenu {
	display: none;
	margin: 0;
}
#menuLeft .submenu a {
	color: #f799d1;
}
#menuLeft .submenu a:hover, #menuLeft .submenu a.current {
	color: #ec008c;
}

/* image template
-----------------------------*/
#imgTemplate {
	padding-bottom: 12px;
}
.tmbBox {
	float: left;
	position: relative;
	margin-right: 15px;
	margin-bottom: 15px;
}
.tmbBox a {
	display: block;
}
.titleBox {
	display: none;
	position: absolute;
	background-color: #d2cdca;
	font-size: 90%;
	cursor: pointer;
}
.titleBox h3, .titleBox p {
	margin: 12px;
}