/*
	CSS of TodorIliev.com
	Copyright (c) 2009 Todor Iliev
	-----------------------------------------------
	XHTML/CSS by Todor Iliev
	
	This website, its content, images and code is copyrighted to Todor Iliev (http://www.todoriliev.com).

	I have software and tools in place to track any copying of code or images.
	Save yourself time and money, don't steal my work.
*/


body {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, serif;
	font-size: 11px;
	color: #fff;
	background: url(../images/bg.jpg) #111 no-repeat center -40px;
	}
	

/* ----------- Begin Typography ---------- */	
h1, h2, h3 {
	font-family: Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif; 
	font-weight: normal;
	}

h1 {
	color: #fff;
	font-size: 220%;
	line-height: 25px;
	padding: 30px 0 0 20px;
	}
h1 span {
	font-family: Cambria, Georgia, Times, Times New Roman, serif ;
	display: block;
	color: #999;
	font-size: 55%;
	text-transform: uppercase;
	}
h2 {
	color: #fff;
	font-size: 170%;
	margin: 0 0 15px 0;
	}
.first h2 {
	color: #d99d7c;
	}
.second h2 {
	color: #a19c8d;
	}
.third h2 {
	color: #d9d9d9;
	}
h3 {
	color: #5ba253;
	font-size: 140%;
	margin: 0 0 2px 0;
	}
	
p {
	line-height: 17px;
	margin: 0 0 15px 0;
	}
strong {
	font-weight: bold;
	}	
em {
	font-style: italic;
	}

a:link, a:visited {
	color: #e96d1f;
	text-decoration: underline;
	}
a:hover	{
	color: #1d5dab;
	text-decoration: none;
	}

.tiny {
	font-size: 90%;
	color: #ccc;
	}
/* ----------- End Typography ---------- */	


/* ----------- Begin IE6 Message ----------- */	
.msg {
	color: #333;
	padding: 4px 0 6px 6px;
	margin: 0 0 20px 0;
	background: url(../images/error.png) #ffffe1 no-repeat 7px 5px;
	}
.msg a:link, .msg a:visited {
	color: #0066CC;
	text-decoration: underline;
	}
/* ----------- End IE6 Message ----------- */	


#wrapper {
	max-width: 860px;
	margin: 0 auto;
	padding: 0 20px;
	background: url(../images/semiGreyBg.png) repeat 0 0;
	}


/* ----------- Begin Portfolio / Slideshow ---------- */	
#portfolio {
	min-height: 20px;
	}
a.trigger {
	font-size: 90%;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 5px 10px;
	background: #fff;
	}	
.slideshow {
	position: relative;
	overflow: hidden;
	height: 250px;
	background: #222;
	border: 5px solid #fff;
	border-top: none;
	}
.trigger span {
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	border-left: 1px dotted #e96d1f;
	}
.slideshow h2 {
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	width: 100%;
	z-index: 10;
	margin: 22px 26px 0;
	padding-bottom: 3px;
	color: #eee;
	font-size: 11px;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 1px solid #ddd;
	}
.slideshow li {
	position: relative;
	width: 100%;
	height: 250px;
	display: block;
	}
.slideshow h3 {
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	position: absolute;
	padding: 15px 0 15px 25px;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 0;
	background: url(../images/semiBlackBg.png);
	}
.slideshow h3 a {
	color: #fff;
	font-size: 150%;
	text-decoration: none
	}
.slideshow h3 a.launch {
	font-size: 70% !important;
	text-transform: uppercase;
	width: 65px;
	display: block;
	margin: 10px 0 0 0;
	padding: 5px;
	border: 1px solid #ddd;
	background:  url(../images/link.png) no-repeat 60px 4px;
	}
.slideshow h3 a.launch:hover {
	background: url(../images/link.png) #111 no-repeat 60px 4px;
	}
.pager {
	position: absolute;
	top: 20px;
	right: 25px;
	z-index: 1000;
	}
.pager a {
	float: left;
	color: #fff;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	width: 14px;
	height: 14px;
	margin: 0 0 0 5px;
	padding: 1px 0 0 0;
	}
.pager .activeSlide {
	background:  url(../images/pagerBg.png) no-repeat;
	color: #111;
	}
/* ----------- End Portfolio / Slideshow ---------- */	


/* ----------- Begin Header ---------- */		
#header {
	padding: 30px 0 50px 0;
	}
#header img {
	float: right;
	margin: 0 30px 0 0;
	}
/* ----------- End Header ---------- */		



/* ----------- Begin Content ---------- */		
#content {
	}
	
.column {
	width: 250px;
	float: left;
	}
	
.column img {
	margin: 0 0 15px 0;
	}
	
.column .more {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	background: url(../images/moreBg.png) no-repeat bottom center;
	}
.column .more p {
	padding: 0;
	margin: 0;
	}

.first {
	margin: 0 50px 0 0;	
	}
.first .tiny {
	padding: 11px 0 4px 0 !important;
	}
	
.second {
	margin: 0 50px 10px 0;	
	}
	
ul#services {
	margin: 0 0 20px 10px;
	}
ul#services li {
	padding: 0 0 5px 25px;
	background: url(../images/tick.png) no-repeat 0 0;
	line-height: 17px;
	}
ul#services li em {
	display: block;
	color: #999;
	font-size: 90%;
	line-height: normal;
	}
	
ul#contact {
	margin: 0 0 20px 10px;
	}
ul#contact li {
	padding: 0 0 0 25px;
	line-height: 17px;
	}
ul#contact li.phone {
	background: url(../images/phone.png) no-repeat 0 center;
	}
ul#contact li.email {
	background: url(../images/email.png) no-repeat 0 center;
	}
ul#contact li.gtalk {
	background: url(../images/gtalk.png) no-repeat 0 center;
	}
ul#contact li.skype {
	background: url(../images/skype.png) no-repeat 0 center;
	display: none;
	}
/* ----------- End Content ---------- */		

	
/* ----------- Begin Footer ---------- */
#footer {
	clear: both;
	margin: 10px 0 0 0;
	padding: 10px 0;
	border-top: 1px solid #2d2e28;
	}
#footer p {
	line-height: normal;
	margin: 0;
	}
#footer p span {
	padding: 0 10px;
	margin: 0 10px;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	}
/* ----------- End Footer ---------- */


/* ----------- Begin Contact Form ---------- */
#contactForm {
	}
#contactForm label {
	display: block;
	font-size: 80%;
	text-transform: uppercase;
	margin: 8px 0 1px 0;
	}
#contactForm label#name_label {
	margin: 0 0 1px 0;
	}
#contactForm label.error {
	color: #ffffcc;
	display: block;
	text-transform: none;
	margin: 1px 0 0 0;
	}
#contactForm input {
	width: 235px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	border: 1px solid #2d2e28;
	}
#contactForm input.button {
	width: 120px;
	color: #fff;
	font-size: 100%;
	margin: 12px 0 0 0;
	background: #e96d1f;
	cursor: pointer;
	}
#contactForm input.button:hover {
	background: #ea7c36;
	}
#confMsg {
	text-align: center;
	margin: 37px 0;
	}
#confMsg p {
	margin: 0;
	padding: 0;
	line-height: normal;
	}
/* ----------- End Contact Form ---------- */