/* CSS Document */

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

body{
	background: #FFFFFF;
	text-align: center;
}

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

ul { list-style:none;}

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


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:18px;
		color:#8b8b8b;
	}


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

a {color:#87A7AB; outline:none;}
a:hover{text-decoration:none;}
p {padding-bottom:16px;}
p span {font-weight:bold; color:#777777;}

h1 {
	font-size: 54px;
	color: #663399;
	line-height: 1.2em;
	margin: -27px 0 0;
	letter-spacing: -2px;
}
h1 span {font-size:34px; line-height:1.2em; letter-spacing:-1px;}
h2 {
	font-size: 22px;
	color: #2A1572;
	line-height: 1.2em;
	letter-spacing: -1px;
	padding: 26px 0 10px;
}
h3 {
	font-size: 20px;
	color: #663399;
	line-height: 1.2em;
	letter-spacing: -1px;
	padding: 13px 0 6px;
	margin: 0 0 13px;
	border-bottom: 4px solid #f4f4f4;
}
h4 {
	font-size: 22px;
	color: #663399;
	line-height: 1.2em;
	padding: 13px 0 3px;
	margin: 0 0 13px;
	border-bottom: 4px solid #f4f4f4;
	font-weight: normal;
}
h6 {font-size:13px; color:#6a6a6a; font-weight:normal; padding:12px 0 8px;}

.purple {color:#663399;}
.pink {
	color: #663399;
}
.green {
	color: #663399;
}
.grey {
	color: #663399;
}
/* ============================= main layout ====================== */
#page1 #header,#page5 #header,#page9 #header {
	/*background-image: url(images1/header_img5.jpg);*/
	background-repeat: no-repeat;
	background-position: right bottom;
}
#page2 #header,#page6 #header {background:url(images/header_img2.jpg) no-repeat right bottom;}
#page3 #header,#page7 #header {background:url(images/header_img3.jpg) no-repeat right bottom;}
#page4 #header,#page8 #header {background:url(images/header_img4.jpg) no-repeat right bottom;}

.imgindent {margin:2px 20px 0 0; float:left;}
.fright {text-align:right;}
/* ============================= header ====================== */
#header {
	position: relative;
	margin-right: 3px;
	background-image: url(images/header_img5.jpg);
}
#header a {text-decoration:none; }
#header li,.menu li {
	display: inline;
	padding: 0;
}
.menu a,.menu li { font-size:16px;  color:#afafaf; line-height:1.2em; font-weight:normal;}
.menu a {
	margin: 0 13px 0 8px;
	text-decoration: none;
	color: #494949;
}
#header .menu a:hover {color:#db4894;}
.menu {
	padding: 13px 0 1px;
}
#header .menu a.active,#header .menu a.active:hover {color:#4dbff1; cursor:default;}

#header .right{background:url(images/menu_top_bg.gif) no-repeat top left; padding:3px 0 7px 4px; margin:-8px -1px 0 0;}
#header .right li a {color:#718690; font-size:13px; padding:0 11px 0 13px;}
#header .right li a:hover {color:#494949;}

.logo {padding:8px 0 5px 10px; border-bottom:1px solid #e4e4e4;}
.twitter {position:absolute; top:27px; right:10px;}

.slogan {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.slogan p {padding:0px 0 0px; color:#777777; font-size:18px; line-height:1.2em;}
.slogan a {
	background:url(images/link_marker.jpg) no-repeat right center; 
	padding-right:8px; 
	color:#1c1c1c;
	font-weight:300; 
	font-style:italic;
	font-size:17px; line-height:1.2em;
	margin-left:2px;}
.slogan a:hover {color:#db4894;}
/* ============================= content ====================== */
#content ul {padding:5 8px 15px 5;}
#content li { background:url(images/marker.gif) no-repeat 0 7px; padding-left:10px; line-height:24px;}
#content li a {
	color: #663399;
}

.banners p {line-height:23px; padding-bottom:28px;}
.banners img {padding-left:2px;}
#page5 .banners img {padding-bottom:13px;}

.links {padding:9px 0;}
.link {
	background: url(images/link_marker.jpg) no-repeat right 8px;
	padding-right: 6px;
	color: #384145;
	font-weight: 300;
	font-style: italic;
	font-size: 16px;
	line-height: 1.2em;
	text-decoration: none;
}
.link:hover {border-bottom:1px solid #384145;}
* html .link {	background:url(images/link_marker.jpg) no-repeat right center; }
*:first-child+html .link {	background:url(images/link_marker.jpg) no-repeat right center; }

.row2 {border-top:1px dotted #c1c1c1; margin:24px 0 33px;}
#page3 .row2 {margin:15px 0 8px; padding:18px 0 0;}
#page4 .row2 {margin:-16px 0 33px;}
#page4 .col1 .row2 {margin:13px 0 33px; padding:15px 0 0;}
#page6 .col2 .row2 {margin:13px 0 0; padding:17px 0 0;}
#page7 .row2 {margin:7px 0 35px;}

.block {
	background:url(images/col_bg.gif) no-repeat top center; 
	width:117px;
	padding:6px;
	float:left;}
.blocks  {padding:14px 0 0;}
.blocks .middle {margin:0 14px;}
* html .blocks .middle {margin:0 8px;}
.block p {padding:6px 10px; line-height:16px;}
.block p span {font-weight:bold;}

.block_type2 {background:#f6f6f6 url(images/type2_top.gif) no-repeat top center; margin:3px 0 16px;}
.block_type2_bottom {background:url(images/type2_bottom.gif) no-repeat bottom center; padding:5px 18px 5px 5px;}
.block_type2 .imgindent {margin:0 9px 0 0;}
.comments p {padding:7px 0; line-height:16px;}
.row1 h2 {padding:7px 0 13px;}

.portfolio  {padding:3px 0 16px;}
.portfolio p {padding-bottom:0; padding-top:22px;}
.portfolio .imgindent {
float:left;
margin:0 18px 22px 0;
}
.portfolio .col2 a.link {background:url(images/marker_prev.gif) no-repeat left center; padding-left:8px;}
/*phone*/
.phone {padding-right:21px;}
.phone span {font-weight:normal; color:#a7a7a7;}
.phone a { color:#777777;}
#content ul.pad {margin-top:-4px;}
.type3 {padding-left:19px;}
#content .type3 ul {padding:4px 0;}

.forum table {border-left:1px solid #555555; border-top:1px solid #555555; line-height:15px;}
.forum thead td {padding:5px 5px 10px; text-align:center;}
.forum td {border-right:1px solid #555555;border-bottom:1px solid #555555;}
.forum table a {color:#777777;}
.forum thead {color:#555555; font-size:11px ; font-family:Tahoma, Geneva, sans-serif;}
.forum .table_col { text-align:left; padding:0 0 0 28px;}

.table_col1 { padding: 18px 10px 12px 16px; width:190px; vertical-align:top;}
.table_col3 { padding: 18px 10px 12px 16px; width:171px; vertical-align:top;}
.table_col2 {width:55px; text-align:center;}
/* ============================= footer ====================== */
#footer {color:#a1a1a1; font-size:12px; border-top:1px solid #e4e4e4; line-height:19px;}
#footer span {color:#4f4f4f; margin-right:6px;}
#footer a {color:#a1a1a1; font-size:12px; text-decoration:underline;}
#footer .menu {padding:16px 0 9px;}
#footer .menu a{margin:0 15px 0 10px;}
#footer .menu .first a {margin-left:0;}
#footer p {line-height:16px;}


/* ============================= forms ============================= */
label {height:38px; display:block;}
#LoginForm {padding:5px 2px;}
#LoginForm input {
		color:#777777;
		line-height:15px;
		width:365px;
		padding:2px 5px 3px;
		margin:3px 0 0;
	}

#ContactForm label {height:33px; display:block;}
	#ContactForm { padding:10px 0 0 15px;}
#ContactForm input, #ContactForm textarea {
		width:365px;
		padding:2px 5px 3px;
		color:#777777;
		background:#fff;
		line-height:15px;
		height:15px;
	}
#ContactForm textarea {
		height:114px; overflow:auto; margin-bottom:9px;}
#ContactForm a {margin:0 3px 0 26px;}