@charset "utf-8";
/* CSS Document */
/* HTML and CSS Implementation by Salumag Jed */
*
{
	margin: 0;
	padding: 0;
}
@font-face 
{
	font-family:Hall Fetica;
    src: url(Hall Fetica.ttf) format("truetype");
}
.font
{
    font-family:"Hall Fetica";
	letter-spacing:0.8px;
}
td,
p,
.content li

{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
}
h1
{
	color:#333333;
}
h2
{
	font-weight:600;
	font-size:12px;
	color:#194fcd;
}
img
{
	border:none;
}
a, img
{
	outline:none;
}
body
{
	background:#ffffff;
	width:100%;
	min-width:960px;
}
.container
{
	width:960px;
	margin:0 auto;
	height:auto;
}
.liquid-size
{
	width:100%;
}
.left
{
	float:left;
}
.right
{
	float:right;
}
.spacing
{
	height:10px;
}
.divider
{
	background:url(images/divider.png) no-repeat;
	width:953px;
	height:1px;
	margin:5px 0;
}
.header-wrapper
{
	height:105px;
	background:url(images/header-bg.png) repeat-x;
	position:fixed;
	width:100%;
	top:0;
	min-width:960px;
	z-index:1000;
}
.logo
{
	width:332px;
	height:74px;
	margin-top:6px;
}
.social-media
{
	width:302px;
	margin-top:30px;
}
/* social media buttons */

#social_media {
background:url(images/social_media.png) no-repeat;
width:302px;
margin:0;
padding:0;
}

#social_media span {
display: none;
}

#social_media li, #social_media a {
height:35px;
display:block;
}

#social_media li {
float:left;
list-style:none;
display:inline;
}

#social_media-01 {width: 37px;}
#social_media-02 {width: 46px;}
#social_media-03 {width: 47px;}
#social_media-04 {width: 48px;}
#social_media-05 {width: 46px;}
#social_media-06 {width: 43px;}
#social_media-07 {width: 35px;}

#social_media-01 a:hover {background:url(images/social_media.png)  0px   -35px no-repeat; }
#social_media-02 a:hover {background:url(images/social_media.png) -37px  -35px no-repeat; }
#social_media-03 a:hover {background:url(images/social_media.png) -83px  -35px no-repeat; }
#social_media-04 a:hover {background:url(images/social_media.png) -130px -35px no-repeat; }
#social_media-05 a:hover {background:url(images/social_media.png) -178px -35px no-repeat; }
#social_media-06 a:hover {background:url(images/social_media.png) -224px -35px no-repeat; }
#social_media-07 a:hover {background:url(images/social_media.png) -267px -35px no-repeat; }

