/*
	Theme Name: Vita Creations 2.0
	Theme URI: http://www.vitacreations.com
	Description: A theme created by <a href="http://www.vitacreations.com" target="_blank">Vita Creations</a>
	Version: 2.0	
	Author: Vita Creations
	Author URI: http://www.vitacreations.com
*/

table { border: 1px dashed #00719C; }
body,html {
	background: #1e160e;
	margin:0px;
	padding:0px;
	width: 100%;
	height: 100%;
	font-family:helvetica,arial,verdana,sans-serif;
}

img { border: 0px; }

p {
	font: 10pt Tahoma,Arial,Helvetica,sans-serif;
	text-align:justify;
	padding:2px 0 2px 0;
	margin:0px;
	line-height: 14pt;
}	

a { outline: none; }
:focus { outline : none; }
/*----------------------  WRAPPER ------------------------*/

#wrapper {
}

/*---------------------HEADER-----------------------*/
#header {
	background: #1e160e url(images/header-bg.jpg) repeat-x;
	width: 100%;
	height: 310px;
}

#head{
	background: #1e160e url(images/header.jpg) no-repeat;
	width: 1268px;
	height: 310px;
	margin: 0 auto;
	position: relative;
}
#head-top { 
	width: 1000px;
	height: 250px;
	margin: 0;
	position: relative;
}
#logo {
	height:360px;
	width:440px;
	margin:-50px 0 0 80px;	
	float: left;
	background: url(images/Logo.png) no-repeat;
}

/*---------------------SEARCH-----------------------*/
#search {
	width: 330px;
	height: 35px;
	float: right;
	margin-right: -35px;
	padding-top: 5px;
}

#searchtitle {
	float: left;
	background: #1e160e url(images/searchsite.gif) no-repeat;
	text-indent: -9999px;
	width: 92px;
	height: 23px;
	margin-top: 3px;
}

#searchbox {
	background-color:#F5F5F5;
	border:2px solid #7B1315;
	float:left;
	height:22px;
	margin:0 5px;
	position:relative;
	top:3px;
	width:180px;
}

#searchbox input {  
	width: 160px;
	border: none;
	font: bold 12px Tahoma,Arial,Helvetica,sans-serif;
	text-align: left;
	background: transparent;
	color: #1d150d;
	padding: 0 5px;
}

#searchsubmit input {
    float: left;
	background: #1e160e url(images/gobtn.gif) no-repeat;
	border: none;
	width: 32px;
	height: 27px;
	margin-top: 3px;
}

/*----------------------Menu-------------------------*/

#menu {				
	/* this value is different in Firefox & IE7 */	
	width: 900px;
	height: 50px;	
	margin: 0 auto;
}

#menu ul {
	float: right;	
	line-height:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;	
	position: relative;
	top: 35px;
	right: 20px;
}

#menu ul li{
	float: left; /* This is important for the menu in IE7 to work */
} 

#menu ul li a {
	display:block;
	float: none; /* This is important for the menu in IE7 to work */	
	height:35px;
	text-decoration:none;
	text-indent:-900em;
	margin: 0px 2px 0px 0px;
}
#menu .menu_home a {
	background:transparent url(images/menuhome.gif) no-repeat scroll left bottom;
	width:77px;	
}
#menu .menu_home a:hover, #menu .menu_home .current{
	background:transparent url(images/menuhome.gif) no-repeat scroll left top;
}

#menu ul .menu_about a {
	background:transparent url(images/menuabout.gif) no-repeat scroll left bottom;
	width:77px;
}
#menu ul .menu_about a:hover, #menu ul .menu_about .current {
	background:transparent url(images/menuabout.gif) no-repeat scroll left top;
}
#menu .menu_services a {
	background:transparent url(images/menuservices.gif) no-repeat scroll left bottom;
	width: 100px;
}
#menu .menu_services a:hover , #menu .menu_services .current{
	background:transparent url(images/menuservices.gif) no-repeat scroll left top;
}

#menu .menu_portfolio a {
	background:transparent url(images/menuportfolio.gif) no-repeat scroll left bottom;
	width: 100px;
}
#menu .menu_portfolio a:hover , #menu .menu_portfolio .current{
	background:transparent url(images/menuportfolio.gif) no-repeat scroll left top;
}

#menu .menu_resources a {
	background:transparent url(images/resourcemenu.gif) no-repeat scroll left bottom;
	width:116px;
}
#menu .menu_resources a:hover, #menu .menu_resources .current {
	background:transparent url(images/resourcemenu.gif) no-repeat scroll left top;
}

#menu .menu_blog a {
	background:transparent url(images/blogmenu.gif) no-repeat scroll left bottom;
	width:61px;
}
#menu .menu_blog a:hover, #menu .menu_blog .current {
	background:transparent url(images/blogmenu.gif) no-repeat scroll left top;
}

