/* gloabl reset */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, form {
margin: 0;
padding: 0;
}



body {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 85%;
	margin: 0;
	color:#372f29;
	background: #fff url(../images/bg-body.gif) top repeat-x;
}

/* layout */

#header {
	width: 1020px;
	height: 100px;
	margin: 0 auto;
	position: relative;
}

#logo {
	padding: 0 0 0 0
}

#top {
	width: 960px;
	height: 340px;
	margin: 0 auto;
}

#footer {
	margin-top: 50px;
	text-align: center;
	font-size: 90%;
	background: #e3e3d9;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;	
	padding: 15px;
	color: #8d8987;	
}

#footer a {
	color: #8d8987
}

#footer a:hover {
	text-decoration: underline
}

/* HOME PAGE */

#top-text {
	width: 340px;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	float: left;
	margin: 40px 0 0 0 ;
	line-height: 190%;
	display: block;
	text-shadow: 1px 1px 0px #b5b7ae;
	color: #493e37
}

.top-small {
	font-size: 95%; 
	line-height: 130%;
	text-shadow: none;
	margin: 30px 0 0 0;
	width: 325px;
}

#content-home {
	margin: 0 auto;
	font-size: 95%;
	line-height: 120%;
	min-height: 500px;
	height:auto !important;
  	height:500px;
}

#content-home p {
	margin-right: 15px;
}

#content-home #about, #content-home #home-services, #content-home #news {
	margin-top: 20px
}

#imgRotate {
	float: right;
	width: 556px;
	height: 290px;
	margin: 25px 0 0 0;
}

#imgRotate img {
	border: 0;
	padding: 2px;
	border: 1px solid #e3e3d9;
	box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	-moz-box-shadow: 0px 0px 5px #ccc;
	display: block
}

.date {
	font-size: 80% !important;
	margin: -2px 0 5px 0
}

.home-rss li {
	margin: 0 0 10px 0;
	background:url(../images/icon-calendar-sml.gif) 0 5% no-repeat

}

.home-rss li p {
	line-height: 130%;
	font-size: 90%
}

.home-rss li p.home-rss-title, .home-rss li p.date {
	padding: 0 0 0 25px
}

#home-services li a {
	color: #51453d;
	
}
#home-services li a:hover {
	color: #991b1e
}

/* BIG FOOTER */
#phone, #quote, #contact {
	width: 230px;
	height: 40px;
	margin: 0 0 5px -10px;
	padding: 0 0 0 60px;
	display: block;
}

#phone {
	background: url(../images/bg-phone.jpg) left no-repeat;
	font-size: 130%;
	line-height: 260%;
}

#quote {
	background: url(../images/bg-quote.jpg) left no-repeat;
	line-height: 290%;
}

#contact {
	background: url(../images/bg-mail.jpg) left top no-repeat;
	line-height: 290%;	
}

#social {
	margin: 40px 0 0 10px;
}

#social img {
	opacity: .7;
	margin: 0 10px 0 0
}

#social img:hover {
	opacity: 1;
}

#social span {
	float: left;
	margin: 0 10px 0 0;
	padding: 4px 0 0 0
}

.social-pull {
	margin: 5px 0 0 0 !important
}

#kiss {
	float: right;
	margin: 15px 30px 0 0;
}

#wrap {
	background: #f5f5ef;
	border-top: 1px solid #eeeee7
}

/* PORTFOLIO */

#content-portfolio {
	margin: 0 auto;
	margin-top: 30px;
}

#content-portfolio img {
	width: 296px;
	padding: 1px;
	border: 1px solid #dedfd9;
	box-shadow: 0px 0px 4px #ccc;
	-webkit-box-shadow: 0px 0px 4px #ccc;
	-moz-box-shadow: 0px 0px 4px #ccc;
}

#content-portfolio img:hover {
		opacity: .7;
}

#content-portfolio .grid_4 p {
	font-size: 85%;
	margin: 6px 0 15px 0;
	color: #877e78
}

#portfolio #wrap {
	margin: 30px 0 0 0
}

#content-portfolio a {
	color: #666
}
#content-portfolio a:hover {
	color: #991b1e
}

/* SERVICES */
#content-services {
	margin: 0 auto;
	margin-top: 30px;
}

#content-services p {
	font-size: 90%;
	line-height: 140%
}

#services .grid_4 {
	margin-bottom: 15px
}

#pricing {
	padding: 5px 7px 7px 7px;
	border: 1px solid #eaeae3;
	width: 284px;
	background-color: #f5f5ef;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#dongleme {
	padding: 5px 7px 7px 7px;
	border: 1px solid #ccc;
	width: 284px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#content-services img {
	padding: 1px;
	border: 1px solid #dedfd9;
	box-shadow: 0px 0px 4px #ccc;
	-webkit-box-shadow: 0px 0px 4px #ccc;
	-moz-box-shadow: 0px 0px 4px #ccc;
}

#services #wrap {
	margin-top: 20px
}

/* ABOUT */
#content-about {
	margin: 0 auto;
	margin-top: 30px;
	font-size: 90%
}

