/*
Theme Name: e-project.com.ua
Theme URI: http://e-project.com.ua
Description: for Site
Version: 1.0
Author: Victor Petryk
Author URI: http://victorpetryk.com
Tags: news, portfolio, basic
*/

/* Reset */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1.5;
	font-family: helvetica, arial, sans-serif;
}

ol, ul {
	list-style: none;
}

/* End Reset */

.page-navigation {
	padding-top: 30px;
	text-align: center;
}

/* Main Style*/

#wrap {
	width: 960px;
	margin: auto;
	border: 1px solid #eeeeee;	
}

#clearfix {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* End Main Style */

/* Header */

#header h1 {
	display: inline;
	background: url(img/logo.png) no-repeat;
	width: 206px;
	height: 65px;
	margin: 35px 75px 0px 45px;
	text-indent: -9999px;
	float: left;
}

#header h1 a {
	width: 206px;
	height: 65px;
	display: block;
}

/* Navigation */

#header ul {
	overflow: hidden;
	margin-right: 10px;
}

#header ul li {
	border-top: 8px solid #ff0000;
	float: left;
	
}

#header ul a {
	color: #c8c8c8;
	font-size: 11pt;
	display: block;
	padding: 35px 9px 5px 9px;
	border-right: 1px dotted #eeeeee;
}

/*
#header ul a:hover {
	color: #ff0000;
	background-color: #f5f5f5;
}
*/

#header ul a:hover,
body.page-id-6 #header ul li.page-id-6 a,
body.page-id-9 #header ul li.page-id-9 a,
body.page-id-11 #header ul li.page-id-11 a,
body.page-id-13 #header ul li.page-id-13 a,
body.page-id-15 #header ul li.page-id-15 a,
body.page-id-17 #header ul li.page-id-17 a,
body.page-id-19 #header ul li.page-id-19 a {
	color: #ff0000;
	background-color: #f5f5f5;
}

#header ul li.current a {
	color: #ff0000;
	background-color: #f5f5f5;
}

/* End Navigation */

/* End Header */

/* Info Block */

#info {
	margin-bottom: 5px;
}

#phone {
	display: block;
	float: left;
	width: 325px;
	margin: 22px 0px;
	padding: 27px 0px;
	color: #ff0000;
	text-align: center;
}

#phone span {
	font-style: normal;
	font-size: 10pt;
}

#slogan {
	display: block;
	margin-left: 325px;
	padding-top: 11px;
	padding-left: 40px;
	padding-right: 69px;
	height: 150px;
	background: url(img/slogan.png) no-repeat;
	color: #b2b2b2;
	font-size: 10pt;
}

/* End Info Block */

/* Ideas Block */

#ideas {
	height: 250px;
	margin-bottom: 20px;
	background: url(img/ideas_bg.png) repeat;
}

#ideas h1 {
	display: inline;
	float: left;
	margin: 15px 10px 29px 57px;
	font-family: Times New Roman, Times, serif;
	line-height: 1.3;
}

#ideas h1 a {
	text-decoration: underline;
}



#ideas h1 span {
	padding: 3px 10px 3px 10px;
	background-color: #ffffff;
	font-size: 30pt;
	font-style: italic;
}

.one {
	margin-left: 30px;
}

.tree {
	margin-left: 15px;
}

.four {
	margin-left: 38px;
}

.one a, .two a, .tree a {
	color: #8f8f8f;
}

.four a {
	color: #ff0000;
}

#ideas h1 a span {
	color: #ff0000;
}

/* End Ideas Block */

/* Container */

#container h2 {
	margin-bottom: 50px;
}

#container h2 span {
	margin-left: 115px;
	padding: 3px 35px 3px 35px;
	font-size: 16pt;
	color: #ffffff;
	background-color: #ff0000;
}

#container h3 {
	margin-top: 50px;
	margin-left: 115px;
	color: #565452;
}

#container h4 {
	margin-bottom: 5px;
}

