/* CSS Document */
* { margin:0px; padding:0px;
}

body {
	margin-bottom:0px;
	padding-bottom:0px;
	background-color:#F9F7DB;
	background-image:url(../../images/homepage/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-attachment:fixed;
	color:#333333;
}

body, input, select, textarea {
	font-family: georgia, arial, helvetica, sans-serif;
	font-size:small;
}


p { 

	}
strong, b {
	font-weight: bold;
	}
img {
	border: 0;
	margin: 0px;
	padding: 0px;
	}
form{
	margin: 0;
	padding: 0;
	}
hr {
	border: 0px;
	color: white;
	background-color: transparent;
	border-top: 1px solid #BFC820;	
	margin-left: -10px;
	margin-bottom: 13px;
	}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.hide {
	display: none;
	}
.highlight {
	color: #d9ecff;	
	}
	


/* Top Container*/

#topWrapper {
	background-color:#0d0d0d;
	text-align:center;
	position:fixed;
	width:100%;
	background-image:url(../../images/homepage/bg_topNav.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:43px;
	padding: 0;
	margin: 0;
}

#topLinks{
	width:980px;
	margin:0px auto;
	text-align:right;
	padding: 15px 10px 0 0;
	color: #ffffff;
	font-size: 16px;
	position: relative;
	z-index:1;
	}
	
#topLinks a{
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	}

#topLinks a:hover{
	color: #F9F7DB;
	font-size: 16px;
	text-decoration: underline;
	}
	

	
/*Main area*/

#mainWrapper {
	text-align:center;
	padding:42px 0px 0px 0px;
}

#mainContainer {
	width:980px;
	margin:0px auto;
	text-align:left;
	padding:0px 0px 0px 0px;
}

#content {
	width:980px;
	padding:0px 0px 0px 0px;
}

#column1 {
	float:left;
	width:278px;
	padding:0px 0px 0px 0px;
}

#column2 {
	width:702px;
	float:right;
	padding:25px 0px 0px 0px;
}

#first_para{
	background: url(../../images/homepage/woman.png) right bottom no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	height: 300px;
}

/* Text Styles*/


p {
	padding:0px 0px 25px 0px;
	line-height:18px
}

p span {
	font-weight:bold;
}


p.intro {
	font-family: georgia, arial, helvetica, sans-serif;
	font-size:18px;
	color:#333333;
	line-height:25px;
	width: 510px;
}

p.intro a{
	color:#ffffff;
	line-height:25px;
	background-color: #D60A0D;
	text-decoration: none;
}

p.intro a:hover{
	background-color: #000000;
	color:#ffffff;
	line-height:25px;
	text-decoration: none;
}

p.intro span {
	font-weight:normal;
}

p.intro span span {
	color:#DF0202;
	font-weight:bold;
}






/* Vert Navigation*/
#logo{
	width: 172px;
	height: 201px;
	float: left;
	background: url(../../images/homepage/logo_klodianaDesign.png) left  top no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#vertNav {
	width:117px;
	float: left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size: 22px;
	border-right: 2px solid #E10000;
	color: #333333;
	font-family: georgia, arial, helvetica, sans-serif;
}
ul#vertNav {
	width:117px;
	text-align: right;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	font-size: 22px;
}

ul#vertNav li {
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	list-style-type:none;
}

ul#vertNav li a {
	padding:7px 0px 7px 10px;
	margin:0px 0px 0px 0px;
	font-size:22px;
	color:#333333;
	display:block;
	text-decoration:none;
}

#vertNav li a:hover {
	color: #D60A0c;
	text-decoration:none;
}

/*titles*/
#tl_devider{
	margin: -50px 0 15px 0;
	padding: 0px 0 0 0;
	width: 706px;
	height: 72px;
	background: transparent url(../../images/homepage/tl_devider.png) no-repeat bottom right;
}
#tl_contact h1 {
	margin: 0;
	padding: 25px 0 0 0;
	width: 459px;
	height: 40px;
	color: #333333;
	display: block;
	background: transparent url(../../images/homepage/tl_contact.png) no-repeat bottom right;
	text-indent: -700em;
	text-decoration: none;
	overflow: hidden;
	}
	
#tl_about h1 {
	margin: 0;
	padding: 25px 0 0 0;
	width: 459px;
	height: 40px;
	color: #333333;
	display: block;
	background: transparent url(../../images/homepage/tl_about.png) no-repeat bottom right;
	text-indent: -700em;
	text-decoration: none;
	overflow: hidden;
	}


#tl_portfolio h1 {
	margin: 0;
	padding: 7px 0 0 0;
	width: 459px;
	height: 40px;
	color: #333333;
	display: block;
	background: transparent url(../../images/homepage/tl_portfolio.png) no-repeat bottom right;
	text-indent: -700em;
	text-decoration: none;
	overflow: hidden;
	}
	
#tl_recentWork h1 {
	margin: -60px 0 0 0;
	padding: 7px 0 0 0;
	width: 459px;
	height: 40px;
	color: #333333;
	display: block;
	background: transparent url(../../images/homepage/tl_recentWork.png) no-repeat bottom right;
	text-indent: -700em;
	text-decoration: none;
	overflow: hidden;
	}
