@import "default.css";
html { height: 100%;}
body { background: url('../images/bg.png') top center repeat-x #666; height: 100%;}
/*---------------------------------------------------------------------------------------
*** BASE TYPOGRAPHY ***
---------------------------------------------------------------------------------------*/
/*------------------------------------
Links
------------------------------------*/
a:link { color: #000;}
a:visited { color: #000;}
a:hover { color: #000;}
/*------------------------------------
Type
------------------------------------*/
body { font: 80% arial, tahoma, arial, helvetica; color: #474747;}
#container, #footer { font-size: 1.2em; line-height: 1.4em; text-align: left;}
p { padding: 0 0 1.4em 0;}
/*---------------------------------------------------------------------------------------
*** BASE TEMPLATE ***
---------------------------------------------------------------------------------------*/
#container { width: 668px; margin: 0 auto; margin-top: 40px; background: #f6f6f6; border: 1px solid #f6f6f6; -moz-border-radius: 3px;
border-radius: 3px; }
/* Masthead */
#masthead { }
/* Main Info */
#mainInfo { padding: 20px 15px 0 15px;}
#mainInfo #user { overflow: hidden; width: 100%; font-size: 3em; line-height: 1.4em;}
#mainInfo #photo { border: 1px solid #9c9c9c; float: left; margin-right: 25px;}
#mainInfo #userInfo { list-style: none; margin: 0; padding: 0;}
#mainInfo #userInfo li { padding: 0;}
#mainInfo #userInfo li.name { font-weight: bold;}
#mainInfo #userInfo li.company { padding-top: .6em;}
/* Contact Info */
#contactInfo { list-style: none; margin: 0; padding: 10px 0 0 0; font-size: 2em;}
#contactInfo li { border: 1px solid #797979; background: url('../images/contactBg.png') repeat-x #c6c4c4; padding: 0 0 0 33px; margin-bottom: 2px;}
#contactInfo li span { display: block; padding: 30px 0 30px 85px;}
#contactInfo li.phone span { background: url('../images/icon_phone.png') no-repeat center left;}
#contactInfo li.mobile span { background: url('../images/icon_mobile.png') no-repeat center left;}
#contactInfo li.email span { background: url('../images/icon_letter.png') no-repeat center left;}
#contactInfo li.web span { background: url('../images/icon_world.png') no-repeat center left;}
#contactInfo li.vt span { background: url('../images/icon_play.png') no-repeat center left;}
#contactInfo li.skype span { background: url('../images/icon_skype.png') no-repeat center left;}
#contactInfo li a { text-decoration: none; color: #474747;}
#contactInfo li a:hover { color: #4967ab;}
/* vCard */
#vcard { overflow: hidden; width: 100%; padding-top: 25px;}
#vcard a { float: left; height: 80px; color: #fff; text-decoration: none; font-weight: bold; font-size: 2.6em; line-height: 80px;}
#vcard a.get { background: url('../images/vcard_get.png') no-repeat; width: 195px; padding-left: 120px;}
#vcard a.send { background: url('../images/vcard_send.png') no-repeat; float: right; width: 215px; padding-left: 100px;}
/* Logo */
#logo { text-align: center; padding-top: 20px;}
/* Address */
#address { width: 633px; min-height: 126px; padding: 0 0 0 35px; margin-top: 25px; background: url('../images/address.png') no-repeat #7a7a7a; color: #fff; overflow: hidden;}
#address address { font-style:normal; padding: 30px 0 0 0; font-size: 2.2em; line-height: 1.2em; float: left; width: 465px;}
#address #mapIcon { display: block; width: 105px; height: 103px; background: url('../images/mapIcon.png') no-repeat; text-indent: -9999px; overflow: hidden; float: right; margin: 12px 19px 0 0;}
/* Linked In */
#profile { background: url('../images/profileBg.png') no-repeat #4f61a7; color: #fff; font-size: 2em; line-height: 1.2em; padding: 30px 33px 0 33px; min-height: 370px;}
#profile h2 { font-size: 1.4em; font-weight: bold; padding-bottom: 30px;}
#profile ul { list-style: none; margin: 0; padding: 0 0 40px;}
#profile ul li { padding: 0;}
/* Social */
#social { padding: 40px 0 65px 0; background: url('../images/footer.png') no-repeat bottom centre;}
#social ul { list-style: none; margin: 0; padding: 0 0 0 85px;}
#social ul li { padding: 0; display: inline-block;}
#social ul li a { display: block; width: 95px; height: 109px; text-indent: -9999px; overflow: hidden;}
#social ul li.fb a { background: url('../images/social-fb.png') no-repeat; margin-right: 104px;}
#social ul li.tw a { background: url('../images/social-tw.png') no-repeat; margin-right: 104px;}
#social ul li.li a { background: url('../images/social-li.png') no-repeat;}
/* Footer */
#footer {width: 668px; margin: 0 auto; color: #fff; font-weight: bold; font-size: 1.4em; padding: 30px 0; text-align: center;}