/* clean */

* {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, FreeSans, Helvetica, sans-serif;
	font-size: 1em;
}

a {
	outline: none;
	color: #fff;
	font-weight: bold;
	background: transparent;
}

a:hover, #testimonials a:hover, #footer #footer_content p a:hover {
	color: #192B30;
	background-color: #fff;
	text-decoration: none;
}

form br {
	display: none;
}

p.withbr br {
	display: inline;
}

strong {
	color: #fff;
	font-weight: bold;
}

#submain a.stronga {
	color: #fff;
	font-weight: bold;
}
	#submain a.stronga:hover, #submain a:hover {
		color: #282E4D;
	}

ul,li {
	list-style-type: none;
}

/* body */

body {
	background: #26464d url("images/back.png") repeat-x center top;
	color: #e2e2e2;
}

#header {
	width: 990px;
	height: 188px;
	background: transparent url("images/header.png") no-repeat center top;
	margin: 0 auto;
}

	#header #logo {
		float: left;
		display: block;
		width: 340px;
		height: 65px;
		margin: 15px 0 0 32px;
		text-indent: -5000px;
		display: inline;
	}
	
		#header ul#menu {
			float: right;
			padding: 43px 19px 0 0;
			clear: both;
		}
	
			#header ul#menu li {
				float: left;
			}
			
				#header ul#menu li a {
					display: block;
					width: 138px;
					height: 65px;
					text-indent: -5000px;
				}
				
				#header ul#menu li a#menu_contact {
					width: 143px;	
				}
				
					#header a:hover {
						background: transparent;
					}
	
					a#menu_home:hover {
						background: transparent url("images/menu_home_hover.png") no-repeat center top;
					}
					
					a#menu_order:hover {
						background: transparent url("images/menu_order_hover.png") no-repeat center top;
					}
					
					a#menu_blog:hover {
						background: transparent url("images/menu_blog_hover.png") no-repeat center top;
					}
				
					a#menu_showcase:hover {
						background: transparent url("images/menu_showcase_hover.png") no-repeat center top;
					}
					
					a#menu_contact:hover {
						background: transparent url("images/menu_contact_hover.png") no-repeat center top;
					}
	
#content {
	width: 934px;
	margin: 0 auto;
	padding: 0 30px 10px 30px;
	font-size: .8em;
	overflow: auto;
	clear: both;
}

	#main {
		float: left;
		width: 520px;
		padding-right: 30px;
	}
	
		#main p {
			margin: 0 0 15px 2px;
		}
		
		#main ul {
			margin: 5px 0 15px 15px;
		}
	
		#main ul li {
			background: transparent url("images/bullet.gif") no-repeat top left;
			padding: 0 0 0 25px;
			margin-bottom: 2px;
			line-height: 1.4em;
		}
		
		#submain ul {
			margin: 5px 0 15px 15px;
		}
	
		#submain ul li {
			background: transparent url("images/bullet.gif") no-repeat top left;
			padding: 0 0 0 25px;
			margin-bottom: 2px;
			line-height: 1.4em;
		}
		
		#submain a {
			color: #d2c0ff;
			text-decoration: none;
			font-weight: normal;
		}
	
		#main h2, #order_here h2, #examples h2 {
			height: 27px;
			margin: 30px 0 10px 0;
			text-indent: -5000px;
		}
		
		h2#xhtmlmagic {
			height: 39px;
			background: transparent url("images/xhtmlmagic_h2.png") no-repeat left top;
			margin-top: 18px;
		}
		
		h2#you_send {
			background: transparent url("images/you_send_h2.png") no-repeat left top;
		}
		
		h2#you_get {
			background: transparent url("images/what_can_you_get_h2.png") no-repeat left top;
		}
		
	#submain {
		float: right;
		width: 364px;
	}
	
		#submain p {
			color: #beffcc;
			margin: 5px 10px 10px 10px;
		}
		
		#submain h3 {
			width: 306px;
			height: 29px;
			margin: 15px 0 10px 0;
			padding-left: 10px;
			text-indent: -5000px;
		}
		
		#submain #four_hours h3, #submain #how h3 {
			margin-top: 35px;
		}
		
		#submain #customer_service h3 {
			margin-top: 65px;
		}
				
		#submain #all_posts h3 {
			margin-top: 85px;
		}
	
		#submain #four_hours {
			background: transparent url("images/four_little.png") no-repeat top left;
		}
		
		#submain #money_back {
			background: transparent url("images/dollar_little.png") no-repeat top left;
		}
		
		#submain #nda {
			background: transparent url("images/nda_little.png") no-repeat top left;
		}
		
		#submain #four_hours h3 {
			background: transparent url("images/four_title.png") no-repeat top left;
		}
		
		#submain #money_back h3 {
			background: transparent url("images/dollar_title.png") no-repeat top left;
		}
		
		#submain #nda h3 {
			background: transparent url("images/nda_title.png") no-repeat top left;
		}
	
		#submain #four_hours, #money_back, #nda, #customer_service, #media, #how, #submain_prices, #preferred, #payment, #read_our_blog, #all_posts, #subscribe {
			padding: 0 0 5px 65px;
		}
		
		#submain #read_our_blog h3 {
			background: transparent url("images/read_our_blog_title.png") no-repeat top left;
		}
		
		#submain .blogcolumn {
			padding: 0 0 5px 65px;
		}
		
		#submain .puzzle1 {
			background: transparent url("images/puzzle1.png") no-repeat top left;
		}
		
		#submain .puzzle2 {
			background: transparent url("images/puzzle2.png") no-repeat top left;
		}
		
		#submain .puzzle3 {
			background: transparent url("images/puzzle3.png") no-repeat top left;
		}
		
		#submain .puzzle4 {
			background: transparent url("images/puzzle4.png") no-repeat top left;
		}
		
		#submain #order {
			width: 240px;
			margin: 5px 0;
			padding: 10px 0 5px 65px;
		}
		
			#submain #order a {
				display: block;
				width: 230px;
				height: 68px;
				background: transparent url("images/order_button.png") no-repeat top left;
				text-indent: -5000px;
			}

			#submain #order p {
				margin-top: 15px;
				font-size: 1.1em;
				line-height: 1.4em;
				color: #fff;
			}
			
			#submain #order p strong {
				font-size: 1.6em;
			}
		
		#submain .bookmark_us {
			margin: 15px 0 0 70px;
		}
			
		#submain #info {
			width: 297px;
			background: #1b3136 url("images/info_background.png") no-repeat top left;
			margin: 35px 0 10px 65px;
			padding-top: 10px;
			font-size: .9em;
			line-height: 1.6em;
			font-weight: bold;
			clear: both;
		}
		
			#submain #info ul, #submain #info p {
				margin: 10px;
			}
		
			#submain #info ul li#icq {
				background: #1b3136 url("images/icq.png") no-repeat center left;
				padding: 0 0 2px 28px;
				color: #d2c0ff;
			}
			
			#submain #info ul li#gtalk {
				background: #1b3136 url("images/gtalk.png") no-repeat center left;
				padding: 0 0 2px 28px;
				color: #d2c0ff;
			}
			
			#submain #info p {
				width: 239px;
				background: #1b3136 url("images/info_background_bottom.png") no-repeat bottom left;
				margin: 0;
				padding: 10px 20px 20px 38px;
				line-height: 1.4em;
				font-weight: normal;
				color: #d2c0ff;
			}
			
			#submain #info p strong {
				color: #7ac67c;
			}

	
	/* order page */
	
	#order_here h2 {
		background: transparent url("images/order_here_h2.png") no-repeat left top;
	}
	
	#submain #how {
		background: transparent url("images/how.png") no-repeat top left;
	}
		
	#submain #submain_prices {
		background: transparent url("images/dollar_little.png") no-repeat top left;
	}
	
	#submain #preferred {
		background: transparent url("images/preferred.png") no-repeat top left;
	}
	
	#submain #payment {
		background: transparent url("images/payment.png") no-repeat top left;
	}
	
	#submain #how h3 {
		background: transparent url("images/how_title.png") no-repeat top left;
	}
		
	#submain #submain_prices h3 {
		background: transparent url("images/prices_title.png") no-repeat top left;
	}
	
	#submain #preferred h3 {
		background: transparent url("images/preferred_title.png") no-repeat top left;
	}
	
	#submain #payment h3 {
		background: transparent url("images/payment_title.png") no-repeat top left;
	}
	
	#link_2checkout {
		float: right;
		width: 97px;
		height: 149px;
		padding: 0;
		margin: 7px 0 20px 20px;
		background: transparent url("images/2coccs.jpg") no-repeat left top;
		text-indent: -5000px;
	}
	
	/* order form on order page */
	
	#message {
		float: left;
		width: 360px;
		margin: 0 0 280px 0;
		padding: 10px 20px;
		border: 1px solid #419142;
		color: #000;	
	}
	
	#error_message {
		float: left;
		width: 360px;
		margin: 0px 0px 20px 1px;
		padding: 20px;
		border: 1px solid #419142;
		color: #000;	
	}
			
	#error_message strong {
		font-size: 1.6em;
		font-weight: bold;
		color: #f00;
	}
	
	#message p, #error_message p {
		margin: 10px 0;
	}
	
	#error_message ul.text li {
		background: transparent url("images/bullet1.gif") no-repeat 2px 2px;
	}
	
	#main .form {
		float: left;
		width: 418px;
		background: #c2c5ff url("images/form_box_top.gif") no-repeat center top;
		overflow: auto;
		margin: 35px 0 0 40px;
		padding: 0;
		display:inline;
	}
	
	.form form {
		width: 368px;
		background: transparent url("images/form_box_bottom.gif") no-repeat left bottom;
		overflow: auto;
		padding: 15px 25px 35px 25px;
		color: #26464d;
	}
	
	.form form h2 {
		display: none;
	}
	
	.form form p {
		margin: 0;
		padding: 0;
		font-size: 1.1em;
	}
	
	.form form a {
		float: none;
		display: inline;
	}
	
	.form form a:hover {
		float: none;
		display: inline;
	}
	
	label {
		display: block;
		padding: 5px 0px 3px 0px;
	}
	
	.input {
		width: 200px;
		background: #fff;
		border: 1px solid #26464d;
		margin: 0px 0px 5px 0px;
		padding: 5px 3px;
		font-size: 1.1em;
		color: #26464d;
	}
	
	.input_file {
		width: 200px;
		background: #fff;
		border: 1px solid #26464d;
		margin: 0px 0px 10px 0px;
		padding: 5px 3px;
		font-size: 1.1em;
		color: #26464d;
	}
	
	.select {
		width: 350px;
		background: #fff;
		border: 1px solid #26464d;
		margin: 0px 0px 10px 0px;
		padding: 5px 3px;
		font-size: 1.1em;
		color: #26464d;
	}
	
	.select optgroup {
		padding: 0 5px 0 5px;
		font-weight: bold;
		font-style: normal;
		background-color: #fff;
		color: #000;
	}
	
	.select option {
		padding: 0 5px 0 5px;
		font-style: normal;
		background-color: #fff;
		color: #000;
	}
	
	.select optgroup option {
		padding: 0 5px 0 10px;
	}
	
	.select_pages {
		width: 160px;
		background: #fff;
		border: 1px solid #26464d;
		margin: 0px 0px 10px 0px;
		padding: 5px 3px;
		font-size: 1.1em;
		color: #26464d;
	}
	
	.form form textarea {
		width: 340px;
		background: #fff;
		border: 1px solid #26464d;
		margin: 0px;
		padding: 5px 3px;
		font-size: 1.1em;
		color: #26464d;
	}
	
	#send {
		display: block;
		width: 125px;
		height: 67px;
		background: transparent url("images/send.png") no-repeat left top; 
		border: 0;
		margin: 50px 0 10px 0;
		padding: 0;
		text-indent: -5000px;
		cursor: pointer;
	}
	
	#send:hover {
		background: transparent url("images/send1.png") no-repeat left top; 
	}
	
	#calculated_price {
		float: right;
		width: 200px;
		margin: 15px 10px 0 0;
		padding: 5px;
		font-size: 1.4em;
		font-weight: bold;
		text-align: center;
	}
	
	#calculated_price strong {
		display: block;
		margin: 10px 0 0 0;
		color: #2d7586;
		font-size: 2.4em;
		font-weight: bold;
	}
	
	#how_many_pages {
		width: 100%;
		margin: 10px 0 0 0;
		overflow: auto;
	}
	
	#main_pages {
		float: left;
		width: 160px;
	}
	
	#subpages {
		float: right;
		width: 173px;
	}
	
	/* ordering */
	
	#main .message, #main .error_message {
		display: inline;
		float: left;
		width: 418px;
		background: #c2c5ff url("images/form_box_top.gif") no-repeat center top;
		margin: 35px 0 0 40px;
		padding: 0;
		overflow: auto;	
	}
	
	#main .for_blog {
		margin: 0 0 35px 10px;
	}
	
	.ordered_message, .not_ordered_message, .contacted_message, .not_contacted_message {
		width: 368px;
		background: transparent url("images/form_box_bottom.gif") no-repeat left bottom;
		padding: 15px 25px 25px 25px;
		overflow: auto;
		color: #26464d;
	}
	
	#content #main .contacted {
		margin-top: 65px;
	}
	
	.error_message strong {
		font-size: 1.6em;
		font-weight: bold;
		color: #900222;
	}
	
	#main .message p, #main .error_message p {
		margin: 20px 0px 10px 0px;
	}
	
	#main .error_message .not_ordered_message ul.text li, #main .error_message .not_contacted_message ul.text li {
		background: transparent url("images/bullet2.gif") no-repeat 2px 2px;
	}
	
	/* about us */

	#company h2 {
		background: transparent url("images/about_us_h2.png") no-repeat left top;
	}
	
	h2#approach {
		background: transparent url("images/approach_h2.png") no-repeat left top;
	}
	
	#more_questions h2 {
		background: transparent url("images/contact_us_h2.png") no-repeat left top;
	}
	
	#contact_info {
		height:27px;
		margin-top: 35px;
		background: transparent url("images/contact_h2.png") no-repeat left top;
		text-indent: -5000px;
	}
	
	#submain #customer_service {
		background: transparent url("images/support.png") no-repeat top left;
	}
	
	#submain #media {
		background: transparent url("images/ads.png") no-repeat top left;
	}
	
	#customer_service h3 {
		background: transparent url("images/customer_title.png") no-repeat left top;
	}
	
	#media h3 {
		background: transparent url("images/media_title.png") no-repeat left top;
	}
	
	#media span, #customer_service span {
		font-weight: bold;
		color: #fff;
	}

	/* examples */

	#examples h2 {
		background: transparent url("images/client_showcase_h2.png") no-repeat left top;
	}

	#examples_subtitle {
		margin: 20px 0;
		padding: 0 0 20px 0;
		border-bottom: 1px dashed #435053;
	}
	
	.example {
		position: relative;
		width: 711px;
		background: transparent url("images/shelf.png") no-repeat center bottom;
		overflow: auto;
		margin: 40px auto;
		clear: both;
	}
		.example p {
			position: absolute;
			bottom: 80px;
			float: left;
			width: 250px;
			padding-left: 80px;
			font-style: italic;
			font-family: "Times New Roman", serif;
			font-size: 1.2em;
		}
		
		.example p a, .example p strong {
			font-style: italic;
			font-family: "Times New Roman", serif;
		}
		
		.example img {
			float: right;
			width: 300px;
			margin: 0 58px 35px 0;
		}
		
		.example a img {
			border: 0;
		}

/* privacy policy */

	#privacy_policy h2 {
		background: transparent url("images/privacy_h2.png") no-repeat left top;
	}
	
	#non_disclosure_agreement h2 {
		background: transparent url("images/nda_h2.png") no-repeat left top;
	}
	
	#money_back_policy h2 {
		background: transparent url("images/money_back_h2.png") no-repeat left top;
	}

/* browsers and valids */
	
	#browsers_valids {
		width: 580px;
		height: 148px;
		background: #26464d url("images/satisfaction.png") no-repeat top left;
		margin-top: 20px;
		padding-right: 348px;
		clear: both;
	}
	
	#browsers_valids p {
		padding: 30px 0 0 5px;
		font-weight: bold;
		color: #7ac67c;
	}
	
	#browsers_valids ul {
		margin: 10px 0 0 0;
		padding: 0;
	}
	
	#browsers {
		float: left;
		margin: 0 auto;
		overflow: auto;
		width: 260px;
	}
	
		#main ul#browsers li {
			display: inline;
			background-image: none;
	 		margin: 0;
			padding: 0;
		}
		
		#browsers a {
			display: block;
			width: 38px;
			height: 38px;
			padding: 0 7px;
			text-indent: -5000px;
		}
	
	#valids {
		float: right;
		margin: 0 auto;
		overflow: auto;
		width: 210px;
	}
	
	#main ul#valids li {
		display: inline;
		background: transparent;
 		margin: 0;
		padding: 0;
	}
	
	#valids a {
		display: block;
		width: 91px;
		height: 35px;
		margin: 0;
		padding: 0 14px 0 0;
		text-indent: -5000px;
	}
	
	#link_firefox, #link_ie7, #link_ie6, #link_safari, #link_opera, #link_xhtml, #link_css {
		display: inline;
		float: left;
	}
		
	#link_firefox a {
		background: transparent url("images/firefox.gif") no-repeat left top;
	}
	
	#link_ie7 a {
		background: transparent url("images/ie7.gif") no-repeat left top;
	}
	
	#link_ie6 a {
		background: transparent url("images/ie6.gif") no-repeat left top;
	}
	
	#link_safari a {
		background: transparent url("images/safari.gif") no-repeat left top;
	}
	
	#link_opera a {
		background: transparent url("images/opera.gif") no-repeat left top;
	}
	
	#link_xhtml a {
		background: transparent url("images/valid_xhtml.gif") no-repeat left top;
	}
	
	#link_css a {
		background: transparent url("images/valid_css.gif") no-repeat left top;
	}	