#container h4 span {
	margin-left: 115px;
	font-size: 14pt;
	color: #b2b2b2;
	font-family: Times New Roman, Times, serif;
	font-weight: normal;
}

#container h5 {
	margin-bottom: 25px;
}

#container h5 span {
	margin-left: 115px;
	padding: 3px 35px 3px 35px;
	font-size: 16pt;
	color: #ffffff;
	background-color: #ff0000;
}

/* End Container */

/* Our Service */

#our_services h1 {
	color: #b2b2b2;
	font-size: 16pt;
	text-align: center;
}

#our_services p {
	margin: 20px 68px 33px 68px;
	color: #000000;
	text-align: center;
}

#our_services p span {
	padding: 1px 16px 1px 16px;
	line-height: 2;
	/* background-color: #eeeeee; */
}

/* End Our Service */

/* Box Service */

#box_service {
	display: inline;
	float: left;
	margin: 0px 0px 65px 68px;
	text-align: center;
}

.border_service {
	border-left: 1px solid #565452;
	border-right: 1px solid #565452;
	padding: 0px 40px 0px 40px;
}

#box_service h1 {
	margin-bottom: 22px;
}

#box_service h1 a {
	color: #b2b2b2;
	font-size: 16pt;
}

#box_service h1 a:hover {
	text-decoration: none;
}


.hosting_more {
	display: block;
	width: 200px;
	height: 200px;
	text-decoration: none;
	background-image: url(img/hosting_icon.png);
	background-position: 0 0;
}

.hosting_more:hover {
	background-position: 200px 0;
}

.service_more {
	display: block;
	width: 200px;
	height: 200px;
	text-decoration: none;
	background-image: url(img/service_icon.png);
	background-position: 0 0;
}

.service_more:hover {
	background-position: 200px 0;
}

.web_more {
	display: block;
	width: 200px;
	height: 200px;
	text-decoration: none;
	background-image: url(img/web_icon.png);
	background-position: 0 0;
}

.web_more:hover {
	background-position: 200px 0;
}

.seo_more {
	display: block;
	width: 200px;
	height: 200px;
	text-decoration: none;
	background-image: url(img/seo_icon.jpg);
	background-position: 0 0;
}

.seo_more:hover {
	background-position: 200px 0;
}

.ads_more {
	display: block;
	width: 200px;
	height: 200px;
	text-decoration: none;
	background-image: url(img/ads_icon.jpg);
	background-position: 0 0;
}

.ads_more:hover {
	background-position: 200px 0;
}

.disc_more {
	display: block;
	width: 200px;
	height: 200px;
	text-decoration: none;
	background-image: url(img/disc_icon.jpg);
	background-position: 0 0;
}

.disc_more:hover {
	background-position: 200px 0;
}

.more {
	color: #ff0000;
}

.more:hover {
	text-decoration: none;
}

#box_service span {
	margin-left: 25px;
	padding: 7px 10px 7px 10px;
	color: #ffffff;
	background-color: #f90401;
}

/* End Box Service */

/* Box News */

#box_news {
	margin: 0px 38px 0px 38px;
	height: 458px;
	background-color: #f9fff3;
	border-top: 1px solid #565452;
	border-bottom: 1px solid #565452;
	padding: 0;
}

#box_news h1 a {
	color: #f90401;
	background-color: #ffffff;
	padding: 5px 10px 5px 26px;
}

#box_news h1 a:hover {
	text-decoration: none;
}

.newsBox p {
	margin-top: 17px;
	padding-left: 26px;
}

.newsBox p span {
	color: #ff0000;
	margin-right: 15px;
}

.grey a {
	color: #b0b1a9;
}

.grey a:hover {
	text-decoration: none;
}

.black a {
	color: #000000;
}

.black a:hover {
	text-decoration: none;
}

/* End Box News */