#tl_blog h1 {
	margin: 0;
	padding: 1px 0 0 0;
	width: 459px;
	height: 40px;
	color: #333333;
	display: block;
	background: transparent url(../../images/homepage/tl_blog.png) no-repeat bottom right;
	text-indent: -700em;
	text-decoration: none;
	overflow: hidden;
	}
#tl_process h1 {
	margin: 0;
	padding: 1px 0 0 0;
	width: 459px;
	height: 40px;
	color: #333333;
	display: block;
	background: transparent url(../../images/homepage/tl_process.png) no-repeat bottom right;
	text-indent: -700em;
	text-decoration: none;
	overflow: hidden;
	}
#tl_sitemap h1 {
	margin: 0;
	padding: 1px 0 0 0;
	width: 459px;
	height: 40px;
	color: #333333;
	display: block;
	background: transparent url(../../images/homepage/tl_sitemap.png) no-repeat bottom right;
	text-indent: -700em;
	text-decoration: none;
	overflow: hidden;
	}
	
/*Recent Work*/
#recentWork_index{
	margin: 30px 0 30px 0;
	padding: 1px 0 0 0;
	width: 706px;
	height: 241px;
	color: #333333;
}
#recentWork_01{
	float: left;
	display: inline;
	margin: 0;
	padding: 0 24px 0 0;
	width: 219px;
	height: 241px;
	color: #333333;
	background:  url(../../images/homepage/recentWork_01.png) no-repeat top left;
}

#recentWork_02{
	float: left;
	display: inline;
	margin: 0;
	padding: 0 24px 0 0;
	width: 219px;
	height: 241px;
	color: #333333;
	background:  url(../../images/homepage/recentWork_02.png) no-repeat top left;
}

#recentWork_03{
	float: left;
	display: inline;
	margin: 0;
	padding: 0 0 0 0;
	width: 219px;
	height: 241px;
	color: #333333;
	background:  url(../../images/homepage/recentWork_03.png) no-repeat top left;
}
/*About page*/
#content_about{
	float: left;
	display: inline;
	width: 706px;
}

#content_about p{
	color: #333333;
	font-size: 18px;
	text-decoration: none;
	padding:0;
	font-weight: normal;
	line-height: 25px;
	}
	
#content_about a{
	color: #ffffff;
	font-size: 18px;
	text-decoration: none;
	padding:0;
	font-weight: normal;
	background-color: #D60A0e;
	}
#content_about a:hover{
	color: #ffffff;
	font-size: 18px;
	text-decoration: none;
	background-color: #000000;
	padding:0;
	font-weight: normal;
	}

#about_skills_technical h1{
	border-bottom: 1px dashed #000000;
	color: #333333;
	font-size: 22px;
	text-decoration: none;
	font-weight: normal;
	margin: 10px 0 15px 0;
	padding-bottom:10px;
}	
#about_skills p{
	color: #333333;
	font-size: 14px;
	text-decoration: none;
	line-height: 25px;
	font-weight: normal;
	margin: 2px 0 2px 0;
	padding: 0;
}
#about_skills_column1{
	float: left;
	width: 234px;
}
#about_skills_column2{
	float: left;
	width: 234px;
}
#about_skills_column3{
	float: left;
	width: 234px;
}
#about_skills h2{
	color: #333333;
	font-size: 18px;
	text-decoration: none;
	font-weight: normal;
	margin: 2px 0 2px 0;
	padding: 0;
}


/*Contact page*/
#contact_details{
	width: 350px;
	height: 150px;
	margin: 5px 0 15px 5px;
	color: #333333;
	font-size: 15px;
	text-decoration: none;
}
#email{
	width: 340px;
	float: left;
	color: #333333;
	font-size: 14px;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
#email a{
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	background-color: #D60A0D;
	padding: 0 2px 0 2px;
	margin: 0;
	}
#email a:hover{
	font-weight: normal;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	background-color: #000000;
		padding: 0 2px 0 2px;
	padding: 0;
	margin: 0;
	}

	
#email h1{
	float: left;
	display: inline;
	color: #333333;
	font-size: 25px;
	text-decoration: none;
	margin: -7px 28px 5px 0;
}
#phone{
	float: left;
	width: 340px;
}
#phone a{
	color: #333333;
	font-size: 14px;
	text-decoration: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
	}

#phone a:hover{
	color: #89C8DD;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
	background-color: transparent;
	padding: 0;
	margin: 0;
	}

#phone h1{
	float: left;
	display: inline;
	color: #333333;
	font-size: 25px;
	text-decoration: none;
	margin: -7px 15px 5px 0;
}
#address{
	width: 340px;
}

/*Proccess Page*/
#proccess{
	float: left;
	color: #333333;
	font-size: 14px;
}
#proccess a{
	color: #333333;
	font-size: 14px;
	text-decoration: underline;
	background-color: transparent;
	padding: 0;
	margin: 0;
	}

#proccess a:hover{
	color: #89C8DD;
	font-size: 14px;
	text-decoration: underline;
	font-weight: normal;
	background-color: transparent;
	padding: 0;
	margin: 0;
	}

