﻿/* Reset
------------------------------------------------------------- */

html, body 													{ margin: 0px; padding: 0px; border: 0; background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, img, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead 							{ margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }

article, aside, dialog, figure, footer, header, hgroup, nav, section 	{ display:block; }

h1, h2, h3, h4, h5, h6, p, li, 
blockquote, td, th, a, caption, 
em, strong, b, i, u, strike 									{ font-family: Arial, Helvetica, sans-serif; font-size:100%; font-weight: normal; font-style: normal; 
																line-height: 1; text-indent: 0; text-decoration: none; color: #000; }
ol, ul													 	{ }

table 														{ border-collapse: collapse; border-spacing: 0; }


body 					{ 
	background-color:#fff;
}

.wrapper 				{ 
	width:1024px; 
	margin:0 auto; 
}

#header-box		{ 
	height:180px;
	border-top:5px #6e6e6e solid; 
	border-bottom:1px solid #e7e7e7;
}

#header-box-logo					{ 
	margin-top:60px; float:left; padding-left:150px;
}

#header-box-text					{
	margin-top:80px; 
	float:right;  
	font-size:18px; font-family:roboto; 
	font-weight:300; 
	color:#878787;
	padding-right: 150px;
}

#header-box-text img				{ 
	margin-bottom:-11px; 
	margin-right:10px; 
	margin-left:5px; 
}

#header-box-text a					{ 
	font-size:18px; 
	font-weight:300;
	font-family:roboto;
	color:#878787; 
}

#header-box-text a:hover {
	opacity: 0.6;
}

#bg-line-3				{ 
	width:100%; height:5px; 
	background-color:#6e6e6e; 
	position:absolute; right:0%;   
}

/* TOP END
------------------------------------------------------------- */


/* TOP MENU
------------------------------------------------------------- */
nav				{
	height:77px;
	border-top:10px solid #f4f4f4; 
	background-color:#fcfcfc;
	display: block;
	text-align: center;
}

nav ul				{ 
	margin-top:15px; 
	list-style-image:url('../i/shape-1.png');
	display: inline-block;
}

nav ul li			{ 
	background-image:url(../i/shape-2.png);
	background-repeat:no-repeat; 
	background-repeat:no-repeat; 
	background-position:0px 3px; 
	padding-left:16px;display:inline; 
	float:left; font-size:22px; 
	font-family:roboto; font-weight:500; 
	margin-right:57px; 
	color:#676767;
	display: inline-block;
	text-align: left;
}

nav ul li:hover		{ 
	opacity: 0.6; color: red; 
	background-image: url(../i/shape-1.png);
}

nav ul li p			{ 
	font-size:12px; 
	font-family:roboto; 
	font-weight:300; 
	margin-top:8px; 
	margin-left:3px; 
	color:#676767;
}

nav ul li a			{ 
	font-size:22px; 
	font-family:roboto; 
	font-weight:500; 
	color:#676767; }

nav .active		{ 
	color:#ff2323; 
	font-family:roboto; 
	font-weight:500; 
}

nav .li-active		{ 
	background-image:url(../i/shape-1.png);
	background-repeat:no-repeat; 
}

nav .inactive		{ 
	color:black; 
}


/* TOP MENU END
------------------------------------------------------------- */


/* SLIDER
------------------------------------------------------------- */
#slider					{
	margin-top:2px; 
	height:473px; 
	z-index:99999;
}

#slider h1				{ 
	width:1024px; 
	position:absolute; 
	font-family:georgia; 
	font-size:79px; 
	color:white; 
	padding-top:40px; 
	text-shadow:2px 2px #3a3d40; 
	opacity:0.8;}

#bg-line-7				{ 
	height:473px; 
	width:100%; 
	position:absolute; 
	right:0%; 
}

#bg-line-8				{ 
	width:100%; 
	height:58px; 
	background-color:#545352; 
	position:absolute; right:0%;
	 margin-top:-58px; 
	 opacity:0.7;  
	}
