@charset "UTF-8";
/* CSS Document */

/* ====================================================================================================				
	Vin65 CSS
==================================================================================================== */


/* ====================================================================================================				
	Table of Contents
	1. Reset
	2. Typography & Admin Panel Styles
	3. Header
	4. Main Menu
	5. Content
		a. Bread Crumbs
		b. Homepage
		c. Menus
		d. Pages
		e. Pricing
		f. Packages
		g. Blog
		h. Client Login
		i. Video Player
		j. Template Picker
	6. Footer
	7. Modal
	8. Sign Up Form
	9. Forms
	10. Buttons
*/

/* 	====================================================================================================	
	1. Resets
======================================================================================================== */

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	
img {
	border: 0;
	}
	
h1, h2, h3, h4, h5, h6, p, table, ul, ol {
	margin-top: 0;
	padding-top: 0;
	}
	
h1, h2 { 
	line-height: 1.2em;
	margin-bottom: 0.4em;
	}
	
h3 {
	line-height: 1.2em;
	margin-bottom: 0.2em; 
	}
	
ul, ol, dl, p, table, pre {
	margin-bottom: 1em;
	}
	
.group:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	}
	
*:first-child+html .group {
	zoom: 1;
	}/* IE7 */
	
	
/* 	====================================================================================================	
	2. Typography & Admin Panel Styles - These get copied into the admin.css
======================================================================================================== */

body {
	background-color: #fff;
	color: #111;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family: futura-pt, sans-serif;
	font-weight: normal;
	}
	
h1 {
	font-size: 32px;
	}
	
h2 {
	font-size: 24px;
	}
	
h3 {
	font-size: 18px;
	}
	
h4 {
	font-size: 14px;
	}
	
h5 {
	font-size: 12px;
	}
	
h6 {
	background: #333;
	color: #fff;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	margin: 0 0 8px;
	padding: 0 10px;
	}

a {
	color: #990000;
	text-decoration: none;
	}
	
a:hover, a:focus, a:active {
	color: #cc0000;
	text-decoration: underline;
	}
	
ul, ol, dd, blockquote {
	}

ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	}

form {
	margin-bottom: 1em;
	}

legend {
	color: #111;
	}

hr {
	border: 0;
	background-color: #ccc;
	clear: both;
	color: #ccc;
	height: 1px;
	margin-bottom: 1em;
	}
	
.small {
	font-size: 10px;
	line-height: 11px;
	}
	
.smaller {
	font-size: 9px;
	line-height: 11px;
	}
	
/*This doesn't get copied to the admin panel*/	
body {
	background: url(../images/background.jpg) top center no-repeat #360903;
}

/* 	====================================================================================================				
	3. Header
======================================================================================================== */

.container-top {
	position: relative;
	font-size: 11px;
	height: 40px;
	margin: 0 auto;
	width: 970px;
	}
	
.user-login {
	background: url(../images/login-bg.png) center top no-repeat;
	height: 38px;
	line-height: 24px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 19px;
	width: 135px;
	z-index: 1200;
	}
	
.user-login a {
	color: #fff;
	}
	
.user-login a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}
	
.request-demo {
	background: url(../images/demo-bg.png) center top no-repeat;
	height: 38px;
	line-height: 24px;
	position: absolute;
	right: 150px;
	text-align: center;
	top: 19px;
	width: 135px;
	z-index: 1200;
	}

.request-demo a {
	color: #fff;
	}

.request-demo a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}
	
/* 	====================================================================================================			
	4. Main Menu
======================================================================================================== */

.container-menu {
	background: url("../images/nav-bg.jpg") top center repeat-x;
	border-bottom: 2px solid #3d3d3d;
	border-top: 2px solid #3d3d3d;
	height: 82px;
	overflow: visible;
	position: relative;
	margin: 0 auto;
	width: 100%;
	z-index: 500;
	}
	
.topMenuWrapper {
	/*background: url(../images/christmas/menu.jpg) top right no-repeat;*/
	width: 970px;
	height: 82px;
	margin: 0 auto;
	}
	
.logo {
	float: left;
	height: 74px;
	margin: 4px 0 0 14px;
	overflow: hidden;
	width: 136px;
	}
	
.topMenu {
	float: left;
	height: 82px;
	margin: 0 0 0 80px;
	width: 740px;
	}
	
.topMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
.topMenu ul li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
.topMenu ul li a {
	color: #fff;
	display: inline-block;
	font-family: futura-pt, sans-serif;
	font-size: 15px;
	height: 82px;
	line-height: 82px;
	margin: 0;
	padding: 0 17px;
	position: relative;
	text-decoration: none;
	}
	
.topMenu ul li a:hover {
	color: #fff;
	background: url("../images/nav-bg-hilight.jpg") top center repeat-x #3d3d3d;
	text-decoration: none;
	}
	
.topMenu ul li a.hover {
	color: #fff;
	background: url("../images/nav-bg-hilight.jpg") top center repeat-x #3d3d3d;
	text-decoration: none;
	}
	
.topMenu li ul {
	background-color: #749211;
	display: none;
	left: 0;
	padding: 2px 0 0 0;
	position: absolute;
	top: 82px;
	width: 180px;
	}
	
.topMenu li:hover ul, #layTopMenu li.over ul {
	background-color: #282828;
	display: block;
	}
	
.topMenu li ul li {
	background-color: #282828;
	display: block;
	float: none;
	text-align: left;
	width: 180px;
	}
	
.topMenu li ul li a {
	background-color: #282828;
	border-bottom: 1px solid #666;
	color: #FFF;
	display: block;
	font-size: 13px;
	float: none;
	height: 32px;
	line-height: 32px;
	margin: 0;
	padding: 0 0 0 15px;
	text-align: left;
	text-transform: none;
	width: 165px;
	}
	
.topMenu li ul li a.v65-pageAParent {
	color: #FFF;
	}
	
.topMenu li ul li a:hover {
	color: #fff;
	background-color: #333;
	}
	
.topMenu li.v65-home {
	display: none;
	}
	
.topMenu li a.v65-pageAParent {
	color: #FFF;
	}
	
.topMenu li a.v65-selected {
	color: #FFF;
	}
	
	
/* 	====================================================================================================	
	5. Content
======================================================================================================== */			

