/* Typography */
code {
    border: 1px solid #BBBBBB;
    border-radius: 5px 5px 5px 5px;
    display: block;
    margin:8px 0;
    padding: 10px;
	background:#F5F5F5;
}
/* blockquote */
blockquote { font:14px/24px normal Arial, Helvetica, sans-serif;}
blockquote.style1 { background:url("Typography/blockquote1_l.png") no-repeat scroll 0 0;text-indent:35px; }
blockquote.style1 span { display:block;background:url("Typography/blockquote1_r.png") no-repeat scroll 100% 100%;}
blockquote p { text-align:right;}

blockquote.style2 span { display:block;background:url("Typography/blockquote2bg.png") repeat ; min-height:62px; padding:10px; border-radius:4px;}
blockquote.style2 em {
    background: url("Typography/blockquote2.png") no-repeat scroll 92% 0 transparent;
    display: block;
    height: 11px;
}

/* Lists Style */
.listbox {
    float: left;
    margin-right: 1%;
    width: 32.3%;
}

.olist, .ulist { line-height:25px;}
ol.olist {margin:10px 0 10px 20px; padding:0;}
ul.ulist {margin:10px 0 10px 0; padding:0; }
.ulist li { list-style:none; margin:0; padding:0;}

ul.ulist1 { margin:10px 0 10px 20px; padding:0; line-height:25px;}
ul.ulist1 ul { margin:0 0 0 20px; padding:0;}
.ulist1 li { list-style: disc;}
.ulist1 li li { list-style:circle;}

ul.ulist2 { margin:10px 0 10px 0px; padding:0;line-height:25px; }
ul.ulist2 ul { margin:0; padding:0;}
.ulist2 li {
    background: url("Typography/ulist2_li.png") no-repeat scroll 0 6px transparent;
    list-style: none outside none;
    padding: 0 0 0 20px;
	margin:0;
}
.ulist2 li li {
    background: url("Typography/ulist2_li2.png") no-repeat scroll 0 9px transparent;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 18px;
}

ul.ulist3 { margin:10px 0 10px 0px; padding:0;line-height:25px; }
ul.ulist3 ul { margin:0; padding:0;}
.ulist3 li {
    background: url("Typography/ulist3_li.png") no-repeat scroll 0 9px transparent;
    list-style: none outside none;
    padding: 0 0 0 20px;
	margin:0;
}
.ulist3 li li {
    background: url("Typography/ulist3_li2.png") no-repeat scroll 0 9px transparent;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 18px;
}

.dlist_digital  {
    background: url("Typography/dlist_digital.png") no-repeat scroll 0 50% transparent;
    font-size: 16px;
    line-height: 37px;
    padding: 0 0 0 20px;
}
.dlist_print {
    background: url("Typography/dlist_print.png") no-repeat scroll 0 50% transparent;
    font-size: 16px;
    line-height: 37px;
    padding: 0 0 0 20px;
}

/* Tables Style */
table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
}
.table {
    margin-bottom: 18px;
    width: 100%;
}
.table th {
    font-family: Oswald,Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
}
.table td, .table th { padding:0 0 0 40px;}
.table1 { border-top:1px solid #E7E7E7; }
.table tr { line-height:30px; border-bottom:1px solid #E7E7E7;}
.table1 th { color: #2856B6; }
.trbg1 { background:#F6F6F6;}

.table2 thead { background:#A1A4AB;}
.table2 th { color: #ffffff; }

.table3 { border:1px solid #DADADA;}
.table3 thead { background:#2556B5;}
.table3 th { color: #ffffff; }
.table3 td, .table3 th {
    border-right: 1px solid #DADADA;
    padding: 0 0 0 40px;
}
.table4 { border-radius:4px;-moz-border-radius:4px;}

/* Buttons Style */
a.btn:link, a.btn:active, a.btn:visited {
    -moz-transition: all 0.5s ease 0s;
    background: url("Typography/btn.png") repeat scroll 0 0 #DDDDDD;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    color: #575757;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin: 8px 2px;
    width:90px;
    outline: medium none;
    padding: 6px 0;
    text-align: center;
    text-decoration: none;
}

a.btn:hover {
    background-color: #D4D4D4;
    border: 1px solid #C6C6C6;
    color: #575757;
}

a.defaut:link, a.defaut:active, a.defaut:visited {
    font-size: 14px;
}

a.defaut:hover {background-color: #555555; color:#FFFFFF;}
a.btn-primary:link, a.btn-primary:active, a.btn-primary:visited {
    background-color:#2B68DD;
	border:1px solid #2755B3;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #0E557B;
}

a.btn-primary:hover {
    background-color:#2958BA;
    border: 1px solid #0E557B;
}

a.btn-info:link, a.btn-info:active, a.btn-info:visited {
    background-color:#4DD3F0;
	border:1px solid #24ADB7;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #0E557B;
}

a.btn-info:hover {
    background-color:#11AFD0;
    border: 1px solid #1B7E87;
}

a.btn-success:link, a.btn-success:active, a.btn-success:visited {
    background-color:#90DF21;
	border:1px solid #70BD00;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #0E557B;
}

a.btn-success:hover {
    background-color:#60A206;
    border: 1px solid #4E8200;
}

a.btn-warning:link, a.btn-warning:active, a.btn-warning:visited {
    background-color:#FF9F00;
	border:1px solid #E47C0D;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #0E557B;
}

a.btn-warning:hover {
    background-color:#DD8000;
    border: 1px solid #AB5F0A;
}

a.btn-danger:link, a.btn-danger:active, a.btn-danger:visited {
    background-color:#F11B00;
	border:1px solid #CD2606;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #0E557B;
}

a.btn-danger:hover {
    background-color:#B71200;
    border: 1px solid #A91E05;
}
a.btn-inverse:link, a.btn-inverse:active, a.btn-inverse:visited {
    background-color:#494343;
	border:1px solid #817D7C;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #0E557B;
}

a.btn-inverse:hover {
    background-color:#222222;
    border: 1px solid #817D7C;
}

a.btn-mini:link, a.btn-mini:active, a.btn-mini:visited {
    background-color:#F2F2F2;
	border:1px solid #DADADA;
    color: #333333;
	padding:3px 0;
}

a.btn-mini:hover {
    background-color:#cccccc;
    border: 1px solid #bbbbbb;
	color:#333333;
}
a.btn-small:link, a.btn-small:active, a.btn-small:visited {
    background-color:#F2F2F2;
	border:1px solid #DADADA;
    color: #333333;
	padding:6px 10px;
}

a.btn-small:hover {
    background-color:#cccccc;
    border: 1px solid #bbbbbb;
	color:#333333;
}

a.btn-medium:link, a.btn-medium:active, a.btn-medium:visited {
    background-color:#F2F2F2;
	border:1px solid #DADADA;
    color: #333333;
	padding:11px 20px;
	width:auto;
	font-size:18px;
}

a.btn-medium:hover {
    background-color:#cccccc;
    border: 1px solid #bbbbbb;
	color:#333333;
}

a.btn-large:link, a.btn-large:active, a.btn-large:visited {
    background-color:#F2F2F2;
	border:1px solid #DADADA;
    color: #333333;
	padding:17px 35px;
	width:auto;
	font-size:25px;
	
}

a.btn-large:hover {
    background-color:#cccccc;
    border: 1px solid #bbbbbb;
	color:#333333;
}


a.btn-gray:link, a.btn-gray:active, a.btn-gray:visited {
    background-color:#F2F2F2;
	border:1px solid #DADADA;
    color: #333333;
	padding:6px 10px;
	white-space: nowrap;
}

a.btn-gray:hover {
    background-color:#cccccc;
    border: 1px solid #bbbbbb;
	color:#333333;
}

em {
    font-style: italic;
}
.icon-check{
    background-image: url("images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    width: 14px;
}

/* Icons Style */
ul.the-icons { float:left; width:19%;}
ul.the-icons, .the-icons li {
    list-style: none outside none;
    margin: 0;
	padding:0;
	line-height:22px;
}
.icons { 
	background-image:url("Typography/feature_icons.png");
	background-repeat:no-repeat;
    display: inline-block;
    height: 20px;
    line-height: 18px;
    vertical-align: middle;
    width: 22px;
}
.address { background-position:0 0;}
.administrative-docs { background-position:0 -28px;}
.advertising { background-position:0 -58px;}
.archives{ background-position:0 -86px;}
.attibutes { background-position:0 -118px;}
.bank { background-position:0 -148px;}
.basket { background-position:0 -178px;}
.bestseller { background-position:0 -208px;}
.billing {  background-position:0 -238px; }
.bookmark {  background-position:0 -266px; }
.brainstorming{  background-position:0 -296px; }
.business-contact {  background-position:0 -326px; }
.busy { background-position:0 -356px; }
.calendar { background-position:0 -388px; }
.category { background-position:0 -418px; }
.check { background-position:0 -448px; }
.collaboration { background-position:0 -478px; }
.comment { background-position:0 -504px; }
.communication { background-position:0 -536px; }
.config { background-position:0 -568px; }

.consulting { background-position:-28px 0px; }
.contact { background-position:-28px -28px; }
.cost{ background-position:-28px -58px;}
.credit-card { background-position:-28px -88px;}
.credit{ background-position:-28px -118px;}
.current-work{ background-position:-28px -148px;}
.customers{ background-position:-28px -178px;}
.cv{ background-position:-28px -208px;}
.database{  background-position:-28px -238px; }
.date{  background-position:-28px -268px; }
.delicious{  background-position:-28px -298px; }
.document-library{  background-position:-28px -328px; }
.donate{ background-position:-28px -358px; }
.drawings{ background-position:-28px -388px; }
.edit{ background-position:-28px -418px; }
.email{ background-position:-28px -448px; }
.featured{ background-position:-28px -478px; }
.feed  { background-position:-28px -506px; }
.finished-work { background-position:-28px -538px; }
.flag{ background-position:-28px -566px; }

.folder { background-position:-56px 0px; }
.free-for-job { background-position:-56px -28px; }
.freelance{ background-position:-56px -58px;}
.full-time { background-position:-56px -88px;}
.future-projects{ background-position:-56px -118px;}
.graphic-design{ background-position:-56px -148px;}
.heart{ background-position:-56px -178px;}
.hire-me{ background-position:-56px -208px;}
.home{  background-position:-56px -238px; }
.illustration{  background-position:-56px -268px; }
.invoice{  background-position:-56px -298px; }
.issue{  background-position:-56px -328px; }
.library{ background-position:-56px -356px; }
.lightbulb{ background-position:-56px -388px; }
.limited-edition{ background-position:-56px -418px; }
.link{ background-position:-56px -446px; }
.lock{ background-position:-56px -476px; }
.login  { background-position:-56px -506px; }
.logout { background-position:-56px -536px; }
.milestone{ background-position:-56px -566px; }
 
.my-account { background-position:-84px 0px; }
.networking { background-position:-84px -28px; }
.old-versions{ background-position:-84px -58px;}
.order-1 { background-position:-84px -88px;}
.order{ background-position:-84px -118px;}
.payment-card{ background-position:-84px -148px;}
.paypal{ background-position:-84px -178px;}
.pen{ background-position:-84px -208px;}
.pencil{  background-position:-84px -238px; }
.phone{  background-position:-84px -268px; }
.photography{  background-position:-84px -298px; }
.plus{  background-position:-84px -328px; }
.premium{ background-position:-84px -358px; }
.print{ background-position:-84px -388px; }
.process{ background-position:-84px -418px; }
.product-1{ background-position:-84px -448px; }
.product-design{ background-position:-84px -478px; }
.product  { background-position:-84px -506px; }
.project { background-position:-84px -538px; }
.publish{ background-position:-84px -566px; }

.refresh { background-position:-112px 2px; }
.search { background-position:-112px -28px; }
.settings{ background-position:-112px -58px;}
.shipping { background-position:-112px -88px;}
.showreel{ background-position:-112px -118px;}
.sign-in{ background-position:-112px -148px;}
.sign-out{ background-position:-112px -178px;}
.sign-up{ background-position:-112px -208px;}
.sitemap{  background-position:-112px -238px; }
.special-offer{  background-position:-112px -268px; }
.star{  background-position:-112px -296px; }
.statistics{  background-position:-112px -328px; }
.suppliers{ background-position:-112px -358px; }
.tag{ background-position:-112px -386px; }
.ticket{ background-position:-112px -416px; }
.twitter{ background-position:-112px -446px; }
.upcoming-work{ background-position:-112px -476px; }
.user  { background-position:-112px -506px; }
.world { background-position:-112px -536px; }
.zoom{ background-position:-112px -566px; }

/*Social Icons*/
a:link, a:active, a:visited {
    border: 0 none;
    color: #70808F;
    outline: medium none;
    text-decoration: underline;
}
.Social-Links { background:#2556B5;padding: 20px 25px; zoom:1;}
.Social-Links a {
    display: block;
    float: left;
    height:35px;
    margin-right:14px;
    width: 35px;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	webkit-transition: all 0.5s ease 0s;
}
.Social-Links .Socialicion1 { background: url("Typography/SocialIcons.png") no-repeat scroll 0 0 transparent;}
.Social-Links .Socialicion1:hover { background-position:0 -54px;}
.Social-Links .Socialicion2 { background: url("Typography/SocialIcons.png") no-repeat scroll -48px 0 transparent;}
.Social-Links .Socialicion2:hover { background-position:-48px -54px;}
.Social-Links .Socialicion3 { background: url("Typography/SocialIcons.png") no-repeat scroll -95px 0 transparent;}
.Social-Links .Socialicion3:hover { background-position:-95px -54px;}
.Social-Links .Socialicion4 { background: url("Typography/SocialIcons.png") no-repeat scroll -143px 0 transparent;}
.Social-Links .Socialicion4:hover { background-position:-143px -54px;}
.Social-Links .Socialicion5 { background: url("Typography/SocialIcons.png") no-repeat scroll -191px 0 transparent;}
.Social-Links .Socialicion5:hover { background-position:-191px -54px;}
.Social-Links .Socialicion6 { background: url("Typography/SocialIcons.png") no-repeat scroll -239px 0 transparent;}
.Social-Links .Socialicion6:hover { background-position:-239px -54px;}
.Social-Links .Socialicion7 { background: url("Typography/SocialIcons.png") no-repeat scroll -287px 0 transparent;}
.Social-Links .Socialicion7:hover { background-position:-287px -54px;}
.Social-Links .Socialicion8 { background: url("Typography/SocialIcons.png") no-repeat scroll -335px 0 transparent;}
.Social-Links .Socialicion8:hover { background-position:-335px -54px;}
.Social-Links .Socialicion9 { background: url("Typography/SocialIcons.png") no-repeat scroll -383px 0 transparent;}
.Social-Links .Socialicion9:hover { background-position:-383px -54px;}
.Social-Links .Socialicion10 { background: url("Typography/SocialIcons.png") no-repeat scroll -431px 0 transparent;}
.Social-Links .Socialicion10:hover { background-position:-431px -54px;}
.Social-Links .Socialicion11 { background: url("Typography/SocialIcons.png") no-repeat scroll -479px 0 transparent;}
.Social-Links .Socialicion11:hover { background-position:-479px -54px;}
.Social-Links .Socialicion12 { background: url("Typography/SocialIcons.png") no-repeat scroll -527px 0 transparent;}
.Social-Links .Socialicion12:hover { background-position:-527px -54px;}
.Social-Links .Socialicion13 { background: url("Typography/SocialIcons.png") no-repeat scroll -574px 0 transparent;}
.Social-Links .Socialicion13:hover { background-position:-574px -54px;}
.Social-Links .Socialicion14 { background: url("Typography/SocialIcons.png") no-repeat scroll -622px 0 transparent;}
.Social-Links .Socialicion14:hover { background-position:-622px -54px;}

/*Module Content Layout*/
.RightPane3 h6 { line-height:40px; color:#333333;}
.w49 {
    width: 49%;
}

.FootAPane {
    margin-right: 5%;
     width: 30%;
}
.FootBPane, .FootCPane {
     width: 30%;
}
.FootDPane { width:65%;}
.FootEPane { width:32%;}
.FootFPane { width:32%;}
.FootGPane { width:65%;}
.w23 { width:23%; margin:0 2% 0 0;}
.w24 { width:24%;}

/*Tooltips*/
.colorTip{
	/* This class is assigned to the color tip span by jQuery */
	
	display:none;
	position:absolute;	
	left:50%;
	top:-30px;
	padding:6px;
	
	background-color:white;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	line-height:1;
	text-decoration:none;
	text-align:center;
	text-shadow:0 0 1px white;
	white-space:nowrap;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.pointyTip,.pointyTipShadow{
	/* Setting a thick transparent border on a 0x0 div to create a triangle */
	border:6px solid transparent;
	bottom:-12px;
	height:0;
	left:50%;
	margin-left:-6px;
	position:absolute;
	width:0;
}

.pointyTipShadow{
	/* The shadow tip is 1px larger, so it acts as a border to the tip */
	border-width:7px;
	bottom:-14px;
	margin-left:-7px;
}

.colorTipContainer{
	position:relative;
	text-decoration:none !important;
}


/* 6 Available Color Themes */

.white .pointyTip{ border-top-color:white;}
.white .pointyTipShadow{ border-top-color:#ddd;}
.white .colorTip{
	background-color:white;
	border:1px solid #DDDDDD;
	color:#555555;
}

.yellow .pointyTip{ border-top-color:#f9f2ba;}
.yellow .pointyTipShadow{ border-top-color:#e9d315;}
.yellow .colorTip{
	background-color:#f9f2ba;
	border:1px solid #e9d315;
	color:#5b5316;
}

.blue .pointyTip{ border-top-color:#d9f1fb;}
.blue .pointyTipShadow{ border-top-color:#7fcdee;}
.blue .colorTip{
	background-color:#d9f1fb;
	border:1px solid #7fcdee;
	color:#1b475a;
}

.green .pointyTip{ border-top-color:#f2fdf1;}
.green .pointyTipShadow{ border-top-color:#b6e184;}
.green .colorTip{
	background-color:#f2fdf1;
	border:1px solid #b6e184;
	color:#558221;
}

.red .pointyTip{ border-top-color:#bb3b1d;}
.red .pointyTipShadow{ border-top-color:#8f2a0f;}
.red .colorTip{
	background-color:#bb3b1d;
	border:1px solid #8f2a0f;
	color:#fcfcfc;
	text-shadow:none;
}

.black .pointyTip{ border-top-color:#333;}
.black .pointyTipShadow{ border-top-color:#111;}
.black .colorTip{
	background-color:#333;
	border:1px solid #111;
	color:#fcfcfc;
	text-shadow:none;
}

@media handheld, only screen and (max-width:767px) {
.w49,
.FootAPane,
.FootBPane, 
.FootCPane,
.FootDPane,
.FootEPane,
.FootFPane,
.FootGPane,
.w23,
.w24 { width:100%; padding:5px 0;}

}