#proccess h1{
	color: #333333;
	font-size: 20px;
	text-decoration: none;
}
#proccess h2{
	color: #333333;
	font-size: 18px;
	text-decoration: none;
}

#proccess p{
	color: #333333;
	font-size: 14px;
	text-decoration: none;
}

/* Footer*/
#footer_heart{
	width:98px;
	height: 112px;
	margin:0px 0px 0px 250px;
	text-align:left;
	padding:0px 0px 0px 0px;
	background:  url(../../images/homepage/footer_heart.png) no-repeat top left;
}

#footerWrapper {
	text-align:center;
	width:100%;
	background:  url(../../images/homepage/bg_footer.png) repeat-x top left;
}
#footer {
	width:980px;
	margin:0px auto;
	text-align:left;
	padding:25px 0px 0px 0px;
}

#footerColumn1 {
	width:325px;
	float:left;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#footerColumn1  h1{
	width:290px;
	height: 30px;
	font-size: 20px;
	background:  url(../../images/homepage/bg_footer_heading.png) repeat-x top left;
	padding:2px 0px 0px 5px;
	margin:5px 24px 10px 0px;
	color: #ffffff;
	font-weight: normal;
}
#footerColumn2 {
	width:325px;
	float:left;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 25px 0px;
}
#footerColumn2  h1{
	width:290px;
	height: 30px;
	font-size: 20px;
	background:  url(../../images/homepage/bg_footer_heading.png) repeat-x top left;
	padding:2px 0px 0px 5px;
	margin:5px 24px 10px 0px;
	color: #ffffff;
	font-weight: normal;
}

#footerColumn3 {
	width:325px;
	float:right;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 25px 0px;
}
#footerColumn3  h1{
	width:320px;
	height: 30px;
	font-size: 20px;
	background:  url(../../images/homepage/bg_footer_heading.png) repeat-x top left;
	padding:2px 0px 0px 5px;
	margin:5px 24px 10px 0px;
	color: #ffffff;
	font-weight: normal;
}


/*Footer List 1*/

ul#footerList1 {
	width:290px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

ul#footerList1 li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}

ul#footerList1 li a {
	padding:4px 0px 4px 10px;
	margin:0px 0px 0px 0px;
	font-family: georgia, arial, helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#C3C3C3;
	display:block;
	text-decoration:none;
}

ul#footerList1 li a:hover {
	color:#ffffff;
	background-color:#131818;
}

/*Footer List 2*/

ul#footerList2 {
	/*border:1px solid #ff0000;*/
	width:290px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

ul#footerList2 li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}


ul#footerList2 li a {
	padding:4px 0px 4px 10px;
	margin:0px 0px 0px 0px;
	font-family: georgia, arial, helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#C3C3C3;
	display:block;
	text-decoration:none;
}

ul#footerList2 li a:hover {
	color:#ffffff;
	background-color:#1C1A1D;
}

/*Footer List 3*/

ul#footerList3 {
	width:290px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

ul#footerList3 li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}

ul#footerList3 li.twitter {
	width:77px;
	height: 74px;
	font-size: 20px;
	background:  url(../../images/homepage/twitter.png) no-repeat top left;
}
ul#footerList3 li.designbump {
	width:77px;
	height: 74px;
	font-size: 20px;
	background:  url(../../images/homepage/designbump.png) no-repeat top left;
}
ul#footerList3 li.flickr {
	width:77px;
	height: 74px;
	font-size: 20px;
	background:  url(../../images/homepage/flickr.png) no-repeat top left;
}
ul#footerList3 li.linkedin {
	width:77px;
	height: 74px;
	font-size: 20px;
	background:  url(../../images/homepage/linkedin.png) no-repeat top left;
}
ul#footerList3 li.designfloat {
	width:77px;
	height: 74px;
	font-size: 20px;
	background:  url(../../images/homepage/designfloat.png) no-repeat top left;
}

ul#footerList3 li a {
	padding:30px 0px 4px 100px;
	margin:0px 0px 0px 0px;
	font-family: georgia, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#C3C3C3;
	display:block;
	text-decoration:none;
}

ul#footerList3 li a:hover {
	color:#ffffff;
}







/* Footer Bottom*/

#footerBottomWrapper {
	text-align:center;
	width:100%;
	background-color:#181818;
}

#footerBottom {
	width:980px;
	margin:0px auto;
	text-align:left;
	padding:25px 0px 0px 10px;
}

#footerBottom p {
	font-size:smaller;
	color:#464646;
	padding:0px 0px 25px 0px;
}

#footerBottom p span {
	font-weight:bold;
}

#footerBottomLeft {
	float:left;
	width:510px;
	padding:0px 0px 0px 0px;
}

#footerBottomRight {
	float:Right;
	text-align:right;
	width:350px;
	padding:0px 0px 0px 0px;
}

#footerBottom a {
	font-size:smaller;
	font-weight:bold;
	color:#F9F7DB;
	text-decoration:none;
	
}

#footerBottom a:hover {
	color:#C9C9C0;
}