/* RESET CSS 
*******************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family:Georgia, "Times New Roman", Times, serif;
} 
/*ol, ul {
	list-style: none;
}*/

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* HOME CSS 
*******************************************************************/


/* try */

body {
	margin:0;
	color:#000;
	font:12px Tahoma, Arial, sans-serif;
	background:#d8d8d8;
}
a {
	text-decoration:none;
	color:#808080;
}
a:hover {text-decoration:underline;}
img {border-style:none;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#page {
	margin:0 auto;
	width:981px;
	padding-right:18px;
	position:relative;
}
.radial-shadow-h {
	position:absolute;
	top:0;
	left:-110px;
	width:320px;
	height:194px;
	background:url(../images/bg-shadow-radial-h.jpg) no-repeat;
}
#header {
	width:100%;
	height:118px;
	overflow:hidden;
	position:relative;
}
.logo {
	position:absolute;
	top:27px;
	left:18px;
	width:301px;
	height:84px;
	overflow:hidden;
	background:url(../images/logo.gif) no-repeat;
	text-indent:-9999px;
}
.logo a {
	display:block;
	height:100%;
}
#navigation {
	position:absolute;
	top:0;
	right:-8px;
	margin:0;
	padding:0;
	width:560px;
	list-style:none;
	overflow:hidden;
}
#navigation li {
	float:left;
	padding:17px 0 0 8px;
}
#navigation li a {
	float:left;
	font-size:15px;
	line-height:17px;
	color:#808080;
}
#navigation li.active a {color:#000;}
#navigation li a:hover {text-decoration:none;}
#navigation li span {
	float:left;
	width:3px;
	padding:0 0 0 10px;
	overflow: hidden;
}
#navigation li.active li a {color:#808080;}
#navigation li.hover,
#navigation li:hover {
	position:relative;
	padding-bottom:84px;
	background:url(../images/bg-nav-hover.gif) no-repeat;
}
#navigation li.hover span,
#navigation li:hover span {
	margin-top:-17px;
	height:118px;
	background:url(../images/bg-nav-hover-right.gif) no-repeat 100% 0;
	cursor:pointer;
}
#navigation ul {
	display:none;
	position:absolute;
	top:30px;
	left:0;
	margin:0;
	padding:7px 0 0 12px;
	list-style:none;
}
#navigation li.hover ul,
#navigation li:hover ul {display:block;}
#navigation li li {
	padding:0;
	float:none;
	height:15px;
}
#navigation li li a {
	float:none;
	font-size:10px;
	line-height:15px;
	display:block;
}
#navigation li li a:hover {text-decoration:underline;}
#navigation li.hover li.hover,
#navigation li:hover li:hover {
	padding:0;
	background:none;
}
#content {
	width:100%;
	overflow:hidden;
	position:relative;
}
.great-img {
	width:962px;
	padding:0 0 0 19px;
	background:url(../images/small-part-gi.gif) no-repeat 0 26px;
	position:relative;
	z-index:3;
}
.great-img img {display:block;}
.text-over-img {
	position:absolute;
	top:26px;
	left:19px;
	height:51px;
	overflow:hidden;
}
.text-over-img h2 {
	float:left;
	margin:0;
	padding:0 44px 13px 14px;
	font-weight:normal;
	font-size:35px;
	line-height:41px;
	color:#fff;
	background:url(../images/bg-over-img.png);
}
.title-main {
	float:left;
	width:670px;
}
.title {
	width:100%;
	margin:-14px 0 0 0;
	background:url(../images/bg-title-repeat.gif) repeat-y;
	position:relative;
	z-index:2;
}
.inner-title {
	width:100%;
	min-height:68px;
	background:url(../images/bg-title.jpg) no-repeat;
}
* html .inner-title {height:68px;}
.bottom-title {
	width:100%;
	height:2px;
	background:url(../images/bg-title-bottom.gif) no-repeat;
	overflow:hidden;
}
.title h1 {
	margin:0;
	padding:21px 0 5px 25px;
	font-size:35px;
	line-height:37px;
	font-weight:normal;
	color:#6f6f6f;
	letter-spacing:-1px;
}
.general:after {
	content:"";
	display:block;
	clear:both;
}
.main-content {
	float:left;
	width:626px;
	padding:10px 22px 0;
}
.main-content p {
	margin:0 0  14px;
	text-align:justify;
	font-size:12px;
	line-height:18px;
	color:#757575;
}
.main-content p a{
	text-decoration:underline;
	font-weight: bold;
}
.main-content blockquote{
	padding-top:22px;
}
.sidebar {
	padding:15px 20px 0 15px;
	float:right;
	width:276px;
	min-height:360px;
	background:url(../images/bg-sidebar-home.jpg) no-repeat;
}
* html .sidebar {height:360px;}
.rss {
	width:100%;
	overflow:hidden;
}
.rss a {
	float:left;
	width:24px;

	height:24px;
	background:url(../images/icon-rss.gif) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
.rss strong {
	float:left;
	line-height:22px;
	font-size:13px;
	font-weight:normal;
	color:#646464;
	margin-left:7px;
}
.separate {
	clear:both;
	height:17px;
	width:100%;
	overflow:hidden;
	background:url(../images/sep-sidebar.gif) no-repeat 0 100%;
}
.separate hr {margin-top:-20px;}
.sidebar h3 {
	margin:12px 0 0;
	font-size:16px;
	line-height:18px;
	font-weight:normal;
	color:#636363;
}
.service {
	margin:0;
	padding:6px 0 18px;
	list-style:none;
	background:url(../images/sep-list-sidebar.gif) no-repeat 0 100%;
}
.service li {
	padding:0 0 0 15px;
	background:url(../images/bullet-sidebar.gif) no-repeat 5px 63%;
}
.service li a {
	padding:2px 3px;
	font-size:11px;
	line-height:18px;
	color:#595959;
}
.service li a:hover {
	background-color:#323232;
	color:#d9d9d9;
	text-decoration:none;
}
.advertising {
	margin:0 0 0 -2px;
	padding:8px 0 0;
	list-style:none;
}
.advertising li {
	float:left;
	margin-right:3px;
}
.advertising li img {float:left;}

.testimonial {
	margin:0 0 0 -2px;
	padding:8px 0 0;
	list-style:none;
}
.testimonial li {
	float:left;
	margin-right:3px;
}
.testimonial li img {float:left;}
#footer {
	border-top:2px solid #00ceff;
	padding-top:20px;
	width:100%;
	min-width:1000px;
	min-height:134px;
	overflow:hidden;
	background-color:#111;
	position:relative;
}
* html #footer {
	height:134px;
	overflow:visible;
}
.inner-footer {
	margin:0 auto;
	width:1000px;
	position:relative;
}
.radial-shadow-f {
	position:absolute;
	top:-20px;
	left:-137px;
	width:394px;
	height:154px;
	background:url(../images/bg-shadow-radial-f.jpg) no-repeat;
}
.nav-footer {
	float:left;
	display:inline;
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
	height:1%;
	overflow:hidden;
	position:relative;
	z-index:4;
}
.nav-footer li {
	float:left;
	margin-right:2px;
	position:relative;
}
.nav-footer li a {
	display:block;
	padding:0 10px;
	color:#858585;
	font-size:13px;
	line-height:20px;
}
.nav-footer li.active a,
.nav-footer li a:hover {
	color:#000d10;
	text-decoration:none;
	background-color:#00ccff;
}
.nav-footer ul {
	margin:0;
	padding:0;
	list-style:none;
}
.nav-footer li li {
	float:none;
	display:block;
	margin:0;
}
.nav-footer li.active li a:hover {background:#00ccff;}
.nav-footer li.active li a,
.nav-footer li li a {
	display:block;
	padding:0 0 0 14px;
	color:#3d3d3d;
	font-size:10px;
	line-height:18px;
	height:18px;
	background:none;
}
* html .nav-footer li li a {
	float:left;
	clear:both;
}
.testi {
	min-height:130px;
	margin-left:10px;
	padding-left:20px;
	background:url(../images/sep-footer.gif) no-repeat 0 4px;
}
* html .testi {
	height:130px;
	overflow:visible;
}
.testi li li {margin-left:10px;}
.inner-footer p {
	text-align:right;
	padding:95px 0 0;
	margin:0 50px 0 0;
	font-size:9px;
	line-height:11px;
	color:#3d3d3d;
}
.inner-footer p a {
	color:#3d3d3d;
}

/* part for page contact */
.inner .general {min-height:415px;}
* html .inner .general {height:415px;}
.text-over-img h2 span {
	font-size:12px;
	line-height:14px;
	display:block;
	margin:-5px 0 0 7px;
}
.title h1 span {
	display:block;
	margin:-5px 0 0;
	font-size:12px;
	line-height:14px;
}
.fields {
	padding:48px 0 0 20px;
	float:left;
	width:362px;
}
.staff {
	padding:18px 0 0 20px;
	float:left;
	width:762px;
}
.clients {
	padding:18px 0 0 20px;
	float:left;
	width:462px;
}
.staff a{
	border-bottom: 1px dotted #00ccff;
}
.clients a, .clients_right a{
	
}
.staff p, .clients p, .church_right p{
	margin: 0 0 20px 15px;
	font-size: 13px;
	color: #333;
}
.staff td img{
	padding: 3px;
	border: solid 1px #330000;
	margin:10px 0 10px 10px;
}
.staff td p{
	width:170px;
	margin:0 0 0 5px;
}
.inp-text {
	margin-bottom:12px;
	width:100%;
	overflow:hidden;
}
.inp-text input {float:left;width:318px;height:22px;margin-bottom:3px;padding:6px 8px 0;color:#797979;font-size:12px;border:1px solid #b2b2b2;background-color:#e9e9e9;}
.inp-text textarea {
	margin:0;padding:6px 8px 0;float:left;width:318px;height:121px;border:1px solid #b2b2b2;background-color:#e9e9e9;color:#797979;font-size:12px;	overflow:auto;}
.buttons {text-align:right;width:335px;padding:0 27px 0 0;overflow:hidden;}
.buttons input {margin-left:5px;}
.company {
	margin-top:26px;padding:74px 0 0 24px;float:left;width:476px;background:url(../images/bg-company.jpg) no-repeat;min-height:200px;}
.staff_right {margin-top:26px;padding:24px 0 0 24px;float:left;width:376px;background:url(../images/bg-company.jpg) no-repeat;min-height:200px;}

.clients_right {padding: 18px 0 0 24px;float:left;width:376px;min-height:200px;}

.church_right {
	padding: 18px 0 0 24px;
	float:left;
	width:376px;
	min-height:600px;
}

* html .company, .staff_right, .clients_right{height:200px;}
.company h3 {
	margin:0;font-size:22px;font-weight:normal;line-height:24px;color:#808080;
}
.staff_right h3, .clients h3, .clients_right h3 {
	margin:0;margin-left: 20px;font-size:22px;font-weight:normal;line-height:24px;color:#0B2973;
}
h4 {
	margin:0;padding-bottom: 10px;font-size:14px;font-weight:normal;line-height:18px;color:#0B2973;
}
.company address {
	display:block;width:243px;font-size:15px;line-height:20px;font-style:normal;color:#808080
}
.staff_right testimonial {
	display:block;width:383px;
	font-size:14px;line-height:18px;font-style:normal;color:#808080;margin: 10px 0 10px 20px;padding:12px;border: 1px dotted #c9c9c9;background-color: #ddd;
}

.staff_right ul, .clients ul, .clients_right ul {
	display:block;width:383px;font-size:14px;
	line-height:18px;font-style:normal;color:#808080;margin: 10px 0 10px 20px;padding:12px;border: 1px dotted #c9c9c9;background-color: #ddd;list-style:none;
}

.church_right ul, .main-content ul{display:block;width:383px;
	font-size:12px;line-height:14px;font-style:normal;color:#808080;margin: 10px 0 10px 20px;padding:12px;border: 1px dotted #c9c9c9;background-color: #ddd;list-style:none;
}

/* part for page work */
p.loading {
	position:absolute;top:20px;margin:0;right:200px;font-size:16px;color:#757575;display:none;
}
.gallery {position:relative;}
.inner-gallery {
	width:981px;
	position:relative;
}
.gallery div ul {
	position:relative;width:99999px;padding:0;margin:0;list-style:none;
}
.gallery div ul li {
	float:left;
	width:981px;
}
.gallery-btns {width:965px;height:1%;overflow:hidden;padding:18px 16px 18px 0;margin-bottom:-58px;position:relative;background:url(../images/sep-tabset.gif) no-repeat 893px 5px;z-index:3;
}
.gallery-btns span {
	float:right;margin-left:12px;overflow:hidden;text-indent:-9999px;width:65px;height:23px;}
.gallery-btns span a {
	display:block;
	height:100%;
}
.previous {background:url(../images/btn-previous.gif) no-repeat;}
.next {background:url(../images/btn-next.gif) no-repeat;}
.add .general {
	background:url(../images/bg-work-content.jpg) no-repeat 232px 32px;
	position:relative;
}
.left-side {
	padding:22px 0 0 20px;
	width:453px;
	float:left;
}
.visual {
	width:100%;
	overflow:hidden;
	position:relative;
}
.left-side img {
	float:left;
	border:4px solid #f0f0f0;
}
.right-side {
	float:right;
	padding-left:0;
}
.visual h3 {position:absolute;top:150px;left:4px;margin:0;padding:0 27px 3px 7px;font-size:31px;line-height:36px;font-weight:normal;color:#fefefe;background:url(../images/bg-over-img-inner.png);
}
.left-side p {
	margin:12px 0 0;
	font-size:15px;
	line-height:18px;
	color:#757575;
}
.visit {
	position:absolute;bottom:12px;right:14px;overflow:hidden;text-indent:-9999px;width:114px;height:23px;background:url(../images/btn-visit.gif) no-repeat;
}
.visit a {
	display:block;
	height:100%;
}
.visit2 {
	position:absolute;bottom:12px;right:514px;overflow:hidden;text-indent:-9999px;width:114px;height:23px;background:url(../images/btn-visit.gif) no-repeat;}
.visit2 a {
	display:block;height:100%;}
.projectpic {border: 2px solid #0B2973;padding: 3px;
}
/* MY CSS SHEET HOME
*******************************************************************/
.content{width:939px;margin:10px 0 0 20px;}
.para{color:#666666;font-size:14px;padding:0 0 15px 10px;}
.clear{clear:both;}
.hold1{border:0px solid red;width:965px;margin-left:12px;margin-top:8px;}
.chL{background:url(../images/churchleft.png) no-repeat;height:50px;float:left;width:5px;}
.chM{background:url(../images/churchcen.png) repeat-x;height:50px;float:left;width:955px;}
.chR{background:url(../images/chruchRight.png) no-repeat;height:50px;float:left;width:5px;}
.complete{font-size:30px;color:#ffffff;line-height:47px;padding-left:5px;}
.hold2{border:0px solid red;margin:24px 0 0 10px;width:980px;}
.boxL{background:url(../images/churchboxL.png) no-repeat;height:434px;width:12px;float:left;}
.boxM{background:url(../images/churchboxM.png) repeat-x;height:434px;float:left;width:947px;}
.boxR{background:url(../images/churchboxR.png) no-repeat;height:434px;width:12px;float:left;}
.leftinside{border:0px solid red;float:left;width:343px;}
.rightinside{border:0px solid red;float:right;width:551px;}
.bluehead{color:#0b2972;font-size:24px;padding:15px 0 0 10px;}
.bluehead2{color:#0b2972;font-size:24px;padding:15px 0 0px 10px;text-align:right;margin-right:10px;}
.imghouse{width:287px;height:147px;/*background:url(../images/church.png) no-repeat;*/margin:23px 0 0 20px;border:5px #D8D8D8 solid;}
.imghouse2{width:287px;height:147px;/*background:url(../images/church.png) no-repeat;*/margin:15px 0 0 20px;border:5px #D8D8D8 solid;}
.single{color:#333333;font-size:16px;padding:85px 10px 0 0;}
.slogan{width:450px;color:#333333;font-size:16px;border:0px solid red;padding:100px 0 0 0;margin-left:50px;}
.space{color:#333333;font-size:16px;padding-left:37px;}
.blank{height:50px;}
/* MY CSS SHEET HOME
*******************************************************************/