.contentWrapper {
	background: url("../images/content-top.jpg") top center repeat-x #fff;
	margin: 0 auto;
	padding: 30px 25px;
	width: 920px;
	}
	
	/* 	====================================================================================================			
		5a. Bread Crumbs
	======================================================================================================== */
	
	.breadcrumb {
		height: 18px;
		margin: 0 0 16px;
		color: #666;
		}
		
	.breadcrumb a {
		color: #666;
		}
		
	.breadcrumb a:hover {
		color: #000;
		}
		
	.breadcrumb ul {
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
	.breadcrumb ul li {
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
		}
	
	/* 	====================================================================================================	
		5b. Homepage
	======================================================================================================== */
	
	.homepageTop {
		margin-bottom: 16px;
		}
		
	.homepageSlider {
		float:left;
		margin: 0 20px 0 0;
		padding: 11px 11px 34px 11px;
		width:603px;
		height: 300px;
		background: url("../images/feature-bg.jpg") top center no-repeat #fff;
		}
		
	.homepageSlider .v65-podDescription {
		height: 300px;
		width: 583px;
		padding: 0;
		overflow: hidden;
		}
		
	.homepageBlog {
		float:left;
		margin: 0;
		padding: 11px 0 0 0;
		width: 275px;
		}
		
	.homepageBlog .v65-blogPostWrapper {
		margin:0 0 0.5em;
		border: 0;
		min-height: 60px;
		}
		
	.homepageBlog .v65-avatar {
		}
		
	.homepageBlog .v65-blogPostDate {
		margin: 0 0 2px;
		}
	
	.homepageBlog .v65-blogPost h2 {
		font-size: 16px;
		}
		
	.homepageBlog .v65-blogPost p {
		display: none;
		}
	
	.homepageBlog .v65-blogFooterDate, .homepageBlog .v65-blogFooterLink {
		display: none;
		}
	
	.homepageBlog .v65-blogFooter {
		display: none;
		}
	
	.homepageBottom {
		background: url("../images/content-shadow.jpg") top center no-repeat #fff;
		padding: 30px 0;
		}
	
	.homepagePackages {
		background-color: #FFF;
		border: 1px solid #dedede;
		float: left;
		margin: 0 20px 0 0;
		padding: 20px 0 0 0;
		width: 620px;
		}
		
	.homepagePackages h2 {
		text-align: center;
		}
		
	.homepagePackage {
		border-top: 1px dotted #ccc;
		color: #444;
		float: left;
		text-align: center;
		width: 27%;
		padding: 4% 3% 3% 3%;
		}
		
	.homepagePackage h3 {
		font-size: 20px;
		margin-bottom: 1em;
		}
	
	.homepagePackage h4 {
		font-size: 16px;
		margin-bottom: 18px;
		}
	
	.homepagePackage p {
		font-size: 11px;
		line-height: 14px;
		}
	
	.price {
		margin-bottom: 18px;
		text-align: left;
		}
	
	.homepagePackage .priceLabel {
		color: #999;
		display: inline-block;
		font-size: 11px;
		line-height: 16px;
		text-align: right;
		width: 80px;
		}
	
	.homepagePackage .priceCost {
		color: #000;
		font-size: 22px;
		font-family: "Times New Roman", Times, serif;
		}
		
	.homepagePackage .priceCost sup {
		font-size: 12px;
		}
	
	.middlePackage {
		border-left: 1px dotted #ccc;
		border-right: 1px dotted #ccc;
		}
	
	.homepageSocial {
		float:left;
		width: 260px;
		}
	
	.v65-tweet {  
		font-size: 10px;
		line-height: 1.6em;
		margin-bottom: 14px;
		overflow: hidden;
		width: 260px;
		}
	
	.v65-tweetProfileImage {  
		float: left;
		width: 60px;
		}
	
	.v65-tweetText {  
		float: left;
		width: 200px;
		margin-bottom: 5px;
		}
	
	.v65-tweetDetails {  
		clear: both;
		width: 100%;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		text-align: right;
		}
	
	/* 	====================================================================================================				
		5c. Menus
	======================================================================================================== */
	
	.sideContent {
		float: left;
		width: 240px;
		margin: 35px 0 0 0;
		}
		
	.sideContentLarge {
		float: left;
		width: 340px;
		margin: 35px 0 0 0;
		}
		
	.sideContent h3 {
		margin: 0 0 8px;
		}
		
	.sideContent ul {
		list-style: none;
		margin: 0 0 0 20px;
		padding: 0;
		}
		
	.sideContent li {
		line-height: 1.3em;
		margin: 0 0 0.8em;
		}
		
	.sideContent li a {
		color: #333;
		line-height: 1.4em;
		}
		
	.sideContent li a:hover {
		color: #000;
		}
		
	.sideContent li ul {
		margin: 10px 0 14px 14px;
		}
		
	.sideContent form {
		margin: 0;
		padding: 0;
		}
		
	.sideContent fieldset {
		border: 0;
		margin: 0;
		padding: 0;
		}
		
	.sideContent legend {
		display: none;
		}
	
	.sideContent input {
		height: 18px;
		margin-right: 5px;
		}
	
	.sideContent li a.v65-pageAParent {
		color: #000;
		}
	
	.sideContent li a.v65-leftSelected {
		color: #000;
		font-weight: bold;
		}
		
	/* 	====================================================================================================		
		5d. Pages
	======================================================================================================== */
	
	.pageContent {
		float: left;
		width: 650px;
		margin-right: 30px
		}
		
	.pageContentSmall  {
		float: left;
		width: 550px;
		margin-right: 30px
		}
		
	.pageContentRight {
		float: left;
		width: 650px;
		margin-left: 30px;
		}
		
	.pageContentColumns {
		background: url(../images/column-background.gif) repeat-y;
		margin: 16px 0;
		}
		
	.pageContentColumn {
		float: left;
		margin: 0 40px 0 0;
		width: 305px;
		}
		
	.pageContentColumnRight {
		float: left;
		margin: 0;
		width: 305px;
		}
		
	/* 	====================================================================================================				
		5e. Pricing
	======================================================================================================== */
	
	.packageWrapper {
		border: 1px solid #dedede;
		float: left;
		width: 920px;
		}
		
	.package {
		float: left;
		width: 306px;
		padding: 3% 0;
		}
		
	.package h3 {
		margin-bottom: 1.5em;
		}	
		
	.package ul {
		font-size: 11px;
		margin: 0;
		padding: 1em 2em;
		}
		
	.package ul li {
		margin: 0 0 0 3em;
		padding: 0;
		}
	
	.package p {
		padding: 0 2em;
		}
	
	.package p.price {
		margin-bottom: 18px;
		padding: 16px 0;
		text-align: center;
		background: #000;
		}
	
	.priceLabel {
		color: #ccc;
		display: inline-block;
		font-size: 11px;
		line-height: 16px;
		text-align: right;
		width: auto;
		}
		
	.priceCost {
		color: #fff;
		font-size: 20px;
		font-family: "Times New Roman", Times, serif;
		}
		
	.priceCost sup {
		font-size: 11px;
		}
		
		
	.designPrice {
		width: 140px;
		float: right;
		}
		
		.designPrice .packageLabel {
			width: 60px;	
			}
		
	/* 	====================================================================================================	
	5f. Packages
	======================================================================================================== */		
	.packageLabel {
		color: #777;
		display: inline-block;
		font-size: 11px;
		line-height: 16px;
		text-align: right;
		width: 100px;
		}
	
	.packageCost {
		color: #900;
		font-size: 20px;
		font-family: "Times New Roman", Times, serif;
		}
	
	.packageCost sup {
		font-size: 11px;
		}
	
	.templateWrapper {
		/*height: 230px;*/
		overflow: hidden;
		width: 650px;
		}
	
	.template {
		float: left;
		font-size: 10px;
		font-weight: bold;
		height: 240px;
		margin: 0 10px 10px 0;
		width: 210px;
		}
	
	.templateLarger {
		background: url(../images/view.png) right no-repeat;
		display: inline-block;
		float: right;
		font-weight: normal;
		padding-right: 24px;
		}
	
	.templateHeader a {
		display: inline-block;
		font-size: 14px;
		}
	
	.customDesignSlider {
		margin: 0 20px 0 0;
		padding: 11px 11px 14px 11px;
		width:603px;
		background: url("../images/feature-bg.jpg") top center no-repeat #fff;
		}
	
	.customDesignSlider .v65-podDescription {
		height: 300px;
		overflow: hidden;
		padding: 0 0 0 20px;
		width: 583px;
		}
	
	/* 	====================================================================================================
		5g. Blog
	======================================================================================================== */
	#v65-PagingTop {
		border-bottom: 1px #bbbbbb solid;
		}
		
	.v65-blogPostWrapper {
		border-bottom: 1px #bbbbbb solid;
		}
	
	.blogContent {
		float: left;
		margin: 0 50px 0 0;
		overflow: hidden;
		width: 670px;
		}
	
	.blogRightWrapper {
		font-size: 11px;
		float: left;
		width: 200px;
		overflow: hidden;
		padding: 92px 0 0 0;
		}
		
	#v65-blogSubscribeByRSS { display: inline; }
	
	.blogRightWrapper h5 {
		border-bottom: 1px #bbbbbb solid;
		font-size: 14px;
		margin-bottom: 5px;
		}
		
	.blogRightWrapper fieldset {
		border: 0; 
		padding: 0;
		}
	
	.blogRightWrapper ul {
		list-style:none;
		margin: 0 0 12px 0;
		padding: 0;
		}
	
	/* 	====================================================================================================				
	5h. Client Login
	======================================================================================================== */
	
	#loginFormWrapper {
		float: left;
		margin-right: 100px;
		width: 340px;
		}
	
	#loginFormWrapper form {
	}
	
	#loginFormWrapper input[type="text"], #loginFormWrapper input[type="password"] {
		color: 111;
		font-size: 14px;
		height: 34px;
		line-height: 34px;
		padding: 0 10px;
		width: 250px;
		}
	
	#loginFormWrapper label {
		font-size: 11px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
	
	#loginFormWrapper form div {
		padding: 0 0 20px;
		}
	
	#loginContentWrapper {
		float: left;
		padding: 15px 0 0;
		font-size: 11px;
		width: 465px;
		}
	
	#loginContentWrapper img {
		display: table-column;
		float: left;
		margin: 0 10px 0 0;
		text-align: center;
		}
		
	#loginContentWrapper h3 {
		float: left;
		margin: 0 0 8px;
		padding: 0;
		width: 400px;
		}
		
	#loginContentWrapper h3 a {
		float: right;
		font-size: 11px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height: 18px;
		}
	
	#loginContentWrapper p {
		margin: 0 0 24px;
		}
	
	/* 	====================================================================================================		
		5i. Video
	======================================================================================================== */
	
	#videoPlayer {
		margin-bottom:20px;
		}
		
	/* 	====================================================================================================		
		5j. Templates
	======================================================================================================== */
	
	.templateLarge {
		float: left;
		width: 680px;
		margin: 0 30px 0 0;
		}
		
	.templateThumbnails {
		float: left;
		width: 210px;
		}


