@charset "utf-8";
/*
Website: www.IsimDesigns.com
Design & CSS/HTML by: Ilina Simeonova
Designer URI: http://www.isimdesigns.com
Date Completed: October 25, 2009
*/


/*--------------------------------------------------
 GENERAL
-------------------------------------------------- */
html{background: url(img/bg.png) #000; }
body {background:url(img/bg_top_x1.png) repeat-x;
	margin:0; 
	padding:0;
	color:#988b5c;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:17px;
	}
html, body{overflow:auto; height:100% ; position:relative;}
html>body{overflow:visible;}
div {border:0;}

.page{ position:relative; background:url(img/bg_top.jpg) no-repeat center 8px;}

.wrap{ position:relative; width:918px; margin:0 auto;}

.container{position:relative; top:54px; width:918px; overflow:hidden; background:url(img/bg_vertical.png) repeat-y; margin-bottom:54px;}

.bgimage{ position: relative; width:918px; background:url(img/bg_main.jpg) no-repeat 0 0; overflow:hidden;}
.bgimage.plain{ background-position: -918px 0;}


.bottom{ height: 79px; margin:0 0 -5px; background:url(img/bg_bottom.png) no-repeat 5px bottom;}

#footer{ height:55px; background:url(img/bg.png); text-align:center; color:#7f603d; font-size:11px;}

#footer a:link,
#footer a:visited,
#footer a:active {color:#9a7955; padding: 0 3px;}
#footer a:hover{color:#e1ddc5; background-color:#000;}

.hide {display:none;}

/* SITEWIDE */

a:link, a:visited {	xcolor:#554219; color:#000; } 
a:hover { background:#7c3e0d; text-decoration:none; color:#fff;}
a:active {background:#000; color:#fff;}

ul, li {margin:0; padding:0; list-style:none;}

h1 {color:#000; font-size:19px; margin:0; padding:0; font: bold 12px Georgia, "Times New Roman", Times, serif;}

h2{ 
	color:#111; 
	margin:0; 
	padding:0;
	font-weight:bold;
	font-size:21px;	
	font-family: 'Nobile', sans-serif;
	}
h3{ font-size: 13px; margin:11px 0 0; padding:0;}
h4{ 
	color:#000; 
	font-size:12px;
	margin:0; 
	padding:0;	}
p{margin:0; padding: 0;}

.clear { clear:both;}

.sidebar{ position:relative; right:83px; float: right; width: 223px; background: #f2ecd1; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; }
.sidebar .btm{ height:20px; background:url(img/homebox_cor.gif) no-repeat -223px bottom; }
.sidebar p{ padding: 8px 10px 0 15px;}
.sidebar h2	{ 
	font-family: 'Nobile', sans-serif ; font-size:15px; padding: 30px 10px 10px 15px;}

.sidebar_holder{ position:relative; right:83px; float: right; width: 223px;  }
.sidebar_holder .sidebar{ position:relative; right:0; float: none; width: 223px; margin-bottom:20px; }

.separator{ background:url(img/ornament.png)  no-repeat center center; height:33px;}


/* HOME */ 

.featured{ height:484px; background:url(img/featured1.png) no-repeat 40px bottom; }

.featured_item{ position:relative; float:left; width:760px; top:264px;  padding:0 0 0 130px;}
.featured_item p {float:left; line-height:normal; }
.featured_item h4 {padding:40px 0 5px;   }
.featured_item h4 a{ text-decoration:none;}

.featured_site:link,
.featured_site:visited{  float:left; width:380px; height:213px;   background: url(img/featured_item1.jpg) no-repeat;}
.featured_site:hover{background-position:0 -213px;}

.featured_services{ background:url(img/separator.png) no-repeat;  float:left; padding:34px 0 0 40px; line-height:22px; display:none;}

.featured_services ul{margin-top:15px; border-top:1px solid #d0cab2;}
.featured_services li { 
	padding:3px 0; 
	border-bottom:1px solid #d0cab2;
	width: 200px;
	}

.fullview:link,
.fullview:visited {width:98px; height:31px; float:left; margin-top: 9px; margin-left: -3px; background:url(img/full_view.png) no-repeat;}
.fullview:hover {background-position: 0 -31px;}

.btn_seeportfolio:link,
.btn_seeportfolio:visited { float:left; width:131px; height:39px;  margin-top: 19px; margin-left: -3px; background:url(img/btn_see_portfolio.png) no-repeat;}
.btn_seeportfolio:hover { background-position:0 -39px;}
	  
.homeboxes{position:relative; top:10px; left:24px; margin:0; padding:10px 0 0;  overflow:hidden; width:890px;}
.homeboxes li{
	position:relative;
	left:48px;
	background: url(img/homebox.png) no-repeat 0 0;
	width: 279px;
	height:243px;
	float:left; 
	margin:20px 0 0;
	}
.homeboxes h2{margin:30px 22px 13px;}
.homeboxes p{ width:211px; xpadding: 0 5px 15px 22px; }
.title {
	width:122px;
	background:url(img/section_titles.gif) no-repeat 0 0;
	line-height:16px;
	text-indent: -300px;
	overflow:hidden;}
.title.resources{background-position: -150px 0; margin-bottom: 16px !important;}
.title.contact {background-position: -300px 0; margin-bottom: 18px !important; }
.title.services{background-position: -450px 0; }

.socialize { width:199px; margin:0 12px 0 21px; text-indent:3px; font-weight:bold; padding:13px 0 0; border-top:1px solid #e0dabe; }
.socialize img,
.socialize img:link,
.socialize img:visited,
.socialize img:active{position:relative; top:6px; padding:0 2px; border:none;}
.socialize img:hover {top:3px; background-color:#efecdc; }

#social {
	position:absolute; 
	top:190px; 
	left:49px;
	width:150px; 
	height:50px;}
.sidebar #social {
	position:relative;
	top:20px;
	left:40px;}
	
.social:link,
.social:visited,
.social:active,
.social:hover {
	width:36px; 
	height:33px;
	background-image:url(img/social.png);
	background-repeat:no-repeat;
	display:block;
	float:left;}

.flickr:link,
.flickr:visited{ background-position: 0 0;}
.flickr:hover{ background-position: 0 bottom;}
.flickr:active{ background-position: 0 -33px;}

.dribbble:link,
.dribbble:visited{ background-position: -38px 0;}
.dribbble:hover{ background-position: -38px bottom;}
.dribbble:active{ background-position: -38px -33px;}

.facebook:link,
.facebook:visited{ background-position: -76px 0;}
.facebook:hover{ background-position: -76px bottom;}
.facebook:active{ background-position: -76px -33px;}

.twitter:link,
.twitter:visited{ background-position: -115px 0;}
.twitter:hover{ background-position: -115px bottom;}
.twitter:active{ background-position: -115px -33px;}

.smallerfont {font-size:11px;}
.biggerfont {font-size:14px;}

.contact_type { margin:0 12px 0 21px; width:172px; padding: 6px 3px 6px 25px; display:block; background:url(img/contact_icons.png) no-repeat; border-top:1px solid #e0dabe;}
.em{ background-position: 1px 9px;}
.vm{ background-position: 1px -26px;}
.sm{ background-position: 3px -66px;  border-bottom:1px solid #e0dabe;}

#contact .sidebar .socialize,
#contact .sidebar .contact_type {margin:0 12px 0 12px; }

.rightlink{ float:right; padding:0 3px; margin-right:15px; margin-top:8px;}
.word_resource p{ padding: 1px 0 13px 24px; margin: 0 0 0 13px; background:url(img/icon_word.png) no-repeat;}

#resources .section li{ padding: 1px 0 11px 15px; margin: 0 0 0 13px; background:url(img/bullet.gif) no-repeat 3px 7px;}

.home_services p { padding:3px 0 12px 17px; margin: 0 0 0 17px; background:url(img/bullet.gif) no-repeat 3px 7px;}

.testimonial {line-height:16px; padding:0 19px 8px!important; font-style:italic; background:url(img/portfolio_bg.jpg) no-repeat 0 1000px; }

.testimonial span { display:block; padding-right:5px; font-weight:bold; color:#000; background:url(img/about_img.jpg) no-repeat 0 1000px; }




/* PORTFOLIO */

#portfolio .section {left:49px; width: 859px; background: url(img/lumi_large.png) no-repeat 0 37px;}

#portfolio .content {  position:relative; left:48px; top:112px; margin-bottom:85px;}

#portfolio h2 { display:block; margin-bottom:20px; padding:20px 10px 15px 20px; font-size:12px; text-align:center; clear:both; font-family: 'Nobile', sans-serif}

.portfolio_logo{ float:left; height:213px; width:279px; background: url(img/bg_logo.png) no-repeat right top;}

.portfolio_logo img { position:relative; top:45px; left:43px; margin: 0 auto;}

.portfolio_web { 
	position:relative; 
	width:393px; 
	float:left;
	left:22px;
	padding:1px 0 6px 1px; 
	margin:0 20px 25px 0px; }
	
.portfolio_web img { float:left; margin:0 9px 0 0; padding:6px; border:1px solid #fbf9ee; background:#e6dfc6;}
.portfolio_web img:link,
.portfolio_web img:visited,
.portfolio_web img:active{}
.portfolio_web img:hover{ background:#333; border:1px solid #000;}

.portfolio_web .type{ 
	padding:9px 9px 11px 3px; 
	font-weight:bold;  
	color:#000;
	font-size:14px;
	}
.portfolio_web .type a:link,
.portfolio_web .type a:visited{ 
	text-transform:none!important; 
	font-variant:normal!important;
	letter-spacing:0px!important;
	font-weight:normal;
	}
.portfolio_web .expand{ 
	font-size:11px; 
	padding: 5px 5px 0 0; 
	line-height:16px;}
.portfolio_web .media{ 
	padding:9px 0 0 11px; 
	font-size:11px;
	color:#000;	}

.portfolio_web a:link,
.portfolio_web a:visited {color:#999; font-size:11px; margin-left:5px;}
.portfolio_web a:hover {color:#FFF;}


.ornament_large{ background:url(img/ornament_large1.png) no-repeat center top; height: 90px; clear:both;}




/* SERVICES */

#services .section { width:600px; left:47px; background:url(img/lumi.png) no-repeat 0 20px;}
#services .content { position:relative; left:45px; top:110px; margin-bottom:110px;}
#services .section h2{margin:10px 0 23px 50px; }

#services ul.servicetype{ padding:8px 0 25px 40px; margin-bottom:20px; background:url(img/lumi_btm.png) no-repeat 0 bottom;}
#services ul.servicetype li{ padding: 10px 10px 10px 50px; background:url(img/icons.gif) no-repeat;}
#services ul.servicetype li.i1{ background-position:0 10px;}
#services ul.servicetype li.i2{ background-position:0 -78px; }
#services ul.servicetype li.i3{ background-position:0 -167px;}
#services ul.servicetype li.i4{ background-position:0 -264px;}
#services ul.servicetype li.i5{ background-position:0 -360px;}

#services .section ul li{margin:0 0 5px;}

#services ol { margin-left:14px;}
#services ol li{padding:5px;}
#services ol li strong{ color:#1a1e11;}

#services .copy{margin:0 20px 35px 51px;}
#services .copy strong{ color:#1a1e11; display:block; margin: 15px 0 3px;}

#services .sidebar {padding-bottom:90px;}
#services .sidebar img{ float:left; margin-right:6px; position:relative; top:2px;}




/* ABOUT */

#about .content { position:relative; top:100px; margin-bottom:80px;}

#about .section {margin:400px 0 0 48px;  width:565px; background:url(img/lumi11.png) no-repeat 0 33px; padding-left:20px;  }

#about .section p{margin-top:17px;}
#about .section h4 {margin-bottom:29px;}

#about .sidebar p{margin-top:5px;}
#about .sidebar {top:400px; margin:0 0 350px 0; right:50px;}

.about_img{ position:relative; top:-25px;   width:934px;  background:url(img/about_img.jpg) no-repeat 13px 80px;}

.about_summary { padding:19px 50px 0 70px;}
.about_summary1 { padding:0 50px 0 340px;}
.about_summary1 p{ padding:10px 0 0 0;}

ul.photography { overflow:hidden; margin:10px 0 0;}
ul.photography li{ float:left;}
ul.photography li img{ padding:5px; border:1px solid #dfdacb!important; margin-right:5px; background:#fff!important;}
ul.photography li img:hover{ border:1px solid #000!important;  background:#2c2c28!important;}
ul.photography li a:link,
ul.photography li a:visited,
ul.photography li a:active,
ul.photography li a:hover{  background-color: transparent;}

#about .sidebar strong {color:#1a1e11;}





/* RESOURCES */

#resources .section {  
xleft:47px; 
xpadding-left:40px; 
xwidth:540px;   
 width:600px; left:47px; background:url(img/lumi.png) no-repeat 0 20px;}

#resources .content { position:relative; left:45px; top:110px; margin-bottom:115px;}

#resources .section ul{margin:0 0 10px 20px;}

.download:link,
.download:visited,
.download:active { display:block; width:188px; height:70px; background:url(img/download.png) no-repeat;}
.download:hover {background-position: 0 bottom;}

#resources .section h2{margin:10px 0 35px 50px;}
#resources .section p{margin:0 0 0px 40px;}
#resources .section ul{margin:0 0 15px 55px;}

.wallpaper{ margin:-6px 0 0 -11px;}

.wallpaper_sizes p{padding: 7px 0 0 25px!important; background:url(img/bullet.gif) no-repeat 15px 13px; margin-left:5px;}

.wallpaper_sizes{ float:left;}
.wallpaper_sizes a:link,
.wallpaper_sizes a:visited {text-decoration:none; padding:0 2px; color:#ae7442;}
.wallpaper_sizes a:hover {color:#fff;} 




/* CONTACT */

#contact .section { width:580px; }
#contact .section h2{margin: 10px 0; text-indent:3px;}
#contact .section p{text-indent:3px;}

#contact .content {  position:relative; padding-left:75px; top:110px; margin-bottom:100px;}

#contact .sidebar{right:38px;}
#contact .sidebar h2{ margin-bottom:8px;}

#contactFormArea {padding:10px 0;  opacity:0.5; }

fieldset { border:0;margin:0;padding:0; }
label { display:block; margin-top:10px; }
input.text {
	position:relative;
	left:62px;
	top:8px;
	width:252px;
	padding:3px 0;
	color:#333;
	}
input.text, textarea{
	background:transparent!important;
	border:0px;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	color:#333;	
	}
.posname,.posemail,.posregard{
	width:323px; 
	height:38px;
	background:url(img/input_field.png) no-repeat;
	}
.posemail{ background-position: -323px 0;}
.posregard{ background-position: -646px 0;}
.postext{
	width:432px; 
	height:201px;
	background:url(img/input_textarea.png) no-repeat;}
textarea {
	position:relative;
	left:62px;
	width:362px; 
	height:184px;
	line-height:20px; 
	top:8px;}
		
#selfCC{margin-left:10px;}		
#sendContactEmail{margin-left:5px;}

#sendContactEmail{ width:137px; height:45px; background:url(img/btn_send.png) no-repeat; border:0px; cursor:pointer;}
#sendContactEmail:hover{ background-position:0 -45px;}


#loadBar {margin:15px 145px 0 0; padding:10px; border:5px solid #f3ecd0; background:#fff;}

#emailSuccess {margin-top:15px; font-size:16px; color:#690;}


/* NAVIGATION */

.navtabs { position: absolute; margin:0; padding:21px 0 46px 339px; clear:both; z-index:999; }
.navtabs li{ margin:0; padding:0; display: inline; }
.navtabs li a:link,
.navtabs li a:visited,
.navtabs li a:active{ 
	display:block; 
	float:left; 
	width:100px; 
	height:39px; 
	background-image: url(img/nav_tabs.png);
	background-repeat: no-repeat;
	}
.seltabs-home:link,
.seltabs-home:visited{ background-position: 0 -78px; cursor:default;}

.navtabs-home:link,
.navtabs-home:visited{background-position: 0 0;}
.navtabs-home:hover{background-position: 0 -39px;}

.seltabs-home:link,
.seltabs-home:visited{ background-position: 0 -78px; cursor:default;}


.navtabs-portfolio:link,
.navtabs-portfolio:visited{background-position: -100px 0;}
.navtabs-portfolio:hover{background-position: -100px -39px;}

.seltabs-portfolio:link,
.seltabs-portfolio:visited{ background-position: -100px -78px; cursor:default;}


.navtabs-services:link, 
.navtabs-services:visited{background-position: -200px 0;}
.navtabs-services:hover{background-position: -200px -39px;}

.seltabs-services:link,
.seltabs-services:visited{ background-position: -200px -78px; cursor:default;}


.navtabs-about:link,
.navtabs-about:visited{background-position: -300px 0;}
.navtabs-about:hover{background-position: -300px -39px;}

.seltabs-about:link,
.seltabs-about:visited{ background-position: -300px -78px; cursor:default;}


.navtabs-resources:link,
.navtabs-resources:visited{background-position: -400px 0;}
.navtabs-resources:hover{background-position: -400px -39px;}

.seltabs-resources:link,
.seltabs-resources:visited{ background-position: -400px -78px; cursor:default;}


.navtabs-contact:link,
.navtabs-contact:visited{background-position: -500px 0; width:44px!important;}
.navtabs-contact:hover{background-position: -500px -39px;}

.seltabs-contact:link,
.seltabs-contact:visited{ background-position: -500px -78px; cursor:default; width:44px!important;}






#slider-code { background:url(img/portfolio_bg.jpg) no-repeat; color:#8b8365; height: 419px; margin-left:20px; overflow:hidden; margin-bottom:30px; }

#slider-code .viewport { float: left; width: 810px; height: 419px; overflow: hidden; position: relative;  }

#slider-code .controls { position:absolute; right:15px; top:19px; z-index:999;  }
#slider-code .buttons { background: url(img/arrows.jpg) no-repeat; color:#fff; display:inline; float: right; height:28px; margin-right:10px; width:28px;  }
#slider-code .prev { background-position: 0 0; outline:none;}
#slider-code .prev:hover { background-position: 0 center;}
#slider-code .prev:active { background-position: 0 bottom;}
#slider-code .next { background-position: right 0; outline:none;  }
#slider-code .next:hover { background-position: right center;  }
#slider-code .next:active { background-position: right bottom;  }
#slider-code .disable { visibility: hidden; }

#slider-code .overview {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 1px;
	top: 0;
}
#slider-code .overview h4 { color:#fff; xcolor:#a8a489; xtext-transform:uppercase; font-size:13px; xletter-spacing:1px; margin-bottom:12px;}
#slider-code .overview li{ float: left; height: 419px; width: 810px;}
#slider-code .overview li img {position:relative; left:126px; top:62px; float:left;}

#slider-code .overview .project_info {position:relative; width: 210px; left:160px; top:76px; float:left;}
#slider-code .overview .project_info p {
	border: solid #393229; 
	border-width:1px 0; 
	color:#484233;
	font-size:11px;
	padding:6px 0; 
	margin-bottom:10px;
	font-weight:bold;}
.view { margin-top:15px;}
.view a{ font-size:11px; text-decoration:none; float: left; padding:4px 8px; }
.view a:link,
.view a:visited{
	background:#17120f;
	border:1px solid #000;
	color:#8b8365;
	border-radius: 4px;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight:bold;}
.view a:hover{background:#7c3e0d; color:#fff;}

.status { font-weight:normal; font-size:12px; color:#605a46; padding-left:6px;}
.count strong {font-size:15px; xcolor:#988c62; padding:0 2px; color:#a8a489; font-family:Verdana, Geneva, sans-serif; }
#slider-code h3 { padding:11px 30px; font-size:14px; color:#988c62; xcolor:#a8a489;  }

#slider-code .pager { list-style: none; float:right; margin-right:7px; color:#6c684f; }
#slider-code .pager li { float: left; }
#slider-code .pagenum {text-decoration: none; text-align: center; padding: 6px 0; width:27px; text-align:center; color: #605a46; font-size: 10px; font-weight: bold; display: block;  outline:none;}
#slider-code .pagenum:hover{ background:url(img/pager.png) no-repeat center -77px ; outline:none; color: #fff;}
#slider-code .pagenum:active{ background:url(img/pager.png) no-repeat center -154px; outline:none; color:#fff; }

#slider-code .active { color: #fff; background: url(img/pager.png) no-repeat center 2px; }