/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}
@font-face { font-family:MYRIADPRO; src:local("MYRIADPRO"), url(MYRIADPRO.OTF);}

body{background:url(images/header-tail.gif) top repeat-x #939b9c; text-align:center;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

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

html{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color:#000000; min-width:950px;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#000000; outline:none;}
a:hover{text-decoration:none; color: #0053A1;}
p {padding-bottom:10px;}
h3{ font-size: 1.39em; font-weight:normal; color:#454747; padding-bottom:16px;}
h3 span{ color:#33b2fc;}
h4{ font-size:1.462em; font-weight:normal; color:#fff; line-height:1em; padding:5px 0 7px 53px;}
h4 span{ display:block; color:#8d9ca1;}

/* ============================= main layout ====================== */
.imgindent {margin:0 18px 0 0; float:left;}
.phone{ float:right; padding-right:20px;}
.space1{ margin-left:50px;}
.margin1{ margin-top:14px !important;}

/* ============================= header ====================== */
#header{ background:url(images/header-bg.jpg) top center no-repeat;}
#header .menu{ width:100%; overflow:hidden; height:51px;}
#header .menu ul{ padding-left:5px;}
#header .menu li{ float:left; font-size:18px;}
#header .menu a{ color:#fff; text-decoration:none; display:inline-block; padding:15px 10px 17px; word-spacing:1px;}
#header .menu a:hover, #header .menu .active{ background:#3eb8fc;}

#header .main p{padding: 0;}

#header .logo{ padding-top:63px;}
#header .slogan{ padding-top:37px;}
#header .text{ font-size:1.307em; color:#fff; padding:30px 0 0 4px;}
#header .text a{ color:#fff; text-decoration:none;}
#header .text a:hover{ text-decoration:underline;}

/* ============================= content ====================== */
#content{ background:#e6eded;}
.row-1{ background:#fff;}
.row-1 .indent{ padding:23px 2px 26px 5px;}
.row-1 .column-2, .row-1 .column-3{ margin-right:13px;}

.row-2 .indent{ padding:24px 0; line-height:1.385em;}
.row-2 .column-2, .row-2 .column-3{ margin-left:21px;}

.title{ background:url(images/title-tail.gif) top repeat-x;}
.title .left-bg{ background:url(images/title-left-bg.gif) left top no-repeat;}
.title .right-bg{ background:url(images/title-right-bg.gif) right top no-repeat; height:63px; padding:13px 0 0 13px;}

.title1{ background:url(images/title1-bg.gif) no-repeat 0 0; min-height: 45px;}
.title2{ background:url(images/title2-bg.gif) no-repeat 0 0; min-height: 45px;}
.title3{ background:url(images/title3-bg.gif) no-repeat 0 0; min-height: 45px;}

.box1{ background:url(images/box1-top-tail.gif) top repeat-x #e6eded; width:100%;}
.box1 .left-border{ background:url(images/box1-left-tail.gif) left repeat-y;}
.box1 .right-border{ background:url(images/box1-right-tail.gif) right repeat-y;}
.box1 .bot-border{ background:url(images/box1-bot-tail.gif) bottom repeat-x;}
.box1 .left-top{ background:url(images/box1-corner-left-top.gif) left top no-repeat;}
.box1 .right-top{ background:url(images/box1-corner-right-top.gif) right top no-repeat;}
.box1 .left-bot{ background:url(images/box1-corner-left-bot.gif) left bottom no-repeat;}
.box1 .right-bot{ background:url(images/box1-corner-right-bot.gif) right bottom no-repeat; min-height:254px; height:auto !important; height:254px;}
.box1 .indent{ padding:25px 19px 20px 26px; min-height: 237px;}
.box1 .indent1{ padding:25px 19px 35px 26px;}
.box1 strong{ font-weight: bold; font-size: 15px; color: #000000; padding-bottom:12px;}

.box2{ background:url(images/box2-border.gif) top repeat-x #fff; width:100%;}
.box2 .left-border{ background:url(images/box2-border.gif) left repeat-y;}
.box2 .right-border{ background:url(images/box2-border.gif) right repeat-y;}
.box2 .bot-border{ background:url(images/box2-border.gif) bottom repeat-x;}
.box2 .left-top{ background:url(images/box2-corner-left-top.gif) left top no-repeat;}
.box2 .right-top{ background:url(images/box2-corner-right-top.gif) right top no-repeat;}
.box2 .left-bot{ background:url(images/box2-corner-left-bot.gif) left bottom no-repeat;}
.box2 .right-bot{ background:url(images/box2-corner-right-bot.gif) right bottom no-repeat;}
.box2 .indent{ padding:34px 25px 21px 30px; position:relative;}
.box2 strong{ display:block; font-weight:bold; font-size:1.231em; color:#000000; padding-bottom:17px; line-height:1.25em;}

.link{ display:inline-block; float:right; background:url(images/link-tail.gif) top repeat-x; color:#abacac; text-decoration:none; margin-top:33px; cursor:pointer; font-size:0.923em;}
.link span{ display:inline-block; background:url(images/link-left-bg.gif) left top no-repeat;}
.link span span{ background:url(images/link-right-bg.gif) right top no-repeat; padding:6px 12px 7px 13px;}
.link:hover{ background:url(images/link-tail-act.gif) top repeat-x; color:#010101;}
.link:hover span{ background:url(images/link-left-bg-act.gif) left top no-repeat;}
.link:hover span span{ background:url(images/link-right-bg-act.gif) right top no-repeat;}

.row-2 .link{ display:inline-block; float:right; background:url(images/row2-link-tail.gif) top repeat-x; color:#fff; text-decoration:none; margin-top:33px; cursor:pointer; font-size:0.923em;}
.row-2 .link span{ display:inline-block; background:url(images/row2-link-left-bg.gif) left top no-repeat;}
.row-2 .link span span{ background:url(images/row2-link-right-bg.gif) right top no-repeat; padding:6px 12px 7px 13px;}
.row-2 .link:hover{ background:url(images/row2-link-tail-act.gif) top repeat-x; color:#fff;}
.row-2 .link:hover span{ background:url(images/row2-link-left-bg-act.gif) left top no-repeat;}
.row-2 .link:hover span span{ background:url(images/row2-link-right-bg-act.gif) right top no-repeat;}

.list li, #content li{ font-size: 14px; background:url(images/row1-list-marker.gif) no-repeat 0 7px; padding: 3px 20px;}

.row-2 .list li{ background:url(images/row2-list-marker.gif) no-repeat 0 7px;}

.text1{ font-size: 14px; line-height:1.333em;}
.text1 strong{ font-size:1em; color:#005eaf; font-weight:bold; padding-bottom:6px;}
.text1 a{ color:#33b2fc;}
.text1 p{ padding-top:25px;}
.text1 .link1{ float:right; font-weight:bold; color:#005eaf; display:inline-block; margin-top:22px;}

/* ============================= footer ====================== */
#footer{ background:#879CA4; font-size:0.923em; color:#fff;}
#footer p{ padding:16px 0 0 2px;}
#footer a{ display:inline-block; color:#fff; margin-left:9px;}

/* ============================= forms ============================= */
.ContactForm{ padding-top:5px; color:#a2a3a3;}
.ContactForm .col-1{ width:240px;}
.ContactForm .col-2{ width:330px;}
.ContactForm label{ display:block; height:42px;}
.ContactForm input{ border:solid 1px #a09b96; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#898989; padding:2px 2px 1px 3px; width:202px;}
.ContactForm textarea{ border:solid 1px #a09b96; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#898989; padding:2px 2px 2px 3px; width:320px; height:140px; overflow:auto;}
.ContactForm .link{ 
	float: right; 
	margin: 20px 0 0 20px;
	height: 30px;
    	width: 70px;
	padding-bottom: 5px;
	border-radius: 5px;
}

.pub_item{
	margin-bottom: 20px;
}
.verimg{
	float: right;
	width: 130px;
}
.vericode{
	width: 160px !important;
}

.poem p{
	padding-bottom: 5px;
}

#content .preview li{
	background: #D2DDDC;
	padding: 0;
	float: left;
	border: 1px solid #BAC6C6;
    	border-radius: 10px;
    	margin: 15px;
    	padding: 4px 15px;
	text-align: center;
	text-decoration: none;
	width: 128px;
    line-height: 1.2em;
    overflow: hidden;
}
#content .preview li:hover{
    background: #DBE4E3;
}

#content .preview li a.preview_img{
	display: table;
	height: 175px;
	margin: 0 auto;
}

#content .preview li a{
	text-decoration: none;
}


.preview_span{
	display: table-cell;
	vertical-align: middle;
}

.preview_text{
	float: none;
	width: 100%;
	text-align: center;
}

#content .preview li img{

	border-radius: 5px;
	max-width: 128px;
}

#content ul.galleries li{
	background: none;
	padding-left: 0;
}

#content li a{
	line-height: 1.3em;
	font-size: 14px;
}

#content li span
{
	font-size: 14px;
}

/*.feedbackForm input, .questionForm input{ color: ; }*/