.newsBox { float: left; }
.trustBox {
	float: right;
	padding-top: 3px;
	padding-left: 7px;
	padding-bottom: 5px;
	background: #ffffff;
}
.trustIns {
	width: 312px;
	height: 450px;
	background: #f0f9fb;
}
.trustIns h6 {
	margin-bottom: 10px;
	padding-top: 10px;
	font-size: 18px;
	font-weight: normal;
	font-family: "Times New Roman";
	text-align: center;
	color: #858383;
}

.trustItem { margin: auto; margin-bottom: 20px; width: 260px; }
.trustItem img { border: 1px solid #d9d8d8; }
.trustItem p {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	line-height: 16px;
	font-family: "Times New Roman";
	color: #adb1b5;
}
.trustItem p a { color: #ed0621; }

/* About */

#about {
	margin: 50px 115px 0px 115px;
	background-color: #f9fff3;
	border-top: 1px solid #565452;
	border-bottom: 1px solid #565452;
	padding: 15px 30px 15px 30px;	
}

#about p {
	margin-bottom: 11px;
}

/* End About */

/* Services */

#services {
	margin: 0px 115px 0px 115px;
	background-color: #f9fff3;
	border-top: 1px solid #565452;
	padding: 15px 30px 15px 30px;	
}

#host, #wsite, #serv {
	margin-top: 5px;
	padding: 5px;
	border: none;
	font-weight: bold;
	color: #8f8f8f;
	background-color: #eeeeee;
	cursor: pointer;
}

#hosting_plan, #websites_plan, #service_plan {
	display: none;
}

#hosting_plan table, #websites_plan table, #service_plan table, #seo_plan table {
	margin-top: 10px;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #565452;
}

#hosting_plan table th, #websites_plan table th, #service_plan table th, #seo_plan table th {
	background-color: #eeeeee;
	font-size: 11pt;
}

#hosting_plan table td, #websites_plan table td, #service_plan table td {
	border: 1px solid #565452;
	text-align: center;
}
#seo_plan table td { border: 1px solid #565452; }

#seo_plan table td ul { margin: 15px 15px 15px 35px; font-size: 14px; list-style: square; }

/* End Services */

#portfolio_site {
	margin: 50px 115px 0px 115px;
}

#portfolio_site p {
	margin-top: 3px;
	margin-bottom: 45px;
	color: #000000;
	text-decoration: none;
}

#portfolio_site p a {
	color: #ff0000;
	text-decoration: underline;
}

/* Pholio IMG */

.folio {
	display: block;
	width: 730px;
	height: 123px;
	text-decoration: none;
}

/* End Pholio IMG */

/* News */

#news {
	margin: 50px 115px 0px 115px;
}

.news_title {
	float: left;
	color: #565452;
	font-size: 14pt;
}

.news_date {
	float: right;
	color: #f90401;
	font-size: 12pt;
}

#news_text {
	margin: 0px 115px 0px 115px;
	background-color: #f9fff3;
	border-top: 1px solid #565452;
	padding: 15px 30px 15px 30px;	
}

/* End News */

/* Glossary */

#need_site {
	margin: 0px 115px 0px 115px;
	background-color: #f9fff3;
	padding: 15px 30px 15px 30px;	
}

#need_site p {
	margin-bottom: 15px;
}

#glossary {
	margin: 10px 115px 0px 115px;
}

.glossary_title {
	float: left;
	color: #565452;
	font-size: 14pt;
}

#glossary_text {
	margin: 0px 115px 0px 115px;
	background-color: #f9fff3;
	border-top: 1px solid #565452;
	padding: 15px 30px 15px 30px;	
}

/* End Glossary */

/* Contacts */

#contacts {
	margin: 50px 115px 0px 115px;
}

.contacts_title {
	color: #565452;
	font-size: 12pt;
}

#contact_text {
	margin: 0px 115px 0px 115px;
	background-color: #f9fff3;
	padding: 5px 15px 15px 0px;
	border-top: 1px solid #565452;
	text-align: right;
}

/* End Contacts */

/* Footer */
#footer p {
	margin: 70px 0px 20px 0px;
	color: #b2b2b2;
	text-align: center;
	font-size: 9pt;
}

/* End Footer */