#menu .menu_contact a {
	background:transparent url(images/menucontact.gif) no-repeat scroll left bottom;
	width:90px;
}
#menu .menu_contact a:hover, #menu .menu_contact .current {
	background:transparent url(images/menucontact.gif) no-repeat scroll left top;
}


/*----------------------Container-------------------------*/

#container {
	position: relative;
	width: 900px;
	margin: 0 auto;
	margin-top:10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	background-color: #f5f5f5;
	behavior: url(PIE.htc);
	border: none;
}


/*--------------------------Footer---------------------------*/

#footer {	
	width: 900px;
	height: 67px;
	margin: 0px auto;
	font: 10pt Tahoma,Arial,Helvetica,sans-serif;
	clear:both;
	color:#f5f5f5;
	padding-top:10px;
	text-align:center;
}

#footer span{
	float: right;
	background: url(images/footer.png) no-repeat right top;
	width: 157px;
	height: 120px;
	margin-top: -40px;
	position: relative;
	z-index: 999;  /*z-index greater means bringing the image on top, but we need to set the position value as well (in this case it is relative) */
}

#footer .footer-content {
	display:block;
	text-align:center;	
	padding-left: 40px;
}

#footer p{
	font: 10pt Tahoma,Arial,Helvetica,sans-serif;
	text-align: center;
	margin: -10px 0 10px 40px;
}

#footer p a{
	border-bottom: 1px dashed #f5f5f5;
	color: #f5f5f5;
}

#footer a , #footer a :visited{
	color: #f5f5f5;
	text-decoration: none;
}

#footer a:hover {
	color: #ce7119;
	border-bottom: 1px dashed #0e0c0a;
}

#footer ul li {
	display:inline;
	padding:0 1px;
}


/*-----------------------------HOMEPAGE----------------------------------*/

#welcome-head {
	text-indent: -999em;
	background: url(images/welcomenote.gif) no-repeat center;
	width: 390px;
	height: 42px;
	padding:20px 0 0 30px;
	margin: 0 2px;
}

#welcome-image {
	float: left;
	width: 225px;
	height: 151px;
	background: #e3eaa6 url(images/group.jpg) no-repeat center;
	padding: 0px 0 0 30px;
	margin: -10px 0 0 2px;
}

#welcome-note{
	font: bold 10.5pt Tahoma,Arial,Helvetica,sans-serif;
	line-height: 17pt;
	text-align: justify;
	padding: 20px 20px 0 0;
	color: #1f160e;
}

#welcome-note .findout{
	position: relative;
	top: -20px;
	left: 55px;
}

#welcome-note .readmore {
	width: 150px;
	background: url(images/star1.gif) no-repeat ;
	height: 30px;
	margin-left: 20px;	
}

#welcome-note .welcomemore{
	
}

#welcome-note .readmore a, #welcome-note .readmore a:visited {
	color: #d76729;
	text-decoration: none;
}

#welcome-note .readmore a:hover {
	color: #1e160e;
}

.line-break {
	background: url(images/linebreak.gif) repeat-x ;
	width: 850px;
	height: 6px;
	margin: 0 auto 20px;
}


.each-box {
	display: block;
	float: left;
	background-color: #c7c7c7;	
	position: relative;
	width: 274px;
	margin:0 0 30px 20px;
	padding:0 0 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	behavior: url(PIE.htc);
	min-height: 220px;
}

.each-box .top h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20pt;
	font-weight: bold;
	font-smooth: always;
	border-bottom: 1px solid #1e160e;
	margin: 0px 20px 5px 55px;
	line-height:30pt;
}

#box-services .top span{
	background: url(images/service-icon.png) no-repeat top right;
	width: 59px;
	height: 57px;
	position: absolute;
	top: -10px;
	left: -7px;
}

#box-portfolio .top span{
	background: url(images/portfolio-icon.png) no-repeat top right;
	width: 59px;
	height: 57px;
	position: absolute;
	top: -10px;
	left: -7px;
}

#box-blog .top span{
	background: url(images/blog-icon.png) no-repeat top right;
	width: 59px;
	height: 57px;
	position: absolute;
	top: -10px;
	left: -7px;
}

#home-content .text {
	margin-left:15px;
	width:230px;
	padding: 5px 10px;
	text-align: justify;
	font: 10pt Tahoma,Arial,Helvetica,sans-serif;
	line-height: 15pt;
}

#home-content .readmore {
	float:right;
	width: 120px;
	height: 24px;
	background: url(images/right-arrow.png) no-repeat ;
	padding: 0px 0 0 23px;
	line-height: 30px;
	margin: 5px 5px 0 0;
}