/* testimonials */
		
	#testimonials {
		width: 878px;
		background: #282e4d url("images/testimonials_bottom.png") no-repeat left bottom;
		padding: 15px 35px 25px 15px;
		clear: both;
	}
	
	#testimonials ul li {
		background: #282e4d url("images/quotes.png") no-repeat left 2px;
		padding: 0 0 15px 50px;
	}
	
	#testimonials ul li span {
		font-weight: normal;
		font-style: italic;
		color: #7ac67c;
	}
	
	#testimonials ul li a {
		font-weight: normal;
		color: #7ac67c;
	}

/* footer */
	
#footer {
	min-width: 995px;
	background-color: #263a48;
	margin-top: 30px;
	clear: both;
}

	#footer #footer_content {
		width: 935px;
		margin: 0 auto;
		padding: 20px 30px 50px 30px;
		font-size: .7em;
		font-weight: bold;
		color: #7b9094;
	}
	
	#footer #footer_content a {
		color: #68aa70;
	}
	
	#legal_information {
		float: left;
		width: 310px;	
	}
	
	#company_information {
		float: left;
		width: 315px;
		text-align: center;
	}
	
	#validate_this_site {
		float: left;
		width: 310px;
		text-align: right;
	}

/* everything else */

.emphasise {
	line-height: 1.6em;
	color: #fff;
}
		
		
/* blog */

