@import "reset.css";

/* site */
body {
	background: url(bckg-px.jpg) repeat-x #e6e6e6;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Verdana, Helvetica;
	text-shadow: 1px 1px 1px #fff;
}

a {
	cursor: pointer;
	outline: 0;
	color: inherit;
}

a:hover { text-decoration: none; }

h1 { font-size: 75px; letter-spacing: -2px; }

/* .v_line { background: url(../images/v-line.jpg) repeat-y; display: block; width: 2px; height: 250px; float: left; } */

span.first_line { background: #202020; display: block; height: 3px; width: 930px; position: absolute; top: 380px; left: 0; margin-left: 15px; }

.h_line { background: #202020; display: block; height: 1px; width: 930px; position: relative; }

#page {
	background: url(bckg.jpg) no-repeat scroll 0 0;
	width: 960px;
	height: auto;
	margin: 0px auto;
	text-align: left;
	padding: 0 15px 0 15px;
	position: relative;
}

.brand { margin: 10px 0 0 2px; width: 210px; height: 322px; position: relative; float: left; padding-right: 38px; }

/* div.top styling */
.top { padding: 420px 0 40px 0; display: block; height: 280px; width: 100%; }
.info { width: 210px; float: left; padding-right: 30px; }
.info p { padding-top: 15px; font-size: 18px; font-style: italic; line-height: 23px; color: #3a3a3a; font-family: Georgia; }
.about { width: 450px; font-size: 12px; float: left; padding-right: 30px; }
.about .member { float: left; width: 210px; height: 170px; font-style: italic; }
.member img { width: 75px; height: 75px; float: left; margin-right: 10px; clear: right; }
.about h3 { font-weight: bold; }
.about h4 { padding-top: 5px; color: #09f; font-weight: 100; }
.about p { padding-top: 5px; color: #7a7a7a; line-height: 18px; }
.services { width: 210px; float: left; }
.services h1 { color: #bbb; }
.services ul { list-style-image: url(tik.jpg); padding-top: 15px; }
.services li { color: #3a3a3a; font-size: 15px; font-style: italic;  margin-left: 20px; line-height: 25px; }

/* div.middle styling */
.middle { display: block; width: 100%; height: 315px; position: relative; padding: 30px 0px; }
.plane { right: 40px; top: 40px; position: absolute; z-index: -1; }
.clients { float: left; width: 210px; padding-right: 30px; }
.clients h1 { color: #bbb; }
.clients ul { list-style: square; padding-top: 20px; }
.clients li { color: #3a3a3a; font-size: 15px; font-style: italic;  margin-left: 20px; line-height: 25px; }
.work { width: 720px; float: left; }
.work ul { padding-top: 20px; }
.work ul li { display: block; width: 210px; height: 210px; float: left; }
.work li+li { padding-left: 30px; }
.work li a { border: none; }

/* div.bottom styling */
.bottom { display: block; width: 100%; height: 270px; padding: 30px 0px; }
.connect { display: block; width: 690px; float: left; padding-right: 30px; }
.connect h1 { float: left; }
.connect h3 { width: 470px; float: left; font-style: normal; padding-left: 20px; color: #cdcdcd; font-size: 30px; letter-spacing: 0px; text-shadow: 1px 1px 1px #fff; }
.connect div.information { width: 210px; padding-right: 30px; float: left; clear: left; }
.connect p.phone_number { padding-top: 25px; font-family: Arial; font-size: 26px; font-style: normal; font-weight: bold; color: #ccc; letter-spacing: -3px; width: 210px; }
.connect p.contact_info { width: 225px; padding-top: 20px; color: #333; line-height: 20px; font-style: normal; }
.connect p.contact_email { padding-top: 20px; color: #333; font-size: 14px; }
.connect div.contact_form { width: 450px; float: left; padding-top: 25px; position: relative; }
.connect div.contact_form input#name { background: #202020; color: #999; float: left; width: 200px; height: 25px; border: 1px solid #cdcdcd; padding: 5px 5px 1px 5px; }
.connect div.contact_form input#email { background: #202020; color: #999; font-family: Arial; float: left; width: 200px; height: 25px; margin-left: 10px; border: 1px solid #cdcdcd; padding: 5px 5px 1px 5px; }
.connect div.contact_form input#submit { background: #333; display: block;  float: left; width: 120px; height: 45px; border: none; position: absolute; right: -20px; top: 108px; border-radius: 5px; color: #fff; font-family: Arial; font-size: 25px; font-weight: bold; text-transform: uppercase; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -moz-border-radius: 5px; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.connect div.contact_form input#submit:hover { background: #09f; cursor: pointer; }
.connect div.contact_form textarea#message { background: #202020; color: #999; padding: 5px 5px 1px 5px; font-family: Arial; font-size: 14px; float: left; border: 1px solid #666; margin-top: 11px; width: 370px; height: 115px; }
.follow { display: block; width: 210px; float: left; }
.follow h1 { color: #bbb; }
.follow h3 { padding-top: 30px; color: #333; }
.follow ul { padding-top: 10px; padding-left: 20px; padding-bottom: 10px; list-style: none; }
.follow li { line-height: 25px; }
.follow li a, a { color: #999; border-bottom: 1px dotted #999; text-decoration: none; padding-left: 3px; }
.follow li a:hover, a:hover { color: #333; border: none; }
.follow a { line-height: 25px; }
.follow a.h_twit { color: #3cf; }
.follow a.h_fb { color: #3b5998; }
.follow a.h_flick { color: #0063dc; }
.follow span.r { color: #ff0084; }

/* div.bunar styling */
.bunar { display: block; width: 100%; height: 240px; padding: 30px 0px; position: relative; }
.footer_glow { position: absolute; bottom: 0; left: 0; z-index: -1; }
.blog { display: block; width: 450px; float: left; padding-right: 30px; font-style: italic; }
.blog h2.post_title { padding-top: 30px; padding-bottom: 5px; font-size: 25px; font-family: Arial; font-style: normal; }
.blog h2.post_title a { text-decoration: none; font-weight: bold; color: #202020; border: none; }
.blog h2.post_title a:hover { color: #09f; }
.blog span.comment_author { color: #adadad; font-size: 12px; }
.blog span.comment_number { color: #fe002a; font-size: 12px; }
.blog span+span { border-left: 1px solid #adadad; padding-left: 5px;}
.blog p { color: #3d3d3d; padding-top: 10px; font-style: normal; }
.blog p > a { color: #09f; font-size: 12px; font-style: italic; }
.footer { display: block; width: 450px; float: left; }
.footer h1 { color: #bbb; }
.footer p { width: 400px; padding-top: 30px; font-size: 20px; color: #adadad; font-style: italic; line-height: 25px; }

div.absolute { background: url(spic.png) repeat-x scroll 0 0; position: fixed; left: 0; bottom: 0; width: 100%; height: 18px; display: block; z-index: 500; }