/* SLIDER END
------------------------------------------------------------- */


/* SERVICES
------------------------------------------------------------- */
#services				{ margin-top:10px; background-image:url('../i/bg-3.png');}
#box 					{ padding-left:15px; letter-spacing:0.5px;  width:31%; float:left; }
#box p					{ padding-left:40px;padding-right:30px; padding-top:30px;  font-family:Roboto; font-weight:300; font-size:15px; line-height:140%; color:#757575; }
#box h1					{ margin-top:25px; font-size:30px; color:#494949; font-family:Roboto; font-weight:300; text-align:center; }

#box-img				{ height:135px; text-align:center; width:135px; margin:0 auto; background-color:#f8f7f7; border-radius: 50%; }
#box-img img			{ margin:0 auto; margin-top:25px; }

#border-2				{ height:300px; border-right:solid 18px white; margin-top:-350px; }

#border-1				{ height:65px; background-image:url('../i/bg-5.png'); background-repeat:no-repeat; clear:both; background-position: 0px -10px;}
#border-3				{ height:50px; z-index:99999; background-color:white; clear:both;}

#numbers				{ background-color: #f8f7f7; border-radius: 50%; width: 145px; height: 145px; overflow: hidden; margin: 0 auto;}
#numbers .one			{ padding-top: 7px;}
#numbers .two			{ padding-left: 17px; padding-top: 15px;}
#numbers .three			{ padding-left: 12px; padding-top: 12px;}
/* SERVICES END
------------------------------------------------------------- */

/* SPECIAL -> INDEX.HTML
------------------------------------------------------------- */
#special-img			{ background-image:url('../i/special.jpg'); width:262px; height:373px; display: inline-block; margin-top:50px; margin-left:20px;}
#special-txt			{ width:600px; display: inline-block; margin-left:50px; }
#special-txt h1			{ font-family:Roboto; font-weight:500; font-size:45px; color:#191919; margin-bottom:30px; }
#special-txt p			{ font-family:Roboto; font-weight:300; font-size:22px; line-height:140%; padding-left:5px; color:#434242; }
#special-txt h2			{ display: inline-block; font-family:Roboto; font-weight:700; font-size:54px; color:#fd0071; margin-top:30px; }
#special-txt h3			{ display: inline-block; color:#fd0071; font-family:Roboto; font-weight:300; font-size:21px; margin-left:5px;}
#special-btn			{ display: inline-block; border:3px solid #00aeef; float:right; clear:both; margin-top: 25px; }
#special-btn h4			{ font-size:26px; padding:12px; text-align: center; font-family:Roboto; font-weight:300; color:#00aeef; }
#special-btn:hover		{ opacity:0.6;}
#special table			{ width: 720px;}
#special table .cat 	{ width: 270px; background-color:#fff; font-family:Roboto; font-size:13px; line-height:150%; color:#000; font-weight:300; padding: 5px 15px;}
#special table .descr 	{ width: 450px; background-color:#fff; font-family:Roboto; font-size:13px; line-height:150%; color:#000; font-weight:300; border-left: 1px solid white; padding: 5px 15px;}
#special table .heading	{ background-color:#626262; font-family:Roboto; font-size:15px; line-height:150%; color:#fff; font-weight:500; text-transform: uppercase; padding: 5px 15px;}
#special table .odd		{ background-color:#f4f4f4;}

/* SPECIAL.HTML
------------------------------------------------------------- */
#special object 		{ margin: 80px 0px -345px 0px; border: 10px solid #f4f4f4;}
#special-obj-back		{ width:450px; height:373px; display: inline-block; margin-top:50px; margin-left:20px;}
#special-obj			{ width:500px; display: inline-block; margin-left:50px; }
#special-obj h1			{ font-family:Roboto; font-weight:500; font-size:45px; color:#191919; margin-bottom:30px; }
#special-obj p			{ font-family:Roboto; font-weight:300; font-size:22px; line-height:140%; padding-left:5px; color:#434242; }
#special-obj h2			{ display: inline-block; font-family:Roboto; font-weight:700; font-size:54px; color:#fd0071; margin-top:30px; }
#special-obj h3			{ display: inline-block; color:#fd0071; font-family:Roboto; font-weight:300; font-size:21px; margin-left:5px;}
#popular-img			{ background-image:url('../i/popular.jpg'); width:253px; height:396px; display: inline-block; margin-top:50px; margin-left:20px;}
/* SPECIAL END
------------------------------------------------------------- */