#main h2.blogtitle {
	height: 52px;
	background: transparent url("images/calendar.png") no-repeat top left;
	font-family: "lucida grande", tahoma, arial, helvetica, sans-serif;
	text-indent: 0;
	color: #9986DD;
	overflow: visible;
}
	#main h2.blogtitle a {
		float: left;
		margin: 10px 0 0 15px;
		color: #9986DD;
		text-decoration: none;
		font-size: 1.7em;
		font-weight: normal;
	}
	
	#main h2.blogtitle span {
		float: left;
		text-align: center;
		display: block;
		width: 46px;
		font-size: .8em;
		line-height: 1.1em;
		color: #c9caca;
		padding: 20px 0 0 0;
	}
	
	#submain #subscribe {
		background: transparent url("images/rss_icon.png") no-repeat top left;
	}
	
	#submain #subscribe h3 {
		background: transparent url("images/subscribe_title.png") no-repeat top left;
	}
		
	#submain #all_posts h3 {
		background: transparent url("images/all_posts_title.png") no-repeat top left;
	}
	
	.onepost {
		padding-bottom: 20px;
		border-bottom: 1px solid #223e45;
	}
	
	.onepost_alone {
		margin-bottom: 20px;
	}
	
	.comment_links {
		font-size: .85em;
	}
	
	.comment_links a {
		margin: 0 10px;
		font-weight: normal;
		color: #9986DD;
		text-decoration: none;
	}
	
	.comment_links a.viewcomments {
		margin-left: 0;
	}
	
	.comment_links a:hover {
		color: #282E4D;	
	}
	
	h3.comments, h3.add_comment {
		margin-top: 40px;
		margin-bottom: 20px;
		font-size: 1.3em;
		font-family: "lucida grande", tahoma, arial, helvetica, sans-serif;
		font-weight: normal;
		color: #9986DD;
	}
	
	h3.comments {
		height: 40px;
		background: transparent url("images/comments.png") no-repeat top left;
		padding: 10px 0 0 70px;
	}
	
	h3.add_comment {
		height: 45px;
		background: transparent url("images/add_comment.png") no-repeat top left;
		padding: 10px 0 0 70px;
		clear: both;
	}
	
	.onecomment, form#comment_form {
		width: 500px;
		background: transparent url("images/comment_top.png") no-repeat top left;
		margin-left: 10px;
		padding-top: 12px;
	}
	
	form#comment_form span {
		color: #999;
		font-size: .85em;
	}
	
	.commenttext {
		width: 476px;
		background: transparent url("images/comment_middle.png") repeat-y top left;
		padding: 0 12px 0 12px;
	}
	
	form#comment_form div {
		width: 440px;
		background: transparent url("images/comment_middle.png") repeat-y top left;
		padding: 5px 30px;
	}
	
	.commentauthor, form#comment_form #sender {
		width: 476px;
		background: transparent url("images/comment_bottom.png") no-repeat top left;
		padding: 36px 12px 20px 12px;
		color: #318b9f;
	}
	
	.commentauthor a {
		color: #37afca;
	}
	
	form #jabuka_div, form #cimet_div, form #limun_div, form #comment_div {
		display: none;
	}
	
	form #sender button#send {
		width: 87px;
		height: 44px;
		background: transparent url("images/comment_send.png") no-repeat top left;
		margin: 0 0 0 10px;
	}
	
	form #sender button:hover#send {
		background: transparent url("images/comment_send_hover.png") no-repeat top left;
	}
	
	form#comment_form input, form#comment_form textarea {
		width: 350px;
		background: #fff;
		border: 1px solid #26464d;
		margin: 0px 0px 5px 0px;
		padding: 5px 3px;
		font-size: 1.1em;
		color: #26464d;
	}
	
	#submain h3.real_title {
		width: 284px;
		height: 26px;
		background: transparent url("images/empty_title.png") no-repeat top left;
		padding: 3px 10px 0 12px;
		font-family: "lucida grande", tahoma, arial, helvetica, sans-serif;
		font-size: 1.4em;
		font-weight: normal;
		text-indent: 0;
		color: #629C6A;
	}
	
	.blog_left {
		float: left;
		margin: 5px 20px 5px 0;
	}
	
	.blog_right {
		float: right;
		margin: 5px 0 5px 20px;
	}
	
	.blog_wide {
		clear: both;
		margin: 5px auto;
	}