/* 	====================================================================================================				
	6. Footer
======================================================================================================== */
.footer {
	border-top: 1px solid #ccc;
	color: #fff;
	font-size: 11px;
	margin: 0 auto;
	overflow: hidden;
	padding: 1em 0;
	width: 970px;
	}

.footerLinks {
	float: left;
	}

.footerLinks ul {
	clear: both;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	}

.footerLinks ul li {
	float: left;
	margin: 0;
	padding: 0;
	}
	
.footerLinks ul li a {
	color: #FFF;
	display: inline-block;
	margin: 0;
	margin-right: 12px;
	position: relative;
	text-decoration: none;
	}
	
.footerLinksLegal ul li a:hover {
	color: #FFF;
	text-decoration:underline;
	}
	
.footerSocial {
	float: right;
	}
	
.footerSocial a {
	margin-left: 6px;
	}

/* 	====================================================================================================				
	7. Modal
======================================================================================================== */

#v65-modalContentWrapper {
	border: 2px solid #3d3d3d;
	}
	
#v65-modalContentHeader {
	background: url(../images/background-modal-header.png) repeat-x #000;
	height: 30px;
	padding: 6px 10px 0 0;
	}

/* 	====================================================================================================				
	8. Sign Up Form
======================================================================================================== */

#signUpForm {
	padding: 20px 0 0 30px;
	width: 500px;
	}
	
#signUpForm h3 {
	clear: both;
	}
	
#signUpForm div {
	float: left;
	margin: 0 0 1em;
	width: 500px;
	clear: both;
	}

#signUpForm p {
	clear: both;
	}

#signUpForm div input[type=text] {
	width: 450px;
	}

#signUpForm label {
	color: #666;
	display: block;
	font-style: italic;
	}

#signUpForm label.beside {
	float: left;
	text-align: right;
	padding-right: 10px;
	width: 100px;
	}
	
#signUpForm .twoCol {
	float: left;
	width: 250px;
	clear: none;
	}
	
#signUpForm div.twoCol input[type=text] {
	width: 200px;
	}
	
.ProjectManager {
	display: none;
	}

/* 	====================================================================================================				
	9. Forms
======================================================================================================== */

.formError {
	background:#FF7F7F; 
	color:#F00; 
	font-weight:bold;
	}

/* 	====================================================================================================				
	10. Buttons
======================================================================================================== */

/* REQUIRED BUTTON STYLES: */
a:hover button {
	text-decoration: none;
	}

button {
	border: 0;
	cursor: pointer;
	padding: 0;
	position: relative;
	overflow: visible; /* removes extra side padding in IE */
	}

button::-moz-focus-inner {
 border: none;  /* overrides extra padding in Firefox */
	}

button span {
	display: inline;
	position: relative;
	white-space: nowrap;
	}

/* OPTIONAL BUTTON STYLES regular button: */		
button.defaultBtn {
	padding: 0 8px;
	margin: 0 5px 0 0;
	text-align: center;
	border-radius: 5px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	text-align: center;
	background: #006699;
	color: #fff;
	}

button.defaultBtn span {
	padding: 0;
	line-height: 24px;
	height: 24px;
	color:#fff;
	background: none;
	}

button.defaultBtn:hover, button.defaultBtnHover {
	background-position: 0;
	background: #0099cc;
	}
	
button.defaultBtn:hover span, button.defaultBtnHover span {
	background-position: 0;
	}

/* OPTIONAL BUTTON STYLES alt button: */		
button.altBtn {
	padding: 0 8px;
	margin: 0 5px 0 0;
	text-align: center;
	border-radius: 5px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	text-align: center;
	background: #999;
	color: #fff;
	}

button.altBtn span {
	padding: 0;
	line-height: 24px;
	height: 24px;
	color:#fff;
	background: none;
	}

button.altBtn:hover, button.altBtnHover {
	background-position: 0;
	background: #ccc;
	}

button.altBtn:hover span, button.altBtnHover span {
	background-position: 0;
	}

/* OPTIONAL BUTTON STYLES modal button: */		
button.modalBtn {
	padding: 0 6px;
	margin-right: 5px;
	font-size: 10px;
	text-align: center;
	background: none;
	}

button.modalBtn span {
	padding: 0;
	line-height: 14px;
	height: 14px;
	color:#fff;
	background: none;
	}

button.modalBtn:hover, button.modalBtnHover {
	background-position: 0;
	}
	
button.modalBtn:hover span, button.modalBtnHover span {
	background-position: 0;
	}

/* OPTIONAL BUTTON STYLES modal alt button: */		
button.altModalBtn {
	padding: 0 6px;
	margin-right: 5px;
	font-size: 10px;
	text-align: center;
	background: none;
	}

button.altModalBtn span {
	padding: 0;
	line-height: 14px;
	height: 14px;
	color:#fff;
	background: none;
	}

button.altModalBtn:hover, button.altModalBtnHover {
	background-position: 0;
	}

button.altModalBtn:hover span, button.altModalBtnHover span {
	background-position: 0;
	}

/* OPTIONAL BUTTON STYLES large button: */		
button.largeBtn {
	padding: 0 12px;
	margin-right: 5px;
	font-size: 16px;
	text-align: center;
	background: none;
	}
	
button.largeBtn span {
	padding: 0;
	line-height: 24px;
	letter-spacing: 1px;
	height: 24px;
	color:#fff;
	background: none;
	}

button.largeBtn:hover, button.largeBtnHover {
	background-position: 0;
	}

button.largeBtn:hover span, button.largeBtnHover span {
	background-position: 0;
	}

button.altLargeBtn {
	padding: 0 12px;
	margin-right: 5px;
	font-size: 16px;
	text-align: center;
	background: none;
	}

button.altLargeBtn span {
	padding: 0;
	line-height: 24px;
	letter-spacing: 1px;
	height: 24px;
	color:#fff;
	background: none;
	}

button.altLargeBtn:hover, button.altlargeBtnHover {
	background-position: 0;
	}
	
button.altLargeBtn:hover span, button.altlargeBtnHover span {
	background-position: 0;
	}

/* REQUIRED LINK BUTTON STYLES: */

/* Link Button Normal */
a.linkBtn {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	padding: 0 8px;
	margin: 0 5px 0 0;
	border-radius: 5px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	text-align: center;
	background: #006699;
	color: #fff;
	}

a.linkBtn:hover {
	background-position: 0;
	text-decoration: none;
	background: #0099cc;
	}

a.linkBtn span {
	background: none;
	text-decoration: none;
	padding: 0;
	}

/* Link ALT Button Normal */
a.linkAltBtn {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	padding: 0 8px;
	margin: 0 5px 0 0;
	border-radius: 5px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	text-align: center;
	background: #999;
	color: #fff;
	}

a.linkAltBtn:hover {
	background-position: 0;
	text-decoration: none;
	background: #ccc;
	}
	
a.linkAltBtn span {
	background: none;
	text-decoration: none;
	padding: 0;
	}

/* Modal Link Button Normal */
a.modalLinkBtn {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	padding: 0 6px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	height: 18px;
	line-height: 18px;
	font-size: 10px;
	text-align: center;
	background: #006699;
	color: #fff;
	}

a.modalLinkBtn:hover {
	background-position: 0;
	text-decoration: none;
	background: #0099cc;
	}

a.modalLinkBtn span {
	background: none;
	text-decoration: none;
	padding: 0;
	}

/* Modal Link ALT Button Normal */
a.modalLinkAltBtn {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	padding: 0 6px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	height: 18px;
	line-height: 18px;
	font-size: 10px;
	text-align: center;
	background: #999;
	color: #fff;
	}

a.modalLinkAltBtn:hover {
	background-position: 0;
	text-decoration: none;
	background: #ccc;
	}

a.modalLinkAltBtn span {
	background: none;
	text-decoration: none;
	padding: 0;
	}

/* Link Button Large */
a.largeLinkBtn {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	padding: 0 10px;
	margin: 0 5px 0 0;
	border-radius: 8px;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	text-align: center;
	background: #006699;
	color: #fff;
	}

a.largeLinkBtn:hover {
	background-position: 0;
	text-decoration: none;
	background: #0099cc;
	}

a.largeLinkBtn span {
	background: none;
	text-decoration: none;
	padding: 0;
	}

/* Link Button Large */
a.largeLinkAltBtn {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	padding: 0 10px;
	margin: 0 5px 0 0;
	border-radius: 8px;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	text-align: center;
	background: #999;
	color: #fff;
	}
	
a.largeLinkAltBtn:hover {
	background-position: 0;
	text-decoration: none;
	background: #ccc;
	}

a.largeLinkAltBtn span {
	background: none;
	text-decoration: none;
	padding: 0;
	}