/* end social media buttons */
.content-margin
{
	margin-top:105px;
}
.content
{
	width:100%;
	margin-top:15px;
}
.content ul
{
	margin:10px 0 10px 15px;
}
.content-border
{
	border:solid 1px #cfcfcf;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:2px 2px #dedede;
	-webkit-box-shadow:2px 2px #dedede;
}
.footer-navigation,
.left-content
{
	width:630px;
}
.icon-bg
{
	background:url(images/tab-bg.png) no-repeat;
	background-position:bottom;
	width:115px;
	height:86px;
	text-align:center;
	margin:45px 10px 0 0;
}
#icon a
{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	text-decoration:none;
	font-size:10px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	color:transparent;
	color:#FFFFFF;
}
.icon a
{
    float: left;
    margin:15px 0;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
	display:block;
	width:116px;
	height:106px;
}
.icon a:hover
{
    margin-top: 2px;
}
#icon a:hover
{
	color:#333;
}
.content p,
.left-content p
{
	margin-bottom:15px;
}
.content h1
{
	font-size:18px;
	font-weight:bold;
}
.left-content h1
{
	font-size:24px;
}
.package-banner
{
	min-height:270px;
}
.package
{
	min-height:420px;
}
.package-banner,
.package
{
	width:300px;
	padding:5px;
	margin:10px 8px 0 0;
}
.package-banner ul,
.package ul,
.web-package ul
{
	margin:10px 0 0 0;
}
.package-banner ul li,
.package ul li,
.web-package ul li
{
	list-style:none;
}
.package-banner ul li a,
.package ul li a,
.web-package ul li a
{
	background-image:url(images/arrow.png);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
	padding-left:15px;
}
.package-banner p,
.package p
{
	line-height:normal;
	font-size:11px;
	line-height:18px;
}
.package-banner h1,
.package h1,
.web-package h1
{
	font-size:16px;
	font-weight:600;
	color:#194fcd;
}
.footer-contact,
.right-content
{
	width:315px;
}
.right-content p,
.right-content a
{
	margin-top:10px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.content-tab
{
	height:298px;
	width:960px;
}
.block,
.right-block
{
	width:315px;
}
.right-block h1
{
	font-size:24px;
	border-bottom:solid 1px #000;
	padding-bottom:5px;
}
.blog-title
{
	text-transform:capitalize;
	font-size:18px;
	font-weight:bold;
	margin-top:12px;
}
.blog-date,
.blog-readmore a
{
	font-size:12px;
	color:#194fcd;
}
.blog-readmore,
.blog-readmore a
{
	text-decoration:none;
	margin-top:15px;
}
.blog-readmore a:hover
{
	color:#7ba1f9;
}
.portfolio-slide
{
	width:315px;
	height:250px;
	background:url(images/monitor.png) no-repeat;
	border-bottom:solid 1px #000;
	margin-top:20px;
}
.footer
{
	width:100%;
	min-width:960px;
	border-top:solid 1px #8fa1ff;
	margin-top:20px;
	margin-bottom:20px;
}
.footer h1
{
	font-size:18px;
}
.footer p
{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}
.footer-contact,
.footer-navigation
{
	margin-top:15px;
}
.footer-navigation ul
{
}
.footer-navigation ul li
{
	list-style:none;
	display:inline;
}
.footer-navigation ul li a
{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	color:#333333;
	font-size:12px;
	font-weight:600;
	border-right:solid 1px #999;
	padding:0 8px 0 2px;
}
.footer-navigation ul li a:hover
{
	color:#194fcd;
}
.live-chat
{
	width:75px;
	height:65px;
	position:fixed;
	right:0px;
	top:350px;
}
/* live-chat buttons */

#live-chat {
background:url(images/live-chat.png) no-repeat;
width:75px;
margin:0;
padding:0;
}
#live-chat span {
display: none;
}

#live-chat li, #live-chat a {
height:65px;
display:block;
}

#live-chat li {
float:left;
list-style:none;
}

#live-chat{width:75px;}


#live-chat a:hover{background:url(images/live-chat.png)  0px   -65px no-repeat; }


/* end live-chat buttons */

.more-info
{
	width:100px;
	height:30px;
	margin-bottom:5px;
}
/* more-info buttons */

#more-info {
background:url(images/more-info.png) no-repeat;
width:100px;
margin:0;
padding:0;
}
#more-info span {
display: none;
}

#more-info li, #more-info a {
height:30px;
display:block;
list-style:none;
}
#more-info li a
{
background-image:none;
}
#more-info li {
float:left;
list-style:none;
}

#more-info{width:100px;}


#more-info a:hover{background:url(images/more-info.png)  0px   -30px no-repeat; }


/* end more-info buttons */

#social_nav_vertical {

	font-family: Futura, Verdana, Sans-Serif;
	font-size: 18px;
	color: #8e9090;
	padding: 10px 10px 10px 0;
	width: 151px;
	position:fixed;
	top:230px;
	left:-10px;
	z-index:1000;
}
#social_nav_vertical h3 {
	display: inline;
	padding: 0 10px;
	border-bottom: dashed 1px #ccc;
}
#social_nav_vertical  ul {
	margin: 0;
	padding: 0;
	margin-top: 20px;
}
#social_nav_vertical ul li {
	padding: 5px 0 10px 5px;
	margin-left: 5px;
	list-style-type: none;
}
#social_nav_vertical  ul li a {
	
	padding: 4px 0 20px 38px;
	height: 51px;
	color: #999;
	text-decoration: none;
	line-height: 1.45em;
	margin:5px 0 5px 0;
}
#social_nav_vertical ul li a:hover {
	color: #fff;

}