#home-content .readmore a, #home-content .readmore a:visited {
	color: #882e27;
	text-decoration: none;
	font-weight: bold;
	font-size: 10pt;
	margin-left: 5px;
}

#home-content .readmore a:hover {
	color: #1e160e;
}

/*--------------------------BLOGPAGE-------------------------*/
#sidebar{
	float:left;
	width: 228px;	
	min-height: 200px;	
}

#categories, #popular-post , #recent-comment , #archives  {
	margin: 0 0 10px 5px;
}

#categories .top {
	background: url(images/cat-top.gif) no-repeat ;
	width: 228px;
	height: 50px;
}


#categories ul , #popular-post ul, #recent-comment ul, #archives ul{ margin:0; padding: 0 0 10px 0; }

#categories ul li{
	list-style: none;
	margin:0;
	list-style-image: url(images/cat-icon.gif);
	margin-left: 55px;
	padding-top: 5px;
}

#popular-post ul li{
	list-style: none;
	margin:0;
	list-style-image: url(images/pop-icon.gif);
	margin-left: 55px;
	padding-top: 5px;
}

#recent-comment ul li{
	list-style: none;
	margin:0;
	list-style-image: url(images/com-icon.gif);
	margin-left: 55px;
	padding-top: 5px;
}

#archives ul li{
	list-style: none;
	margin:0;
	list-style-image: url(images/cat-icon.gif);
	margin-left: 55px;
	padding-top: 5px;
}

#categories ul li a, #categories ul li a:visited,
#popular-post ul li a, #popular-post ul li a:visited,
#recent-comment ul li a, #recent-comment ul li a:visited,
#archives ul li a, #archives ul li a:visited{
	text-decoration: none;
	font: bold 10pt Tahoma,Arial,Helvetica,sans-serif;
	color: #1e160e;
}

#categories ul li a:hover,
#popular-post ul li a:hover,
#recent-comment ul li a:hover,
#archives ul li a:hover{
	color: #c14217;
}


#popular-post .top {
	background: url(images/pop-top.gif) no-repeat ;
	width: 228px;
	height: 50px;
}

#recent-comment .top {
	background: url(images/com-top.gif) no-repeat ;
	width: 228px;
	height: 50px;
}

#archives .top {
	background: url(images/arc-top.gif) no-repeat ;
	width: 228px;
	height: 50px;
}

#categories  .mid, #popular-post .mid, #recent-comment .mid, #archives .mid  {
	background: url(images/side-box-bg.gif) repeat-y ;
	width: 228px;
	min-height: 50px;
}

#categories  .bot, #popular-post .bot, #recent-comment .bot, #archives .bot  {
	background: url(images/side-box-bot.gif) repeat-y ;
	width: 228px;
	height: 10px;
}

#content {
	width: 640px;
	float: right;
	margin: 10px 10px 10px 0;
}

.each-entry {
	width: 640px;
	float: right;
	margin: 10px 10px 10px 0;
	min-height: 200px;
}

.entry-head{
	width: 650px;	
}

.entry-head .date {
	float: left;
	background: url(images/date-bg.gif) no-repeat;
	width: 59px;
	height: 70px;
	position: relative;
}

.entry-head .date .day{
	font: bold 18pt "Trebuchet MS",Tahoma,Arial,Helvetica,sans-serif;
	color: #e3eaa6;
	position: relative;
	top: 14px;
	left: 15px;
}

.entry-head .date .month{
	font: bold 13pt "Trebuchet MS",Tahoma,Arial,Helvetica,sans-serif;
	color: #1f160e;
	position: relative;
	top: 15px;
	left: 14px;
}

.entry-head .right {
	float: left;
	margin-left: 10px;
	width: 580px;
}

.entry-title {
	font: bold 16pt "Trebuchet MS",Tahoma,Arial,Helvetica,sans-serif;
	color: #1f160e;
}

.entry-title a, .entry-title a:visited{
	font: bold 16pt "Trebuchet MS",Tahoma,Arial,Helvetica,sans-serif;
	color: #1f160e;
	text-decoration: none;
}

.entry-title a:hover {
	color: #c14217;
}	

.entry-head .linebreak {
	background: url(images/linebreak-dash.gif) no-repeat;
	width: 567px;
	height: 4px;
	margin: 5px 0;
}

.entry-meta {
	font: 14pt "Agency FB",Tahoma,Arial,Helvetica,sans-serif;
	color: #1f160e;
}

.entry-meta a,.entry-meta a:visited{	
	text-decoration: none;
	color: #c14217;
	font-weight: bold;
}