/* CONTENT
------------------------------------------------------------- */
.content 				{ padding-bottom: 25px;}
.content img 			{ float: left; padding-right: 15px;}
.content h1			    { font-family:Roboto; font-weight:300; font-size:30px; color:#494949; margin:30px 0 15px;}
.content h2			    { font-family:Roboto; font-weight:300; font-size:30px; color:#494949; margin:30px 0 5px;}
.content p		        { font-family:Roboto; font-size:15px; line-height:150%; color:#757575; font-weight:300;}
.content ul		        { list-style-type: circle;}
.content li 			{ font-family:Roboto; font-size:15px; line-height:170%; color:#757575; font-weight:300; margin-left: 30px; padding-left: 10px;}
.content ul.no_bullet   { list-style-type: none; padding-top: 10px; margin: 0;}
.content li.checklist   { background: url('../i/check-mark.png') no-repeat left top; height: 40px; padding-left: 44px; font-family:Roboto; font-size:15px; line-height:200%; color:#757575; font-weight:300;}
/* CONTENT END
------------------------------------------------------------- */

/* FORM
------------------------------------------------------------- */
.textfield				{ margin-bottom: 10px; float: left; height:40px; width:520px; border:3px solid lightgrey;}

/* QOUTE
------------------------------------------------------------- */
#quote-area				{ margin: 80px 0px 20px 0px;}
#quote-top				{ height:13px;  background-image:url('../i/quote-top.png');}
#quote 					{ background-image:url('../i/quote-texture.png'); padding: 30px 0 20px; z-index: -9999;}
#symbol					{ width:50px; height:50px; border:2px #e9e9e9 solid; border-radius: 50%; background-color:white; margin:-100px auto 0; padding:30px;}
#symbol h5				{ margin-top:-42%; margin-left:-20%;  font-size:155px; font-family:Georgia Italic;  color:#e9e9e9;}
#quote p				{ max-width: 1000px; min-width: 400px; width: 70%; font-size:22px;  line-height:140%; font-family:Georgia, serif; font-style: italic; text-align:center; margin: 5px auto; }
#quote h6				{ font-size:18px; font-family:Roboto; font-weight:300; color:#747474; text-align: center; margin:20px auto;}
#quote-bottom			{ height:13px;  background-image:url('../i/quote-bottom.png'); z-index:-9999; }
/* QOUTE END
------------------------------------------------------------- */


/* FIRMS
------------------------------------------------------------- */
#firms 					{ margin:70px auto; text-align: center;}
#firms img				{ padding: 0px 20px; vertical-align: middle;}
#firms img:hover		{ opacity:0.6;}
/* FIRMS END
------------------------------------------------------------- */


/* FOOTER
------------------------------------------------------------- */
#footer					{ padding-top: 30px; height:150px; background-color:#444444; border-bottom:2px solid #4c4c4c;}
#footer-2				{ padding-top: 30px; height:50px; background-color:#444444; border-bottom:2px solid #4c4c4c;}
#faq-btn				{ margin: 0px auto 40px; text-align: center; height:50px; width:520px; border:3px solid white;}
#faq-btn h6				{ font-size:28px; font-family:Roboto; font-weight:300; color:white; margin-top: 10px;}
#faq-btn:hover			{ opacity:0.6;}

#footnote				{ font-family:roboto; font-weight:300; font-size:18px; color:#747474; text-align:center;}
/* FOOTER END
------------------------------------------------------------- */