.delicious {
	background: url(images/delicious.png) no-repeat;
	background-position: 0 -1px;
}
.facebook {
	background: url(images/facebook.png) no-repeat;
	background-position: 0 -1px;
}
.stumbleupon {
	background: url(images/stumble-upon.png) no-repeat;
	background-position: 0 -1px;
}
.twitter {
	background: url(images/twitter.png) no-repeat;
	background-position: 0 -1px;
}

.digg {
	background: url(images/digg.png) no-repeat;
	background-position: 0 -1px;
}

.google
{
	background: url(images/google-plus.png) no-repeat;
	background-position: 0 -1px;
}
.breadcrumbs p
{
    color: #ffffff;
	font-size:11px;
}
.breadcrumbs a
{
	color:#CCCCCC;
	font-size:11px;
	text-decoration:none;
}
.breadcrumbs a:hover
{
	text-decoration:none;
	color:#e5e5e5;
}
.package-slider
{
	width:200px;
	height:210px;
}
.blue,
.anchor-link
{
	text-decoration:none;
	color: #194FCD;
}
.anchor-link:hover
{
	text-decoration:underline;
}
.drop-shadow
{
	text-shadow:2px 2px 2px #999;
	-moz-text-shadow:2px 2px 2px #999;
	-webkit-text-shadow:2px 2px 2px #999;
}
.border
{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    border:solid 1px #dddddd;
}
select
{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    border:solid 1px #dddddd;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 5px;
    width: 213px;
}
.page 
{
    margin-top: 10px;
    padding: 10px;
    width: 960px;
}
.textbox 
{
    height: 21px;
    padding: 3px 5px;
    width: 905px;
}
.textarea {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 149px;
    padding: 5px;
    width: 945px;
}
.small-textbox {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 5px;
    width: 213px;
}
.check {
    width: 57px;
}
.medtextarea {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 149px;
    padding: 5px;
    width: 400px;
}
.med-textbox {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 5px;
    width: 400px;
}
.submit 
{
    background: url("images/submit.png") no-repeat;
    height:37px;
    margin: 0;
    padding: 0;
    width:139px;
	border:none;
}
.submit:hover 
{
    background: url("images/submit.png")0px -37px no-repeat;
}
.sign
{
	color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
}
.click-here
{
	background:url(images/clickhere.png) no-repeat;
	height:30px;
	width:96px;
	margin:0;
	padding:0;
	display:block;
	border:none;
}
.click-here span
{
	display:none;
}
.click-here a:hover
{
	background:url(images/clickhere.png) 0px -30px no-repeat;
}
.click-here li,
.click-here a
{
	height:30px;
	display:block;
}

<!--scroll style-->

div#chatlist {
    width: 50px;
    height: 140px;
    border: 1px solid black;
}
div.mousescroll {
    overflow: hidden;
	height:270px;
}
div.mousescroll a:hover
{
	text-decoration:underline;
}
div.mousescroll:hover {
    overflow-y: scroll;
}
.slimScrollDiv { border: 1px solid #ccc; margin:10px; }


.custom img:hover
{
  -moz-box-shadow: 2px 2px 2px #a09f9f;
  -webkit-box-shadow: 2px 2px 2px #a09f9f;
  box-shadow: 2px 2px 2px #a09f9f;
  border-radius:5px;
}
.margin-left
{
	margin-left:15px;
}
.our-clients a
{
	font-size:12px;
	text-decoration:none;
	/*color:#194FCD;*/
	color:#000;
	background-image:url(images/bullets.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
}
.our-clients a:hover
{
	color:#194fcd;
}