.entry-meta a:hover{ color: #1f160e; }

.entry-meta .author { float: left; padding-right: 10px; margin-right: 10px; border-right: 1px #666 dashed; height: 22px;}
.entry-meta  .comment-no {
	float: left;
	background: url(images/comment.gif) no-repeat;
	height: 22px;
	padding-left: 31px;	
	color: #1f160e;	
}

.entry-meta a.comment-no:hover{
	color: #c14217;
}

.entry-content {
	margin-top: 10px;
}

.entry-content .image {
	float: left;
	width: 140px;
	height: 136px;
	padding: 10px;	
}

.entry-content .image img{
	background-color: #16100b;
	border: 1.5px solid #16100b;
	width: 135px;
	height: 131px;
	margin: 5px 5px 0 0;
}

.entry-content .entry-sum{
	text-align: justify;
	font: 11pt Arial,Helvetica,sans-serif;
	color: #1f160e;
	line-height: 15pt;
	padding:10px;
}

.entry-content  .readmore {
	width: 100px;
	height: 24px;
	background: url(images/check1.gif) no-repeat center left;
	padding: 0px 0 0 30px;	
	margin: 5px 5px 0 0;
	float:right;
}

.entry-content .readmore a, .entry-content  .readmore a:visited {
	color: #1e160e;
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
	line-height: 24px;
}

.entry-content  .readmore a:hover {
	color:  #c14217;
}

/*------------------------ABOUTPAGE------------------------------*/

#about-head {
	text-indent: -999em;
	background: url(images/head-about.gif) no-repeat center;
	width: 181px;
	height: 46px;
	padding:20px 0 0 30px;
	position: relative;
}

#page-content {
	width: 850px;
	padding: 10px 25px;
	margin: 0;
}

/*------------------------PORTFOLIO------------------------------*/

#portfolio-head {
	text-indent: -999em;
	background: url(images/head-portfolio.gif) no-repeat center;
	width: 182px;
	height: 46px;
	padding:20px 0 0 30px;
}

/*------------------------SERVICES------------------------------*/

#services-head {
	text-indent: -999em;
	background: url(images/head-services.gif) no-repeat center;
	width: 229px;
	height: 46px;
	padding:20px 0 0 30px;
}

/*------------------------CONTACT------------------------------*/

#contact-head {
	text-indent: -999em;
	background: url(images/head-contact.gif) no-repeat center;
	width: 215px;
	height: 46x;
	padding:20px 0 0 30px;
}
.linklove {
	display: none;
}
/*------------------------RESOURCES------------------------------*/

#resource-head {
	text-indent: -999em;
	background: url(images/resource-head.gif) no-repeat center;
	width: 189px;
	height: 46px;
	padding:20px 0 0 30px;
}


/*------------------------SLIDE SHOW------------------------------*/
#slideshow {
    position:relative;
    height: 300px;
	width: 860px;
	float: left;
	margin: 5px 30px 0 20px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}
h:220px;
	float:left;
	margin:10px 0 0 20px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*------------------------PORTFOLIO SLIDE SHOW------------------------------*/

#portfolio .post-content {
	width: 390px;
	height: 250px;
	float: left;
	border: 6px solid #B9B785;
	margin: 15px 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	behavior: url(PIE.htc);
	position: relative;
	display: block;
}
.boxgrid{  
	width: 390px;  
	height: 250px;  	 
	float:left;  
	background:#161613;  
	overflow: hidden;  
	position: relative;  
}  
.boxgrid img{  
	position: absolute;  
	top: 0;  
	left: 0;  
	border: 0;  
}  
.boxcaption{  
	float: left;  
	position: absolute;  
	top: 220px;
	background: #3E3F2A;  
	height: 100px;  
	width: 100%;  
	opacity: .8;  
	/* For IE 5-7 */  
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);  
	/* For IE 8 */  
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";  
}  
.caption .boxcaption {  
	top: 220;  
	left: 0;  
}  
.boxcaption h2.post-title { 
	margin: 2px 5px;	
}
.boxcaption h2 p{
	color: #E3EAA6;
	font-size: 14pt;
	text-decoration: none;
}
.boxcaption p.website {
	font-weight: bold;
}
.boxcaption p {
	color: #fff;
	margin: 0 1px;
	display: inline;
}
.visit-site {
	background-color: #E3EAA6;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	behavior: url(PIE.htc);
	cursor: pointer;
	float: right;
	margin: 15px 5px 0 0;
	text-align: center;
	width: 90px;
	font-weight: bold;
	color: #e05c06;	
	padding-top: 2px;
}
.visit-site:hover {
	background-color: #fc6608;
	color: #fff;
}
.visit-site a {
	color: #e05c06;	
	text-decoration: none;
}
.visit-site a:hover {
	color: #fff;
}
.boxcaption .box-content {
	height: 13px;
}