#content-about p {
	line-height: 140%
}

#rotate {
	height: 340px;
}

/* CONTACT */
form.ddfm {
	background: url(../images/bg-form.gif) top left no-repeat;
	margin: 0 0 40px 0
}

form.ddfm label {
	float: left;
	width: 150px;
	font-family: "Andika Basic", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; 
	font-size: 120%	
}

form.ddfm p {
	clear: left;
	padding: 15px 0 0 20px;
}

form.ddfm input {
	padding: 3px;
	border: 3px solid #ecece2;
	width: 200px;
	margin: -7px 0 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#51453d;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

form.ddfm textarea {
	padding: 3px;
	border: 3px solid #ecece2;
	width: 350px;
	margin: -7px 0 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#51453d;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 100%;
}

#submit {
	margin: 0 0 0 150px;
	width: 110px;
	background: #981c1f;
	border: none;
	height: 25px;
	cursor: pointer;
	color: #fff
}

.icon-phone {
	background: url(../images/icon-phone.png) 0 50%  no-repeat;
	padding: 10px 0 0 30px;
	height: 25px;
}

.icon-mail {
	background: url(../images/icon-mail.png) 0 50% no-repeat;
	padding: 10px 0 0 30px;
	height: 25px;
}

.icon-google {
	background: url(../images/icon-google.png) 0 50% no-repeat;
	padding: 10px 0 0 30px;
	height: 25px;
}

.project-sheet {
	display: block;
	height: 50px;
	width: 210px;
	margin: 30px 0 0 0;
	border: 1px solid #dedfd9;
	box-shadow: 0px 0px 4px #ccc;
	-webkit-box-shadow: 0px 0px 4px #ccc;
	-moz-box-shadow: 0px 0px 4px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:url(../images/icon-down-arrow.gif) 5% 50% no-repeat;
}

.project-sheet span {
	padding: 17px 0 0 60px;
	display: block;
	font-family: "Andika Basic", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; 
	font-size: 120%
}

.project-sheet a {
	color: #666;
	display: block;
}

/* Navigation */

#navigation {
	position: absolute;
	top: 40px;
	right: 20px
}

#navigation li {
	padding: 0 20px 0 20px;
	float: left;
	list-style: none;
	font-size: 120%;
	background: url(../images/bg-nav.gif) left no-repeat;
	font-family: "Andika Basic", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; 			
}

#navigation li:first-child {
	background: none
}

#navigation li a {
	display: block;
	color: #fff;	
	text-decoration: none;
	padding: 0 0 6px 0;
	text-shadow: 1px 1px 1px #440101;	
}

#navigation li.current a, #navigation li a:hover, #navigation li a:active,
#home #nav-home a,
#about #nav-about a,
#services #nav-services a,
#portfolio #nav-portfolio a,
#info #nav-contact a,
#blog #nav-blog a
 {
	color: #fff;
	background: url(../images/bg-nav-underline.gif) bottom no-repeat;
	text-shadow: 1px 1px 1px #af282c		
}

#content-home ul li {
	list-style: none;
	padding: 0 0 0 0;
	line-height: 160%
}

 
h1, h2, h3, .strap { 
	font-weight: normal; 
	font-family: "Andika Basic", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; 
	font-size: 160%;
	text-shadow: 1px 1px 1px #b5b7ae;
	margin: 0 0 20px 0
}

h1 a, h2 a, h3 a, #wrap h2{
	color: #8e847d 
}

#content-services h2 {
	font-size: 130%
}

#content-portfolio h1, #content-services h1, #content-about h1 {
	margin: 0 0 30px 10px 
}

/* various styles */
a {
	color: #991b1e;
	text-decoration: none;
	outline: none;
}

a:hover, a:active{
	color: #333
}

img.networks {
	float: left;
	margin: 0 15px 0 0;
	border: none;
}

.none {
	display: none
}

.no-head {
	margin-top: 30px
}

img {
	border: none;
}

.no-border img {
	border: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}

#lightbox-container-image-data-box {
	padding: 10px 0;
	border-top: 2px solid #ccc
}

#lightbox-image-details-caption {
	margin: 10px 0;
	color: #333;
	font-weight: bold;
	display: block;
}

#lightbox-image-details-currentNumber {
	margin: 15px 0 0 0
}

#lightbox-secNav-btnClose {
	margin: 10px 0 0 0
}

.small {
	font-size: 85%;

}

.small2{
	font-size: 85%;
	padding: 12px 0 8px 0;
	width: 220px;
	line-height: 145%;
	color: #666
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_12{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

    .container_12 .grid_3 {
	width:220px;
}
    .container_12 .grid_4 {
	width:300px;
}
    .container_12 .grid_5 {
	width:380px;
}
    .container_12 .grid_6 {
	width:460px;
}
    .container_12 .grid_7 {
	width:540px;
}
    .container_12 .grid_8 {
	width:620px;
}
    .container_12 .grid_12 {
	width:940px;
}

/* Clear Floated Elements ----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}