/*
Theme Name: Visiting Card
Theme URI: http://premiumthemes.net/
Description: iSocial wordpress theme theme helps you create quick, easy visiting card like mini site. 
Version: 1
Tags: quick, mini, social bookmarks, visiting card
Author: R.Bhavesh
Author URI: http://www.cssace.com/
License: All Rights Reserved
The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php
*/



/*	--------------------------------------------------
Global Reset - Resets all browser defaults to 0
-------------------------------------------------- */
html, body {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	line-height:1;
	font-family:inherit;
	text-align:left;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
ol, ul {
	list-style:none;
}
blockquote:before, blockquote:after {
	content:"";
}
a { outline:none; } 
.aright { float:right; }

/*	--------------------------------------------------
Structure
-------------------------------------------------- */
body { background:#dfe2e4 url(../images/bg.png) repeat-x top; font:11px Verdana, Arial, Helvetica, sans-serif;	color:#333; line-height:18px; }

#top { width:545px; height:48px; margin:40px auto 0 auto; background:url(../images/top.png) no-repeat center top;  }
#page { width:545px; margin:0 auto; background:url(../images/centerbg.png) repeat-y left top;   display:table;  } 
.page-in { padding:0 15px; }
#footer { width:515px; margin:0 auto; background:url(../images/bottombg.png) no-repeat top; clear:both; padding:15px 15px; position:relative; }
#datacontent .panelsInner { overflow: hidden; }
#datacontent .panel { padding: 0px; }
.fader { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); position: absolute; top: 0; left: 0; width: 100%; height: 54px;  background-color:#A4ADB7; }

#datacontent { position:relative;  }

/*	--------------------------------------------------
default
-------------------------------------------------- */

a:hover img { margin-left: 5px;}
a strong { display: block; font:bold 14px Arial, Helvetica, sans-serif; color: #000; }
.clear { clear: left; }


/*	--------------------------------------------------
Content
-------------------------------------------------- */

#content { padding: 0 10px; background: url(../images/content.png) repeat-y left;   }
#content ul { display:block; margin:0; padding:0; list-style:none;     }
#content li { float: left; width:164px; margin-left:0px;   }
#content a { font-size: 11px; color: #666; text-decoration: none; padding: 10px 0 5px;  display:block;   height:40px;  position:relative;  z-index:2; cursor:pointer; }
#content li a img { border: 0;  float: left;  margin: 0 10px; }

.about { background:url(../images/hr.png) repeat-x bottom; padding:0px 20px 10px 20px; overflow:hidden; margin-bottom:10px;  }
.about img { float:left; margin:0 12px 0 0; border:2px solid #9a9fa6; }
.about h1 { margin:0 0 3px 0; padding:0; font:28px Arial, Helvetica, sans-serif; color:#000;  }
.about p { color:#444; line-height:16px; }

.navigation { height: 38px; padding: 0px 20px; margin-bottom:10px; background: url(../images/navbg.png) repeat-x top ; line-height: 28px; font-weight: bold;  position:relative; }
.navigation li { float: left; }
.navigation li a { margin-right:12px;  float:left; display:block; font-weight:bold; padding:15px 0px 8px 0px; width:82px; text-align:center; color:#ffbabd; text-decoration: none;  }
.navigation li a:hover { color:#fff; }
.navigation li a.active { background:url(../images/tab.png) no-repeat; color:#333;  }
.navigation li a.active:hover { color:#000; }



/* main_content ----------------------------------------- */
.main_content { padding:10px 20px;}
.main_content p { line-height:18px;   margin-bottom: 10px;  }
.main_content span { font-size:11px; }
.main_content a, .main_content span a { color:#a1141a; text-decoration:none; } 
.main_content a:hover, .main_content span a:hover { color:#333; }

.main_content blockquote { background:url(../images/quote.png) no-repeat left 5px; margin:8px 0; padding:0px 10px 0px 20px; font-size:12px; line-height:20px; }
.main_content blockquote p {  font-weight:bold; font:bold 14px Arial, Helvetica, sans-serif; line-height:20px; }

.main_content blockquote:first-letter { font-size:24px; }
.main_content .textwidget { line-height:18px; }


/* contact ------------------------------ */

.row { height:100%; overflow:hidden; margin-bottom:10px; background:url(../images/hr.png) repeat-x bottom; padding-bottom:10px;  }
.field_l { width:80px; float:left; font-weight:bold; padding-left:20px;  }
.field_r { width:370px; float:right;  }

.i_mail { background:url(../images/i_email.png) no-repeat 4px 7px; }
.i_company { background:url(../images/i_company.png) no-repeat 4px 3px; }
.i_location { background:url(../images/i_location.png) no-repeat 4px 6px; }
.i_web { background:url(../images/i_web.png) no-repeat 4px 5px; }

/* footer -------------------  */
#footer p { text-align:center; padding:10px 0; color:#666; }

#pt a { margin:0; padding:0;position:absolute; right:10px; _right:25px; top:10px; width:20px; height:20px;  text-indent:-9009px; background:url(../images/i_pt.png) no-repeat;  display:block; z-index:999; }
#pt a:hover { background-position:0 -20px; }

#pt1 a { margin:0; padding:0;position:absolute; right:35px; _right:60px; top:10px; width:20px; height:20px;  text-indent:-9009px; background:url(../images/i_cr.png) no-repeat;  display:block; z-index:999; }
#pt1 a:hover { background-position:0 -20px; }


/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */
.clearfix:after { content: "."; clear: both; height:0; 	visibility:hidden; display: block; }
.clearfix { display: inline-block; /* Fixes IE/Mac */ }
/* Hides from IE-mac \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */