/*
	Theme Name: Georgia Child Theme
	Theme URI: http://www.studiopress.com/themes/georgia
	Description: Georgia is a two or three column child theme created for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com/

	Version: 1.0
	
	Tags: black, custom-background, custom-header, custom-menu, fixed-width, left-sidebar, one-column, orange, right-sidebar, sticky-post, theme-options, threaded-comments, three-columns, translation-ready, two-columns, white
	
	Template: genesis
	Template Version: 1.6.1

	License: GNU General Public License v2.0
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/
 

/* Table of Contents

* Defaults
* Hyperlinks
* Body
* Wrap
* Header
* Image Header - Partial Width
* Image Header - Full Width
* Navigation Constants
* Header Right Navigation
* Primary Navigation
* Primary Navigation Extras
* Secondary Navigation
* Inner
* Breadcrumb
* Taxonomy Description
* Content-Sidebar Wrap
* Content
* Column Classes
* Headlines
* Unordered / Ordered Lists
* Post Info
* Post Meta
* Author Box
* Sticky Posts
* Archive Page
* Post Icons
* Images
* Post Navigation
* Primary / Secondary Sidebars
* Dropdowns
* Featured Page / Post
* User Profile
* Buttons
* Search Form
* eNews & Updates Widget
* Calendar Widget
* Footer Widgets
* Footer
* Comments
* Gravity Forms

*/


/* Defaults
------------------------------------------------------------ */

body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
input,
select,
textarea {
	color: #444;
    font-family: "Century Gothic";
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

input,
select,
textarea,
.author-box,
.breadcrumb,
.sticky,
.taxonomy-description,
.wp-caption {
	background-color: #fff;
}

ol,
ol li,
ul,
ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ol li {
	list-style-type: decimal;
}

ul li {
	list-style-type: square;
}


/* Hyperlinks
------------------------------------------------------------ */

a,
a:visited {
	
	text-decoration: none;
color: #000;
}

a:hover {
	text-decoration: underline;
color: #8dc73f;
}

a img {
	border: none;
}


/* Body
------------------------------------------------------------ */

body {
	background-image: url(images/bg-pattern-dark.gif);
	background-color: #333;
}


/* Wrap
------------------------------------------------------------ */

#wrap {
	margin: 10px auto;
	width: 960px;
background-color: #fff;
}


/* Header
------------------------------------------------------------ */

#header {
	height: 120px;
	width: 960px;
background-color: #fff;
}

#title-area {
	float: left;
	overflow: hidden;
	padding: 10px 0 0;
	width: 200px;

background: url(images/tdhlogo.jpg) left center no-repeat;
background-position: 20px 10px;

}
	
#title {
    font-family: "Century Gothic";
	font-size: 30px;
	font-variant: small-caps;
	line-height: 36px;
	margin: 0;
}

#title a,
#title a:hover {
	color: #333;
	text-decoration: none;
}

#description {
	color: #817c76;
	font-size: 14px;
}

#header .widget-area {
	float: right;
	width: 550px;
}


/* Image Header - Partial Width
------------------------------------------------------------ */

.header-image #title-area,
.header-image #title,
.header-image #title a {
	display: block;
	float: left;
	height: 120px;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	width: 300px;
}

.header-image #description {
	display: block;
	overflow: hidden;
}


/* Image Header - Full Width
------------------------------------------------------------ */

.header-full-width #title-area,
.header-full-width #title,
.header-full-width #title a {
	width: 960px;
}


/* Navigation Constants
------------------------------------------------------------ */

li:hover ul ul,
li.sfHover ul ul {
	left: -9999px;
}

li:hover,
li.sfHover { 
	position: static;
}


/* Header Right Navigation
------------------------------------------------------------ */

#header ul.nav,
#header ul.menu {
	float: right;
}

#header ul.nav ul,
#header ul.menu ul {
	float: right;
	margin: 0;
	padding: 0;
	width: 100%;
}

#header ul.nav li,
#header ul.menu li {
	background-color: #333;
	float: left;
	list-style-type: none;
}

#header ul.nav li a,
#header ul.menu li a {
	color: #fff;
	display: block;
	font-family: "Century Gothic";
	font-size: 14px;
	font-variant: small-caps;
	padding: 7px 10px 5px;
	position: relative;
	text-decoration: none;
}

#header ul.nav li a:hover,
#header ul.nav li a:active,
#header ul.nav .current_page_item a,
#header ul.nav .current-cat a,
#header ul.nav .current-menu-item a,
#header ul.menu li a:hover,
#header ul.menu li a:active,
#header ul.menu .current_page_item a,
#header ul.menu .current-cat a,
#header ul.menu .current-menu-item a {
	background-color: #817c76;
	color: #fff;
}

#header ul.nav li a .sf-sub-indicator,
#header ul.menu li a .sf-sub-indicator {
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
}

#header ul.nav li li a,
#header ul.nav li li a:link,
#header ul.nav li li a:visited,
#header ul.menu li li a,
#header ul.menu li li a:link,
#header ul.menu li li a:visited {
	background-color: #817c76;
	border: 1px solid #65605b;
	border-top-width: 0;
	color: #fff;
	font-size: 12px;
	padding: 3px 10px;
	position: relative;
	width: 138px;
}

#header ul.nav li li a:hover,
#header ul.nav li li a:active,
#header ul.menu li li a:hover,
#header ul.menu li li a:active {
	background-color: #000;
}

#header ul.nav li ul,
#header ul.menu li ul {
	height: auto;
	left: -9999px;
	position: absolute;
	width: 160px;
	z-index: 9999;
}

#header ul.nav li ul a,
#header ul.menu li ul a { 
	width: 140px;
}

#header ul.nav li ul ul,
#header ul.menu li ul ul {
	margin: -29px 0 0 159px;
}

#header ul.nav li:hover>ul,
#header ul.nav li.sfHover ul,
#header ul.menu li:hover>ul,
#header ul.menu li.sfHover ul {
	left: auto;
}


/* Primary Navigation
------------------------------------------------------------ */

#nav {
	clear: both;
	font-family: "Century Gothic";
background-color: #000;
	font-size: 16px;
	font-variant: small-caps;
	padding: 0 0 3px;
	overflow: hidden;
	width: 960px;

}

#nav ul {
	float: left;
	width: 100%;
    background-color: #000;
height:40px;
}

#nav li {
	float: left;
	list-style-type: none;
}

#nav li a {
	color: #fff;
	display: block;
	padding: 5px 10px;
	position: relative;
	text-decoration: none;
border-style:solid;
border-right:thin dotted #666666;
border-left:thick double #000000;
border-top:thick double #000000;	
border-bottom:thick double #000000;	
}

#nav li a:hover,
#nav li a:active,
#nav .current_page_item a,
#nav .current-cat a,
#nav .current-menu-item a {
	background-color: #000;	
color: #8dc73f;
}

#nav li a .sf-sub-indicator {
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
}

#nav li li a,
#nav li li a:link,
#nav li li a:visited {
	background-color: #000;
	border: 1px solid #817c76;
	border-top-width: 0px;
	color: #fff;
	font-size: 16px;
	padding: 3px 10px;
	position: relative;
	width: 148px;
}

#nav li li a:hover,
#nav li li a:active {
	background-color: #000;
color: #8dc73f;
}

#nav li ul {
	height: auto;
	left: -9999px;
	position: absolute;
	width: 170px;
	z-index: 9999;
}

#nav li ul a { 
	width: 150px;
}

#nav li ul ul {
	margin: -29px 0 0 169px;
}

#nav li:hover>ul,
#nav li.sfHover ul {
	left: auto;
}


/* Primary Navigation Extras
------------------------------------------------------------ */

#nav li.right {
	color: #000;
	float: right;
	padding: 5px 10px;
}

#nav li.right a {
	background: none;
	border: none;
	color: #000;
	display: inline;
	text-decoration: none;
}

#nav li.right a:hover {
	color: #000;
	text-decoration: underline;
}

#nav li.search {
	padding: 0 10px;
}

#nav li.rss a {
	background: url(images/feed.png) no-repeat center left;
	margin: 0 0 0 10px;
	padding: 0 0 0 16px;
}

#nav li.twitter a {
	background: url(images/twitter-nav.png) no-repeat center left;
	padding: 0 0 0 20px;
}


/* Secondary Navigation
------------------------------------------------------------ */

#subnav {
	background-color: #333;
	clear: both;
	color: #fff;
	font-family: "Century Gothic";
	font-size: 16px;
	font-variant: small-caps;
	overflow: hidden;
	width: 960px;
}

#subnav ul {
	float: left;
	width: 100%;
}

#subnav li {
	float: left;
	list-style-type: none;
}

#subnav li a {
	color: #fff;
	display: block;
	padding: 5px 10px;
	position: relative;
	text-decoration: none;
}

#subnav li a:hover,
#subnav li a:active,
#subnav .current_page_item a,
#subnav .current-cat a,
#subnav .current-menu-item a {
	background-color: #817c76;
	color: #fff;
}

#subnav li a .sf-sub-indicator {
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
}

#subnav li li a,
#subnav li li a:link,
#subnav li li a:visited {
	background-color: #817c76;
	border: 1px solid #65605b;
	border-top-width: 0;
	color: #fff;
	font-size: 16px;
	padding: 3px 10px;
	position: relative;
	width: 138px;
}

#subnav li li a:hover,
#subnav li li a:active {
	background-color: #65605b;
}

#subnav li ul {
	height: auto;
	left: -9999px;
	margin: 0 0 0 -1px;
	position: absolute;
	width: 160px;
	z-index: 9999;
}

#subnav li ul a { 
	width: 140px;
}

#subnav li ul ul {
	margin: -29px 0 0 159px;
}

#subnav li:hover>ul,
#subnav li.sfHover ul {
	left: auto;
}


/* Inner
------------------------------------------------------------ */

#inner {
	background-color: #fff;
	margin: 10px auto;
	padding: 5px;
	width: 950px;
}

#inner .wrap {
	
	overflow: hidden;
	padding: 0px 24px;
}


/* Breadcrumb
------------------------------------------------------------ */

.breadcrumb {
	margin: 0 0 30px;
	padding: 5px 10px;
}


/* Taxonomy Description
------------------------------------------------------------ */

.taxonomy-description {
	margin: 0 0 30px;
	padding: 10px;
}


/* Content-Sidebar Wrap
------------------------------------------------------------ */

#content-sidebar-wrap {
	float: left;
	width: 725px;
}

.content-sidebar #content-sidebar-wrap,
.sidebar-content #content-sidebar-wrap {
	width: 900px;
}

.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content-sidebar-wrap {
	float: right;
}

.full-width-content #content-sidebar-wrap {
	width: 900px;
}


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

#content {
	float: left;
	width: 450px;
}

.content-sidebar #content,
.sidebar-content #content {
	width: 620px;
}

.sidebar-content #content,
.sidebar-sidebar-content #content {
	float: right;
}

.full-width-content #content {
	width: 900px;
}

blockquote {
	border-top: 3px solid #ddd;
	border-bottom: 3px solid #ddd;
	clear: both;
	font-style: italic;
	margin: 0 10px 20px;
	padding: 20px 20px 0 20px;
}

blockquote p {
	color: #65605b;
}

.post {
	margin: 0 0 40px;
}

.entry-content {
ext-indent: 1.5em;
}
.entry-content p {
	padding: 0 0 20px;
}

.clear {
	clear: both;
}

.clear-line {
	border-bottom: 1px solid #ddd;
	clear: both;
	margin: 0 0 15px;
}


/* Column Classes
------------------------------------------------------------ */

.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin: 0 0 20px;
	padding-left: 3%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48%;
}

.one-third,
.two-sixths {
	width: 31%;
}

.four-sixths,
.two-thirds {
	width: 65%;
}

.one-fourth {
	width: 22.5%;
}

.three-fourths {
	width: 73.5%;
}

.one-fifth {
	width: 17.4%;
}

.two-fifths {
	width: 37.8%;
}

.three-fifths {
	width: 58.2%;
}

.four-fifths {
	width: 78.6%;
}

.one-sixth {
	width: 14%;
}

.five-sixths {
	width: 82%;
}

.first {
	clear: both;
	padding-left: 0;
}


/* Headlines
------------------------------------------------------------ */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333;
	font-family: "Century Gothic";
	font-variant: small-caps;
	margin: 0 0 5px;
}

h1,
h2,
h2 a,
h2 a:visited {
	color: #333;
	font-family: "Century Gothic";
	font-size: 24px;
	line-height: 30px;
}

h2 a:hover {
	color: #e85119;
	text-decoration: none;
}

.widget-area h2 {
	font-size: 14px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

.widget-area h4,
h5 {
	font-size: 16px;
}

.widget-area h4 a {
	color: #333;
}

.widget-area h4 a:hover {
	color: #333;
	text-decoration: none;
}

h6 {
	font-size: 14px;
}


/* Unordered / Ordered Lists
------------------------------------------------------------ */

.entry-content ol,
.entry-content ul {
	margin: 0;
	padding: 0 0 20px;
}

.entry-content ol {
	margin: 0 0 0 35px;
}

.archive-page ul li,
.entry-content ul li {
	list-style-type: square;
	margin: 0 0 0 30px;
	padding: 0;
}

.entry-content ol li {
	margin: 0 0 0 25px;
}

.archive-page ul li,
.entry-content ul li {
	list-style-type: square;
}

.archive-page ul ul,
.entry-content ul ul,
.entry-content ol ol {
	padding: 0;
}


/* Post Info
------------------------------------------------------------ */

.post-info {
	font-size: 11px;
	margin: 5px 0 10px;
	text-transform: uppercase;
}


/* Post Meta
------------------------------------------------------------ */

.post-meta {
	border-top: 1px solid #ddd;
	clear: both;
	font-size: 11px;
	padding: 5px 0 0;
	text-transform: uppercase;
}


/* Author Box
------------------------------------------------------------ */

.author-box {
	margin: 0 0 40px;
	padding: 10px;
	overflow: hidden;
}


/* Sticky Posts
------------------------------------------------------------ */

.sticky {
	margin: 0 0 40px;
	padding: 10px;
}


/* Archive Page
------------------------------------------------------------ */

.archive-page {
	float: left;
	padding: 20px 0;
	width: 50%;
}


/* Post Icons
------------------------------------------------------------ */

.post-comments,
.tags {
	background: url(images/icon-dot.png) no-repeat center left;
	margin: 0 0 0 3px;
	padding: 0 0 0 8px;
}


/* Images
------------------------------------------------------------ */

img {
	max-width: 100%
}

img.alignleft,
img.alignright,
.alignleft img,
.alignright img {
	max-width: none;
}

.avatar,
.featuredpage img,
.featuredpost img,
.post-image {	
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	padding: 4px;
}

.author-box .avatar {
	background-color: #fff;
	float: left;
	height: 80px;
	margin: 0 10px 0 0;
	width: 80px;
}

.post-image {
	margin: 0 10px 10px 0;
}

.comment-list li .avatar { 
	background-color: #fff;
	float: right;
	margin: 0 5px 0 10px;
	padding: 4px;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}

img.alignnone {
	display: inline;
	margin: 0 0 10px;
}

img.alignleft {
	display: inline;
	margin: 0 10px 10px 0;
}

img.alignright {
	display: inline;
	margin: 0 0 10px 10px;
}

.alignleft {
	float: left;
	margin: 0 10px 0 0;
}

.alignright {
	float: right;
	margin: 0 0 0 10px;
}

.wp-caption {
	border: none;
	padding: 5px;
	text-align: center;
}

p.wp-caption-text {
	font-family: "Century Gothic";
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
	padding: 5px;
}

.wp-smiley,
.wp-wink {
	border: none;
	float: none;
}


/* Post Navigation
------------------------------------------------------------ */

.navigation {
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li.disabled,
.navigation li a:hover,
.navigation li.active a {
	background-color: #333;
	color: #fff;
	padding: 5px 8px;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #e85119;
	color: #fff;
	text-decoration: none;
}


/* Primary / Secondary Sidebars
------------------------------------------------------------ */

.sidebar {
	display: inline;
	float: right;
	width: 250px;
}

#sidebar-alt {
	float: left;
	width: 150px;
}

.sidebar-content #sidebar,
.sidebar-sidebar-content #sidebar {
	float: left;
}

.content-sidebar-sidebar #sidebar-alt {
	float: right;
}

.sidebar .widget {
	border-bottom: 1px solid #ddd;
	margin: 0 0 15px;
	padding: 0 0 15px;
}

.widget-area ol,
.widget-area ul {
	margin: 0 0 -5px 20px;
}

.widget-area ol ol,
.widget-area ul ul {
	margin: 0 0 0 15px;
}

.widget-area ul li {
	list-style-type: square;
 	word-wrap: break-word;
}

.widget-area ol li {
	list-style-type: decimal;
}


/* Dropdowns
------------------------------------------------------------ */

#cat,
.widget_archive select {
	background-color: #f5f5f5;
	color: #65605b;
	display: inline;
	font-size: 12px;
	padding: 3px;
	width: 100%;
}


/* Featured Page / Post
------------------------------------------------------------ */

.featuredpage,
.featuredpost {
	clear: both;
	margin: 0 0 15px;
	overflow: hidden;
}

.featuredpage .page,
.featuredpost .post {
	overflow: hidden;
	margin: 0 0 15px;
}


/* User Profile
------------------------------------------------------------ */

.user-profile {
	overflow: hidden;
}


/* Buttons
------------------------------------------------------------ */

div.gform_footer input.button,
.enews #subbutton,
.reply a,
.reply a:visited,
.searchsubmit,
#submit {
	background-color: #333;
	border: 1px solid #333;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	font-variant: small-caps;
	font-weight: normal;
	padding: 3px 8px;
	text-decoration: none;
}

div.gform_footer input.button:hover,
.enews #subbutton:hover,
.reply a:hover,
.searchsubmit:hover,
#submit:hover {
	background-color: #e85119;
	border: 1px solid #e85119;
	color: #fff;
	text-decoration: none;
}


/* Search Form
------------------------------------------------------------ */

#header .searchform {
	float: right;
	padding: 25px 0 0;
}

#nav .searchform {
	float: right;
}

.s {
	color: #65605b;
	font-size: 12px;
	margin: 0 2px 0 0;
	padding: 4px 0 4px 5px;
	width: 200px;
}

.sidebar .s {
	width: 170px;
}


/* eNews and Update Widget
------------------------------------------------------------ */

.enews #subbox {
	color: #65605b;
	font-size: 12px;
	margin: 5px 5px 0 0;
	padding: 4px 0 4px 5px;
	width: 190px;
}


/* Calendar Widget
------------------------------------------------------------ */

#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	font-size: 12px;
	font-style: italic;
	padding: 2px 5px 0 0;
	text-align: right;
}

#wp-calendar thead {
	background-color: #f5f5f5;
	font-weight: bold;
	margin: 10px 0 0;
}

#wp-calendar td {
	background-color: #f5f5f5;
	padding: 2px;
	text-align: center;
}


/* Footer Widgets
------------------------------------------------------------ */

#footer-widgets {
	background-color: #000;
	color:#ccc;
    clear: both;
    font-size: 13px;
    overflow: hidden;
    width: 960px;
   	-moz-box-shadow: 0 1px 1px #999; 
	-webkit-box-shadow: 0 1px 1px #999;
}
 
#footer-widgets .wrap {
	
	overflow: hidden;
	padding: 20px 24px 5px;
}
 
#footer-widgets .widget {
    background: none;
    border: none;
    margin: 0 0 15px;
    padding: 0;
}

#footer-widgets .textwidget {
	padding: 0;
}

#footer-widgets .widget_tag_cloud div div {
	padding: 0;
}

#footer-widgets p {
    font-size: 13px;
    padding: 0 0 10px;
}

#footer-widgets ul {
    list-style-type: none;
    margin: 0 0 10px;
}
 
#footer-widgets ul li {
    list-style-type: square;
    margin: 0 0 0 15px;
}

#footer-widgets #wp-calendar thead,
#footer-widgets #wp-calendar td {
	background: none;
}

.footer-widgets-1 {
    float: left;
    padding: 0 30px 0 0;
    width: 270px;
}
 
.footer-widgets-2 {
    float: left;
    width: 270px;
}
 
.footer-widgets-3 {
    float: right;
    width: 270px;
}


/* Footer
------------------------------------------------------------ */

#footer {
	clear: both;
	font-size: 13px;
	font-variant: small-caps;
	overflow: hidden;
	padding:10px 0px 10px 0px;
	width: 960px;
    height: 50px;
	background-color: #000;
}

#footer p {
padding:0px 22px 0px 22px; 
color: #aaa;
font-size: 12px;
}

#footer a,
a:visited {
color: #aaa;
}

#footer a:hover {
color: #8dc73f;
}

#footer .gototop {
	float: left;
	width: 200px;
}

#footer .creds {
	float: right;
	text-align: right;
	width: 755px;
}
#footer p.timlinks {
padding:0px 0px 0px 0px; 
text-align: center; }

/* Comments
------------------------------------------------------------ */

#comments,
#respond {
	margin: 0 0 15px;
	overflow: hidden;
}

#author,
#comment,
#email,
#url {
	font-size: 12px;
	margin: 10px 5px 0 0;
	padding: 5px;
	width: 250px;
}

#comment {
	height: 150px;
	margin: 10px 0;
	width: 98%;
}

.ping-list {
	margin: 0 0 40px;
}

.comment-list ol,
.ping-list ol {
	padding: 10px;
}

.comment-list li,
.ping-list li {
	font-weight: bold;
	margin: 15px 0 5px;
	padding: 10px 5px 10px 10px;
}

.comment-list li ul li {
	list-style-type: none;
	margin-left: 10px;
	margin-right: -6px;
}

.comment-list p,
.ping-list p {
	margin: 10px 5px 10px 0;
}

.comment-list cite,
.ping-list cite {
	font-style: normal;
}

.commentmetadata {
	font-size: 11px;
}

.nocomments {
	text-align: center;
}

#comments .navigation {
	display: block;
}

.thread-alt,
.thread-even {
	background-color: #f5f5f5;
}

.alt,
.depth-1,
.even {
	border: 1px solid #ddd;
}


/* Gravity Forms
------------------------------------------------------------ */

div.gform_wrapper input,
div.gform_wrapper select,
div.gform_wrapper textarea {
	color: #65605b !important;
	font-family: Georgia, Times, 'Times New Roman', serif !important;
	font-size: 12px;
	padding: 4px 5px !important;
}

div.gform_footer input.button {
	color: #fff !important;
}

div.gform_wrapper .ginput_complex label {
	font-size: 12px;
}

div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 0 0 10px;
}

div.gform_wrapper .gform_footer {
	border: none;
	margin: 0;
	padding: 0;
}

/**************************** Photoshuffler *****************************/

#pswrap {
 margin: 0 auto 0 auto;
 padding: 2em;
 border-left: 3px solid #000;
 border-right: 3px solid #000;
 width: 500px;
 background-color:#000;
}

pre {
 padding:10px;
 border: 1px dotted #eee;
 background-color:#000;
}


#photodiv {
  background-repeat: no-repeat;
position:relative;
top:+2px;
z-index: 0;
}

#tagline{
color: #ffffff;
padding-left:30px;
font-size: 32px;
background-color:#000;
width: 930px;
line-height: 65px;
}

#gp1{
position:relative;
right:-25px;
top: 20px;
margin: 0px; padding: 0px; float: right;
overflow none;
}



/**************************** Megamenu *****************************/

#menu {
	list-style:none;
	width:960px;
position:relative;
top:+2px;
    z-index: 2;
	height:43px;




/* Background color and gradients */
	
background: #000;

	
	/* Borders */
	
	border: 1px solid #000;

}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 10px;
	margin-right:15px;
	margin-top:7px;
	border:none;
}

#menu li:hover {
	border: 1px solid #777777;
	padding: 4px 9px 4px 9px;
	
	/* Background color and gradients */
	
	background: #cccccc;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#menu li a {
	font-family: "Century Gothic";
	font-size:14px; 
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}

#menu li:hover a {
	color:#161616;
	text-shadow: 1px 1px 1px #ffffff;
}
#menu li .drop {
	padding-right:21px;
	background:url("img/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
	background:url("img/drop.png") no-repeat right 7px;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li {
	font-family: "Century Gothic";
	line-height:21px;
	font-size:12px;
	text-align:left;
	text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
}
#menu h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:12px;
	color:#015b86;
}
#menu li:hover div a:hover {
	color:#029feb;
}


.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#menu li .black_box {
	background-color:#333333;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

#menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}
/**************************** Buttons *****************************/

/*A little house-keeping*/
input:focus, textarea:focus {outline: none;}
a:active, a:focus {outline: 0}

/*general css styling for buttons*/
.button, .bluegrey,  .grey
{font-size: 13px; cursor: pointer;
text-decoration: none;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
padding: 7px 13px;
-webkit-box-shadow: inset 0 1px 2px #F0F0F0,  0 0 5px #BABABA;
-moz-box-shadow: inset 0 1px 2px #F0F0F0,  0 0 3px #BABABA;
-o-box-shadow: inset 0 1px 2px #F0F0F0,  0 0 3px #BABABA;
-ms-box-shadow: inset 0 1px 2px #F0F0F0,  0 0 3px #BABABA;
box-shadow: inset 0 1px 2px #F0F0F0,  0 0 3px #BABABA;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-khtml-border-radius: 4px; 
-o-border-radius: 4px; 
-ms-border-radius: 4px;
border-radius: 4px; 
behavior: url(css/PIE.htc);
}

/*input formating for css buttons*/
input.bluegrey, input.grey{
height: 32px;
}

/*links formating for css buttons*/
a.bluegrey:hover,a.grey:hover{
text-decoration: none; cursor: pointer;}

/*size formating for css buttons*/
.bold{font-weight: bold}
.small{font-size: 11px !important; padding: 4px 8px;}
.large{font-size: 20px!important; padding: 8px 11px !important;}
.x-large{font-size: 36px!important; padding: 10px 15px !important;}
.xx-large{font-size: 48px!important; padding: 12px 18px !important;}

/*shapes formating for css buttons*/
.normal, .normal:hover{
-webkit-box-shadow: inset 0 1px 2px #FFFFFF !important;
-moz-box-shadow: inset 0 1px 2px #FFFFFF !important;
-o-box-shadow: inset 0 1px 2px #FFFFFF !important;
-ms-box-shadow: inset 0 1px 2px #FFFFFF !important;
box-shadow: inset 0 1px 2px #FFFFFF !important;
behavior: url(css/PIE.htc);}

.normal:active{
-moz-transition: all 0 linear;
-webkit-transition: all 0 linear;
-o-transition: all 0 linear;
-ms-transition: all 0 linear;
transition: all 0 linear;
-o-box-shadow: inset 0 1px 2px #6D6D6D !important;
-webkit-box-shadow: inset 0 1px 2px #6D6D6D !important;
-moz-box-shadow: inset 0 1px 2px #6D6D6D !important;
-ms-box-shadow: inset 0 1px 2px #6D6D6D !important;
box-shadow: inset 0 1px 2px #6D6D6D !important;
behavior: url(css/PIE.htc);
}

.round{
-moz-border-radius: 100px !important;
-webkit-border-radius: 100px !important;
-khtml-border-radius: 100px !important;
-o-border-radius: 100px !important;
-ms-border-radius: 100px !important;
border-radius: 100px !important;
behavior: url(css/PIE.htc);}

.r-bullet{
-moz-border-radius: 7px 20px 20px 7px !important;
-webkit-border-radius: 7px 20px 20px 7px !important;
-khtml-border-radius: 7px 20px 20px 7px !important;
-o-border-radius: 7px 20px 20px 7px !important;
-ms-border-radius: 7px 20px 20px 7px !important;
border-radius: 7px 20px 20px 7px !important;
behavior: url(css/PIE.htc);
}

.l-bullet{
-moz-border-radius: 20px 7px 7px 20px !important;
-webkit-border-radius: 20px 7px 7px 20px !important;
-khtml-border-radius: 20px 7px 7px 20px !important;
-o-border-radius: 20px 7px 7px 20px !important;
-ms-border-radius: 20px 7px 7px 20px !important;
border-radius: 20px 7px 7px 20px !important;
behavior: url(css/PIE.htc);
}

.box {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-o-border-radius: 0 !important;
-ms-border-radius: 0 !important;
-khtml-border-radius: 0 !important;
border-radius: 0 !important;}

.inset {
-o-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA !important;
-webkit-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA !important;
-moz-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA !important;
-ms-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA !important;
box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA !important;
behavior: url(css/PIE.htc);
}

.cta{
    display: inline-block;
    height: auto;
    padding: 0 20px 4px;
    position: relative;
    width: auto;
}

.cta-title{
	float: left;
	display: inline-block;
    padding: 9px 13px 19px 0;
    position: relative;
	font-size: 24px !important;
}

.cta-tagline{
	display: inline-block;
    float: left;
    font-size: 11px;
    left: 0;
    padding: 36px 21px 0;
    position: absolute;
}

.showcase .cta span{margin: 0;}

/*color formating for css buttons*/
.grey{
/*grey color*/
border: 1px solid #818181; color: #FFFFFF; text-shadow: none;
background: #818181;
background: -moz-linear-gradient(top, #969696 0%, #818181 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(100%,#818181));
background: -webkit-linear-gradient(top, #969696 0%,#818181 100%);
background: -o-linear-gradient(top, #969696 0%,#818181 100%);
background: -ms-linear-gradient(top, #969696 0%,#818181 100%);
-pie-background: linear-gradient(#969696, #818181);
background: linear-gradient(top, #969696 0%,#818181 100%);
}

.grey:hover{
background: #8e8e8e;
background: -moz-linear-gradient(top, #a1a1a1 0%, #8e8e8e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(100%,#8e8e8e));
background: -webkit-linear-gradient(top, #a1a1a1 0%,#8e8e8e 100%);
background: -o-linear-gradient(top, #a1a1a1 0%,#8e8e8e 100%);
background: -ms-linear-gradient(top, #a1a1a1 0%,#8e8e8e 100%);
-pie-background: linear-gradient(#a1a1a1, #8e8e8e);
background: linear-gradient(top, #a1a1a1 0%,#8e8e8e 100%);}

a.grey, a.grey:hover, a.grey:active{color: #FFFFFF !important}


/*bluegrey color*/

.bluegrey{
border: 1px solid #708690; color: #FFFFFF; text-shadow: none;
background: #596a72;
background: -moz-linear-gradient(top, #a7b3ba 0%, #596a72 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7b3ba), color-stop(100%,#596a72));
background: -webkit-linear-gradient(top, #a7b3ba 0%,#596a72 100%);
background: -o-linear-gradient(top, #a7b3ba 0%,#596a72 100%);
background: -ms-linear-gradient(top, #a7b3ba 0%,#596a72 100%);
-pie-background: linear-gradient(#a7b3ba, #596a72);
background: linear-gradient(top, #a7b3ba 0%,#596a72 100%);}

.bluegrey:hover{
background: #6e838c;
background: -moz-linear-gradient(top, #b5bfc5 0%, #6e838c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bfc5), color-stop(100%,#6e838c));
background: -webkit-linear-gradient(top, #b5bfc5 0%,#6e838c 100%);
background: -o-linear-gradient(top, #b5bfc5 0%,#6e838c 100%);
background: -ms-linear-gradient(top, #b5bfc5 0%,#6e838c 100%);
-pie-background: linear-gradient(#b5bfc5, #6e838c);
background: linear-gradient(top, #b5bfc5 0%,#6e838c 100%);}

a.bluegrey, a.bluegrey:hover, a.bluegrey:active{color: #FFFFFF !important}

/*end of color formating*/

/*button hover effect for css buttons*/
.button:hover, .bluegrey:hover, .grey:hover
{text-decoration: none;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
-o-box-shadow: inset 0 1px 4px #FFFFFF,  0 0 7px #BABABA;
-webkit-box-shadow: inset 0 1px 4px #FFFFFF,  0 0 7px #BABABA;
-moz-box-shadow: inset 0 1px 4px #FFFFFF,  0 0 7px #BABABA;
-ms-box-shadow: inset 0 1px 4px #FFFFFF,  0 0 7px #BABABA;
box-shadow: inset 0 1px 4px #FFFFFF,  0 0 7px #BABABA;
}

/*button active effect for css buttons*/
.button:active, .bluegrey:active, .grey:active{
position: relative;
top: 1px;
-moz-transition: all 0 linear;
-webkit-transition: all 0 linear;
-o-transition: all 0 linear;
-ms-transition: all 0 linear;
transition: all 0 linear;
-o-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA;
-webkit-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA;
-moz-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA;
-ms-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA;
box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA;
}

/*icons*/
div span.icon {margin:10px 20px 10px 0}
.refresh, .mail, .inbox, .previous, .next, .browse, .stats, .user, .settings, .delete, .tour, .downloads, .bookmark, .contacts, .save, .calendar, .select, .customize, .question, .typography{display: inline-block; height: 16px; margin: -2px 5px -3px 5px; position: relative; width: 16px;}
.refresh {background: url(icons/refresh.png) 0 0 no-repeat;}
.browse {background: url(icons/browse.png) 0 0 no-repeat;}
.mail {background: url(icons/mail.png) 0 0 no-repeat;}
.inbox {background: url(icons/inbox.png) 0 0 no-repeat;}
.previous {background: url(icons/previous.png) 0 0 no-repeat;}
.next {background: url(icons/next.png) 0 0 no-repeat;}
.stats {background: url(icons/stats.png) 0 0 no-repeat;}
.delete {background: url(icons/delete.png) 0 0 no-repeat;}
.user {background: url(icons/user.png) 0 0 no-repeat;}
.settings {background: url(icons/settings.png) 0 0 no-repeat;}
.tour {background: url(icons/tour.png) 0 0 no-repeat;}
.downloads {background: url(icons/download.png) 0 0 no-repeat;}
.bookmark {background: url(icons/bookmark.png) 0 0 no-repeat;}
.contacts {background: url(icons/contacts.png) 0 0 no-repeat;}
.save {background: url(icons/save.png) 0 0 no-repeat;}
.calendar {background: url(icons/calendar.png) 0 0 no-repeat;}
.select {background: url(icons/select.png) 0 0 no-repeat;}
.customize {background: url(icons/customize.png) 0 0 no-repeat;}
.question {background: url(icons/question.png) 0 0 no-repeat;}
.typography {background: url(icons/typography.png) 0 0 no-repeat;}
/*end*/

/*Elitepack bright css3 buttons
Copyright (c) 2011 Arrowthemes.com
-------------------------------------------- */

/*A little house-keeping*/
input:focus, textarea:focus {outline: none;}
a:active, a:focus {outline: 0}

/*general css styling for buttons*/
.button, .red, .crimson, .orange, .yellow, .lime, .neon, .olive, .green, .lavender, .cyan, .blue, .darkblue, .bluegrey, .brown, .brownred, .lilac, .purple, .pink, .grey, .black, .periwinkle 
{font-size: 13px; cursor: pointer;
text-decoration: none;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
padding: 7px 13px;
-webkit-box-shadow: inset 0 1px 2px #F0F0F0,  0 0 5px #BABABA;
-moz-box-shadow: inset 0 1px 2px #F0F0F0,  0 0 3px #BABABA;
-o-box-shadow: inset 0 1px 2px #F0F0F0,  0 0 3px #BABABA;
-ms-box-shadow: inset 0 1px 2px #F0F0F0,  0 0 3px #BABABA;
box-shadow: inset 0 1px 2px #F0F0F0,  0 0 3px #BABABA;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-khtml-border-radius: 4px; 
-o-border-radius: 4px; 
-ms-border-radius: 4px;
border-radius: 4px; 
behavior: url(css/PIE.htc);
}

/*input formating for css buttons*/
input.red, input.crimson, input.orange, input.yellow, input.lime, input.neon, input.olive, input.green, input.lavender, input.cyan, input.blue, input.darkblue, input.bluegrey, input.brown, input.brownred, input.lilac, input.purple, input.pink, input.grey, input.black, input.periwinkle{
height: 32px;
}

/*links formating for css buttons*/
a.red, a.red:hover, a.crimson, a.crimson:hover, a.orange, a.orange:hover, a.yellow, a.yellow:hover, a.lime, a.lime:hover, a.neon, a.neon:hover, a.olive, a.olive:hover, a.green, a.green:hover, a.lavender, a.lavender:hover, a.cyan, a.cyan:hover, a.blue, a.blue:hover, a.darkblue, a.darkblue:hover, a.bluegrey, a.bluegrey:hover,  a.brown, a.brown:hover, a.brownred, a.brownred:hover, a.lilac, a.lilac:hover, a.purple, a.purple:hover, a.pink, a.pink:hover, a.grey, a.grey:hover, a.black, a.black:hover, a.periwinkle, a.periwinkle:hover{
text-decoration: none; cursor: pointer;}

/*size formating for css buttons*/
.bold{font-weight: bold}
.small{font-size: 11px !important; padding: 4px 8px;}
.large{font-size: 20px!important; padding: 8px 11px !important;}
.x-large{font-size: 36px!important; padding: 10px 15px !important;}
.xx-large{font-size: 48px!important; padding: 12px 18px !important;}

/*shapes formating for css buttons*/
.normal, .normal:hover{
-webkit-box-shadow: inset 0 1px 2px #FFFFFF !important;
-moz-box-shadow: inset 0 1px 2px #FFFFFF !important;
-o-box-shadow: inset 0 1px 2px #FFFFFF !important;
-ms-box-shadow: inset 0 1px 2px #FFFFFF !important;
box-shadow: inset 0 1px 2px #FFFFFF !important;
behavior: url(css/PIE.htc);}

.normal:active{
-moz-transition: all 0 linear;
-webkit-transition: all 0 linear;
-o-transition: all 0 linear;
-ms-transition: all 0 linear;
transition: all 0 linear;
-o-box-shadow: inset 0 1px 2px #6D6D6D !important;
-webkit-box-shadow: inset 0 1px 2px #6D6D6D !important;
-moz-box-shadow: inset 0 1px 2px #6D6D6D !important;
-ms-box-shadow: inset 0 1px 2px #6D6D6D !important;
box-shadow: inset 0 1px 2px #6D6D6D !important;
behavior: url(css/PIE.htc);
}

.round{
-moz-border-radius: 100px !important;
-webkit-border-radius: 100px !important;
-khtml-border-radius: 100px !important;
-o-border-radius: 100px !important;
-ms-border-radius: 100px !important;
border-radius: 100px !important;
behavior: url(css/PIE.htc);}

.r-bullet{
-moz-border-radius: 7px 20px 20px 7px !important;
-webkit-border-radius: 7px 20px 20px 7px !important;
-khtml-border-radius: 7px 20px 20px 7px !important;
-o-border-radius: 7px 20px 20px 7px !important;
-ms-border-radius: 7px 20px 20px 7px !important;
border-radius: 7px 20px 20px 7px !important;
behavior: url(css/PIE.htc);
}

.l-bullet{
-moz-border-radius: 20px 7px 7px 20px !important;
-webkit-border-radius: 20px 7px 7px 20px !important;
-khtml-border-radius: 20px 7px 7px 20px !important;
-o-border-radius: 20px 7px 7px 20px !important;
-ms-border-radius: 20px 7px 7px 20px !important;
border-radius: 20px 7px 7px 20px !important;
behavior: url(css/PIE.htc);
}

.box {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-o-border-radius: 0 !important;
-ms-border-radius: 0 !important;
-khtml-border-radius: 0 !important;
border-radius: 0 !important;}

.inset {
-o-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA !important;
-webkit-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA !important;
-moz-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA !important;
-ms-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA !important;
box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA !important;
behavior: url(css/PIE.htc);
}

.cta{
    display: inline-block;
    height: auto;
    padding: 0 20px 4px;
    position: relative;
    width: auto;
}

.cta-title{
	float: left;
	display: inline-block;
    padding: 9px 13px 19px 0;
    position: relative;
	font-size: 24px !important;
}

.cta-tagline{
	display: inline-block;
    float: left;
    font-size: 11px;
    left: 0;
    padding: 36px 21px 0;
    position: absolute;
}

.showcase .cta span{margin: 0;}

/*color formating for css buttons*/
.grey{
/*grey color*/
border: 1px solid #818181; color: #FFFFFF; text-shadow: none;
background: #818181;
background: -moz-linear-gradient(top, #969696 0%, #818181 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(100%,#818181));
background: -webkit-linear-gradient(top, #969696 0%,#818181 100%);
background: -o-linear-gradient(top, #969696 0%,#818181 100%);
background: -ms-linear-gradient(top, #969696 0%,#818181 100%);
-pie-background: linear-gradient(#969696, #818181);
background: linear-gradient(top, #969696 0%,#818181 100%);
}

.grey:hover{
background: #8e8e8e;
background: -moz-linear-gradient(top, #a1a1a1 0%, #8e8e8e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(100%,#8e8e8e));
background: -webkit-linear-gradient(top, #a1a1a1 0%,#8e8e8e 100%);
background: -o-linear-gradient(top, #a1a1a1 0%,#8e8e8e 100%);
background: -ms-linear-gradient(top, #a1a1a1 0%,#8e8e8e 100%);
-pie-background: linear-gradient(#a1a1a1, #8e8e8e);
background: linear-gradient(top, #a1a1a1 0%,#8e8e8e 100%);}

a.grey, a.grey:hover, a.grey:active{color: #FFFFFF !important}

/*blue color*/
.blue{
border: 1px solid #0fb4e7; color: #064256; text-shadow: 0 1px #BBEEF9;
background: #0fb4e7;
background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7));
background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%);
background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%);
background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%);
-pie-background: linear-gradient(#a9e4f7, #0fb4e7);
background: linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%);
}

.blue:hover{
background: #b9e9f9;
background: -moz-linear-gradient(top, #b9e9f9 0%, #38c7f2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9e9f9), color-stop(100%,#38c7f2));
background: -webkit-linear-gradient(top, #b9e9f9 0%,#38c7f2 100%);
background: -o-linear-gradient(top, #b9e9f9 0%,#38c7f2 100%);
background: -ms-linear-gradient(top, #b9e9f9 0%,#38c7f2 100%);
-pie-background: linear-gradient(#b9e9f9, #38c7f2);
background: linear-gradient(top, #b9e9f9 0%,#38c7f2 100%);
}

a.grey, a.grey:hover, a.grey:active{color: #064256 !important}

/*dark blue color*/

.darkblue{
border: 1px solid #448CD3; color: #FFFFFF; text-shadow: none;
background: #356aa0;
background: -moz-linear-gradient(top, #4690db 0%, #356aa0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4690db), color-stop(100%,#356aa0));
background: -webkit-linear-gradient(top, #4690db 0%,#356aa0 100%);
background: -o-linear-gradient(top, #4690db 0%,#356aa0 100%);
background: -ms-linear-gradient(top, #4690db 0%,#356aa0 100%);
-pie-background: linear-gradient(#4690db, #356aa0);
background: linear-gradient(top, #4690db 0%,#356aa0 100%);}

.darkblue:hover{
background: #4281c0;
background: -moz-linear-gradient(top, #63a2e1 0%, #4281c0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63a2e1), color-stop(100%,#4281c0));
background: -webkit-linear-gradient(top, #63a2e1 0%,#4281c0 100%);
background: -o-linear-gradient(top, #63a2e1 0%,#4281c0 100%);
background: -ms-linear-gradient(top, #63a2e1 0%,#4281c0 100%);
-pie-background: linear-gradient(#63a2e1, #4281c0);
background: linear-gradient(top, #63a2e1 0%,#4281c0 100%);
}

a.darkblue, a.darkblue:hover, a.darkblue:active{color: #FFFFFF !important}

/*green color*/

.green{
border: 1px solid #299a0b; color: #FFFFFF; text-shadow: none;
background: #299a0b;
background: -moz-linear-gradient(top, #2db50e 0%, #299a0b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2db50e), color-stop(100%,#299a0b));
background: -webkit-linear-gradient(top, #2db50e 0%,#299a0b 100%);
background: -o-linear-gradient(top, #2db50e 0%,#299a0b 100%);
background: -ms-linear-gradient(top, #2db50e 0%,#299a0b 100%);
-pie-background: linear-gradient(#2db50e, #299a0b);
background: linear-gradient(top, #2db50e 0%,#299a0b 100%);}

.green:hover{
background: #2eaa0c;
background: -moz-linear-gradient(top, #31c50f 0%, #2eaa0c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#31c50f), color-stop(100%,#2eaa0c));
background: -webkit-linear-gradient(top, #31c50f 0%,#2eaa0c 100%);
background: -o-linear-gradient(top, #31c50f 0%,#2eaa0c 100%);
background: -ms-linear-gradient(top, #31c50f 0%,#2eaa0c 100%);
-pie-background: linear-gradient(#31c50f, #2eaa0c);
background: linear-gradient(top, #31c50f 0%,#2eaa0c 100%);}

a.green, a.green:hover, a.green:active{color: #FFFFFF !important}

/*neon color*/

.neon {
border: 1px solid #91e842; color: #355105; text-shadow: 0 1px #ECFFBA;
background: #91e842;
background: -moz-linear-gradient(top, #d2ff52 0%, #91e842 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2ff52), color-stop(100%,#91e842));
background: -webkit-linear-gradient(top, #d2ff52 0%,#91e842 100%);
background: -o-linear-gradient(top, #d2ff52 0%,#91e842 100%);
background: -ms-linear-gradient(top, #d2ff52 0%,#91e842 100%);
-pie-background: linear-gradient(#d2ff52, #91e842);
background: linear-gradient(top, #d2ff52 0%,#91e842 100%);}

.neon:hover{
background: #9eeb55;
background: -moz-linear-gradient(top, #d6ff65 0%, #9eeb55 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6ff65), color-stop(100%,#9eeb55));
background: -webkit-linear-gradient(top, #d6ff65 0%,#9eeb55 100%);
background: -o-linear-gradient(top, #d6ff65 0%,#9eeb55 100%);
background: -ms-linear-gradient(top, #d6ff65 0%,#9eeb55 100%);
-pie-background: linear-gradient(#d6ff65, #9eeb55);
background: linear-gradient(top, #d6ff65 0%,#9eeb55 100%);}

a.neon, a.neon:hover, a.neon:active{color: #355105 !important}

/*lime color*/

.lime{
border: 1px solid #c3d825; color: #355105; text-shadow: 0 1px #ECFFBA;
background: #c3d825;
background: -moz-linear-gradient(top, #e6f0a3 0%, #c3d825 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f0a3), color-stop(100%,#c3d825));
background: -webkit-linear-gradient(top, #e6f0a3 0%,#c3d825 100%);
background: -o-linear-gradient(top, #e6f0a3 0%,#c3d825 100%);
background: -ms-linear-gradient(top, #e6f0a3 0%,#c3d825 100%);
-pie-background: linear-gradient(#e6f0a3, #c3d825);
background: linear-gradient(top, #e6f0a3 0%,#c3d825 100%);}

.lime:hover{
background: #d0e151;
background: -moz-linear-gradient(top, #ebf3b7 0%, #d0e151 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf3b7), color-stop(100%,#d0e151));
background: -webkit-linear-gradient(top, #ebf3b7 0%,#d0e151 100%);
background: -o-linear-gradient(top, #ebf3b7 0%,#d0e151 100%);
background: -ms-linear-gradient(top, #ebf3b7 0%,#d0e151 100%);
-pie-background: linear-gradient(#ebf3b7, #d0e151);
background: linear-gradient(top, #ebf3b7 0%,#d0e151 100%);
}

a.lime, a.lime:hover, a.lime:active{color: #355105 !important}

/*olive color*/

.olive{
border: 1px solid #9FAE4F; color: #FFFFFF; text-shadow: none;
background: #75890c;
background: -moz-linear-gradient(top, #a4b357 0%, #75890c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4b357), color-stop(100%,#75890c));
background: -webkit-linear-gradient(top, #a4b357 0%,#75890c 100%);
background: -o-linear-gradient(top, #a4b357 0%,#75890c 100%);
background: -ms-linear-gradient(top, #a4b357 0%,#75890c 100%);
-pie-background: linear-gradient(#a4b357, #75890c);
background: linear-gradient(top, #a4b357 0%,#75890c 100%);}

.olive:hover{
background: #8fa90f;
background: -moz-linear-gradient(top, #adba68 0%, #8fa90f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adba68), color-stop(100%,#8fa90f));
background: -webkit-linear-gradient(top, #adba68 0%,#8fa90f 100%);
background: -o-linear-gradient(top, #adba68 0%,#8fa90f 100%);
background: -ms-linear-gradient(top, #adba68 0%,#8fa90f 100%);
-pie-background: linear-gradient(#adba68, #8fa90f);
background: linear-gradient(top, #adba68 0%,#8fa90f 100%);}

a.olive, a.olive:hover, a.olive:active{color: #FFFFFF !important}

/*bluegrey color*/

.bluegrey{
border: 1px solid #708690; color: #FFFFFF; text-shadow: none;
background: #596a72;
background: -moz-linear-gradient(top, #a7b3ba 0%, #596a72 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7b3ba), color-stop(100%,#596a72));
background: -webkit-linear-gradient(top, #a7b3ba 0%,#596a72 100%);
background: -o-linear-gradient(top, #a7b3ba 0%,#596a72 100%);
background: -ms-linear-gradient(top, #a7b3ba 0%,#596a72 100%);
-pie-background: linear-gradient(#a7b3ba, #596a72);
background: linear-gradient(top, #a7b3ba 0%,#596a72 100%);}

.bluegrey:hover{
background: #6e838c;
background: -moz-linear-gradient(top, #b5bfc5 0%, #6e838c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bfc5), color-stop(100%,#6e838c));
background: -webkit-linear-gradient(top, #b5bfc5 0%,#6e838c 100%);
background: -o-linear-gradient(top, #b5bfc5 0%,#6e838c 100%);
background: -ms-linear-gradient(top, #b5bfc5 0%,#6e838c 100%);
-pie-background: linear-gradient(#b5bfc5, #6e838c);
background: linear-gradient(top, #b5bfc5 0%,#6e838c 100%);}

a.bluegrey, a.bluegrey:hover, a.bluegrey:active{color: #FFFFFF !important}

/*cyan color*/

.cyan {
border: 1px solid #7FC0E1; color: #16445C; text-shadow: 0 1px #CBE5F3;
background: #7fc0e1;
background: -moz-linear-gradient(top, #9fd0e9 0%, #7fc0e1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fd0e9), color-stop(100%,#7fc0e1));
background: -webkit-linear-gradient(top, #9fd0e9 0%,#7fc0e1 100%);
background: -o-linear-gradient(top, #9fd0e9 0%,#7fc0e1 100%);
background: -ms-linear-gradient(top, #9fd0e9 0%,#7fc0e1 100%);
-pie-background: linear-gradient(#9fd0e9, #7fc0e1);
background: linear-gradient(top, #9fd0e9 0%,#7fc0e1 100%);}

.cyan:hover{
background: #99cde7;
background: -moz-linear-gradient(top, #b3daed 0%, #99cde7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3daed), color-stop(100%,#99cde7));
background: -webkit-linear-gradient(top, #b3daed 0%,#99cde7 100%);
background: -o-linear-gradient(top, #b3daed 0%,#99cde7 100%);
background: -ms-linear-gradient(top, #b3daed 0%,#99cde7 100%);
-pie-background: linear-gradient(#b3daed, #99cde7);
background: linear-gradient(top, #b3daed 0%,#99cde7 100%);}

a.cyan, a.cyan:hover, a.cyan:active{color: #16445C !important}

/*lavender color*/

.lavender {
border: 1px solid #98b0d9; color: #1F385D; text-shadow: 0 1px #DBE9FD;
background: #98b0d9;
background: -moz-linear-gradient(top, #c3d9ff 0%, #98b0d9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3d9ff), color-stop(100%,#98b0d9));
background: -webkit-linear-gradient(top, #c3d9ff 0%,#98b0d9 100%);
background: -o-linear-gradient(top, #c3d9ff 0%,#98b0d9 100%);
background: -ms-linear-gradient(top, #c3d9ff 0%,#98b0d9 100%);
-pie-background: linear-gradient(#c3d9ff, #98b0d9);
background: linear-gradient(top, #c3d9ff 0%,#98b0d9 100%);}

.lavender:hover {
background: #a3b8dd;
background: -moz-linear-gradient(top, #c9ddff 0%, #a3b8dd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9ddff), color-stop(100%,#a3b8dd));
background: -webkit-linear-gradient(top, #c9ddff 0%,#a3b8dd 100%);
background: -o-linear-gradient(top, #c9ddff 0%,#a3b8dd 100%);
background: -ms-linear-gradient(top, #c9ddff 0%,#a3b8dd 100%);
-pie-background: linear-gradient(#c9ddff, #a3b8dd);
background: linear-gradient(top, #c9ddff 0%,#a3b8dd 100%);}

a.lavender, a.lavender:hover, a.lavender:active{color: #1F385D !important}

/*yellow color*/

.yellow{
border: 1px solid #feb645; color: #404040; text-shadow: 0 1px #F0E9A1;
background: #feb645;
background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645));
background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%);
background: -o-linear-gradient(top, #f1e767 0%,#feb645 100%);
background: -ms-linear-gradient(top, #f1e767 0%,#feb645 100%);
-pie-background: linear-gradient(#f1e767, #feb645);
background: linear-gradient(top, #f1e767 0%,#feb645 100%);}

.yellow:hover {
background: #fec66c;
background: -moz-linear-gradient(top, #f4ed86 0%, #fec66c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4ed86), color-stop(100%,#fec66c));
background: -webkit-linear-gradient(top, #f4ed86 0%,#fec66c 100%);
background: -o-linear-gradient(top, #f4ed86 0%,#fec66c 100%);
background: -ms-linear-gradient(top, #f4ed86 0%,#fec66c 100%);
-pie-background: linear-gradient(#f4ed86, #fec66c);
background: linear-gradient(top, #f4ed86 0%,#fec66c 100%);
}

a.yellow, a.yellow:hover, a.yellow:active{color: #404040 !important}

/*brown color*/

.brown {
border: 1px solid #b5853d; color: #FFFFFF; text-shadow: none;
background: #af6a03;
background: -moz-linear-gradient(top, #bf8e44 0%, #af6a03 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf8e44), color-stop(100%,#af6a03));
background: -webkit-linear-gradient(top, #bf8e44 0%,#af6a03 100%);
background: -o-linear-gradient(top, #bf8e44 0%,#af6a03 100%);
background: -ms-linear-gradient(top, #bf8e44 0%,#af6a03 100%);
-pie-background: linear-gradient(#bf8e44, #af6a03);
background: linear-gradient(top, #bf8e44 0%,#af6a03 100%);}

.brown:hover{
background: #d07e04;
background: -moz-linear-gradient(top, #c69a58 0%, #d07e04 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c69a58), color-stop(100%,#d07e04));
background: -webkit-linear-gradient(top, #c69a58 0%,#d07e04 100%);
background: -o-linear-gradient(top, #c69a58 0%,#d07e04 100%);
background: -ms-linear-gradient(top, #c69a58 0%,#d07e04 100%);
background: linear-gradient(top, #c69a58 0%,#d07e04 100%);}

a.brown, a.brown:hover, a.brown:active{color: #FFFFFF !important}

/*brown red color*/

.brownred{
border: 1px solid #940023; color: #ffffff; text-shadow: none;
background: #6d0019;
background: -moz-linear-gradient(top, #a90329 0%, #6d0019 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(100%,#6d0019));
background: -webkit-linear-gradient(top, #a90329 0%,#6d0019 100%);
background: -o-linear-gradient(top, #a90329 0%,#6d0019 100%);
background: -ms-linear-gradient(top, #a90329 0%,#6d0019 100%);
-pie-background: linear-gradient(#a90329, #6d0019);
background: linear-gradient(top, #a90329 0%,#6d0019 100%);
}

.brownred:hover{
background: #960023;
background: -moz-linear-gradient(top, #ca0432 0%, #960023 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca0432), color-stop(100%,#960023));
background: -webkit-linear-gradient(top, #ca0432 0%,#960023 100%);
background: -o-linear-gradient(top, #ca0432 0%,#960023 100%);
background: -ms-linear-gradient(top, #ca0432 0%,#960023 100%);
-pie-background: linear-gradient(#ca0432, #960023);
background: linear-gradient(top, #ca0432 0%,#960023 100%);}

a.brownred, a.brownred:hover, a.brownred:active{color: #FFFFFF !important}

/*lilac color*/

.lilac {
border: 1px solid #a849a3; color: #FFFFFF; text-shadow: none;
background: #a849a3;
background: -moz-linear-gradient(top, #e570e7 0%, #a849a3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e570e7), color-stop(100%,#a849a3));
background: -webkit-linear-gradient(top, #e570e7 0%,#a849a3 100%);
background: -o-linear-gradient(top, #e570e7 0%,#a849a3 100%);
background: -ms-linear-gradient(top, #e570e7 0%,#a849a3 100%);
-pie-background: linear-gradient(#e570e7, #a849a3);
background: linear-gradient(top, #e570e7 0%,#a849a3 100%);
}

.lilac:hover{
background: #ba60b6;
background: -moz-linear-gradient(top, #e985eb 0%, #ba60b6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e985eb), color-stop(100%,#ba60b6));
background: -webkit-linear-gradient(top, #e985eb 0%,#ba60b6 100%);
background: -o-linear-gradient(top, #e985eb 0%,#ba60b6 100%);
background: -ms-linear-gradient(top, #e985eb 0%,#ba60b6 100%);
-pie-background: linear-gradient(#e985eb, #ba60b6);
background: linear-gradient(top, #e985eb 0%,#ba60b6 100%);
}

a.lilac, a.lilac:hover, a.lilac:active{color: #FFFFFF !important}

/*periwinkle color*/

.periwinkle {
border: 1px solid #a5269d; color: #FFFFFF; text-shadow: none;
background: #a5269d;
background: -moz-linear-gradient(top, #576cb7 0%, #a5269d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#576cb7), color-stop(100%,#a5269d));
background: -webkit-linear-gradient(top, #576cb7 0%,#a5269d 100%);
background: -o-linear-gradient(top, #576cb7 0%,#a5269d 100%);
background: -ms-linear-gradient(top, #576cb7 0%,#a5269d 100%);
-pie-background: linear-gradient(#576cb7, #a5269d);
background: linear-gradient(top, #576cb7 0%,#a5269d 100%);}

.periwinkle:hover{
background: #be2cb5;
background: -moz-linear-gradient(top, #687bbe 0%, #be2cb5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#687bbe), color-stop(100%,#be2cb5));
background: -webkit-linear-gradient(top, #687bbe 0%,#be2cb5 100%);
background: -o-linear-gradient(top, #687bbe 0%,#be2cb5 100%);
background: -ms-linear-gradient(top, #687bbe 0%,#be2cb5 100%);
-pie-background: linear-gradient(#687bbe, #be2cb5);
background: linear-gradient(top, #687bbe 0%,#be2cb5 100%);}

a.periwinkle, a.periwinkle:hover, a.periwinkle:active{color: #FFFFFF !important}

/*purple color*/

.purple {
border: 1px solid #564b91; color: #FFFFFF; text-shadow: none;
background: #8989ba;
background: -moz-linear-gradient(top, #8989ba 0%, #564b91 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8989ba), color-stop(100%,#564b91));
background: -webkit-linear-gradient(top, #8989ba 0%,#564b91 100%);
background: -o-linear-gradient(top, #8989ba 0%,#564b91 100%);
background: -ms-linear-gradient(top, #8989ba 0%,#564b91 100%);
-pie-background: linear-gradient(#8989ba, #564b91);
background: linear-gradient(top, #8989ba 0%,#564b91 100%);}

.purple:hover{
background: #7166b0;
background: -moz-linear-gradient(top, #a2a2c8 0%, #7166b0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2a2c8), color-stop(100%,#7166b0));
background: -webkit-linear-gradient(top, #a2a2c8 0%,#7166b0 100%);
background: -o-linear-gradient(top, #a2a2c8 0%,#7166b0 100%);
background: -ms-linear-gradient(top, #a2a2c8 0%,#7166b0 100%);
-pie-background: linear-gradient(#a2a2c8, #7166b0);
background: linear-gradient(top, #a2a2c8 0%,#7166b0 100%);}

a.purple, a.purple:hover, a.purple:active{color: #FFFFFF !important}

/*pink color*/

.pink{
border: 1px solid #ef017c; color: #FFFFFF; text-shadow: none;
background: #ef017c;
background: -moz-linear-gradient(top, #ff5db1 0%, #ef017c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5db1), color-stop(100%,#ef017c));
background: -webkit-linear-gradient(top, #ff5db1 0%,#ef017c 100%);
background: -o-linear-gradient(top, #ff5db1 0%,#ef017c 100%);
background: -ms-linear-gradient(top, #ff5db1 0%,#ef017c 100%);
-pie-background: linear-gradient(#ff5db1, #ef017c);
background: linear-gradient(top, #ff5db1 0%,#ef017c 100%);}

.pink:hover{
background: #fe1a90;
background: -moz-linear-gradient(top, #ff75bc 0%, #fe1a90 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff75bc), color-stop(100%,#fe1a90));
background: -webkit-linear-gradient(top, #ff75bc 0%,#fe1a90 100%);
background: -o-linear-gradient(top, #ff75bc 0%,#fe1a90 100%);
background: -ms-linear-gradient(top, #ff75bc 0%,#fe1a90 100%);
-pie-background: linear-gradient(#ff75bc, #fe1a90);
background: linear-gradient(top, #ff75bc 0%,#fe1a90 100%);
}

a.pink, a.pink:hover, a.pink:active{color: #FFFFFF !important}

/*red color*/

.red{
border: 1px solid #EC5243; color: #ffffff; text-shadow: none;
background: #c21212;
background: -moz-linear-gradient(top, #ef3d29 0%, #c21212 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef3d29), color-stop(100%,#c21212));
background: -webkit-linear-gradient(top, #ef3d29 0%,#c21212 100%);
background: -o-linear-gradient(top, #ef3d29 0%,#c21212 100%);
background: -ms-linear-gradient(top, #ef3d29 0%,#c21212 100%);
-pie-background: linear-gradient(#ef3d29, #c21212);
background: linear-gradient(top, #ef3d29 0%,#c21212 100%);}

.red:hover{
background: #de1414;
background: -moz-linear-gradient(top, #f1513f 0%, #de1414 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1513f), color-stop(100%,#de1414));
background: -webkit-linear-gradient(top, #f1513f 0%,#de1414 100%);
background: -o-linear-gradient(top, #f1513f 0%,#de1414 100%);
background: -ms-linear-gradient(top, #f1513f 0%,#de1414 100%);
-pie-background: linear-gradient(#f1513f, #de1414);
background: linear-gradient(top, #f1513f 0%,#de1414 100%);
}

a.red, a.red:hover, a.red:active{color: #FFFFFF !important}

/*crimson color*/

.crimson{
border: 1px solid #D5354C; color: #ffffff; text-shadow: none;
background: #ba2737;
background: -moz-linear-gradient(top, #d24b5a 0%, #ba2737 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d24b5a), color-stop(100%,#ba2737));
background: -webkit-linear-gradient(top, #d24b5a 0%,#ba2737 100%);
background: -o-linear-gradient(top, #d24b5a 0%,#ba2737 100%);
background: -ms-linear-gradient(top, #d24b5a 0%,#ba2737 100%);
-pie-background: linear-gradient(#d24b5a, #ba2737);
background: linear-gradient(top, #d24b5a 0%,#ba2737 100%);
}

.crimson:hover {
background: #d22c3f;
background: -moz-linear-gradient(top, #d75d6c 0%, #d22c3f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d75d6c), color-stop(100%,#d22c3f));
background: -webkit-linear-gradient(top, #d75d6c 0%,#d22c3f 100%);
background: -o-linear-gradient(top, #d75d6c 0%,#d22c3f 100%);
background: -ms-linear-gradient(top, #d75d6c 0%,#d22c3f 100%);
-pie-background: linear-gradient(#d75d6c, #d22c3f);
background: linear-gradient(top, #d75d6c 0%,#d22c3f 100%);
}

a.crimson, a.crimson:hover, a.crimson:active{color: #FFFFFF !important}

/*orange color*/

.orange {
border: 1px solid #FFAA42; color: #ffffff; text-shadow: none;
background: #ff920a;
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a));
background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%);
background: -o-linear-gradient(top, #ffaf4b 0%,#ff920a 100%);
background: -ms-linear-gradient(top, #ffaf4b 0%,#ff920a 100%);
-pie-background: linear-gradient(#ffaf4b, #ff920a);
background: linear-gradient(top, #ffaf4b 0%,#ff920a 100%);
}

.orange:hover{
background: #ffa73b;
background: -moz-linear-gradient(top, #ffbe6f 0%, #ffa73b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbe6f), color-stop(100%,#ffa73b));
background: -webkit-linear-gradient(top, #ffbe6f 0%,#ffa73b 100%);
background: -o-linear-gradient(top, #ffbe6f 0%,#ffa73b 100%);
background: -ms-linear-gradient(top, #ffbe6f 0%,#ffa73b 100%);
-pie-background: linear-gradient(#ffbe6f, #ffa73b);
background: linear-gradient(top, #ffbe6f 0%,#ffa73b 100%);}

a.orange, a.orange:hover, a.orange:active{color: #FFFFFF !important}

/*black color*/

.black{
border: 1px solid #000000; color: #ffffff; text-shadow: none;
background: #000000;
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
background: -o-linear-gradient(top, #45484d 0%,#000000 100%);
background: -ms-linear-gradient(top, #45484d 0%,#000000 100%);
-pie-background: linear-gradient(#45484d, #000000);
background: linear-gradient(top, #45484d 0%,#000000 100%);}

.black:hover{
background: #1a1a1a;
background: -moz-linear-gradient(top, #565a60 0%, #1a1a1a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565a60), color-stop(100%,#1a1a1a));
background: -webkit-linear-gradient(top, #565a60 0%,#1a1a1a 100%);
background: -o-linear-gradient(top, #565a60 0%,#1a1a1a 100%);
background: -ms-linear-gradient(top, #565a60 0%,#1a1a1a 100%);
-pie-background: linear-gradient(#565a60, #1a1a1a);
background: linear-gradient(top, #565a60 0%,#1a1a1a 100%);}

a.black, a.black:hover, a.black:active{color: #FFFFFF !important}
/*end of color formating*/

/*button hover effect for css buttons*/
.button:hover, .red:hover, .crimson:hover, .orange:hover, .yellow:hover, .lime:hover, .neon:hover, .olive:hover, .green:hover, .lavender:hover, .cyan:hover, .blue:hover, .darkblue:hover, .bluegrey:hover, .brown:hover, .brownred:hover, .lilac:hover, .periwinkle:hover, .purple:hover, .pink:hover, .grey:hover, .black:hover
{text-decoration: none;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
-o-box-shadow: inset 0 1px 4px #FFFFFF,  0 0 7px #BABABA;
-webkit-box-shadow: inset 0 1px 4px #FFFFFF,  0 0 7px #BABABA;
-moz-box-shadow: inset 0 1px 4px #FFFFFF,  0 0 7px #BABABA;
-ms-box-shadow: inset 0 1px 4px #FFFFFF,  0 0 7px #BABABA;
box-shadow: inset 0 1px 4px #FFFFFF,  0 0 7px #BABABA;
}

/*button active effect for css buttons*/
.button:active, .red:active, .crimson:active, .orange:active, .yellow:active, .lime:active, .neon:active, .olive:active, .green:active, .lavender:active, .cyan:active, .blue:active, .darkblue:active, .bluegrey:active, .brown:active, .brownred:active, .lilac:active, .periwinkle:active, .purple:active, .pink:active, .grey:active, .black:active{
position: relative;
top: 1px;
-moz-transition: all 0 linear;
-webkit-transition: all 0 linear;
-o-transition: all 0 linear;
-ms-transition: all 0 linear;
transition: all 0 linear;
-o-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA;
-webkit-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA;
-moz-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA;
-ms-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA;
box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA;
}

/*icons*/
div span.icon {margin:10px 20px 10px 0}
.refresh, .mail, .inbox, .previous, .next, .browse, .stats, .user, .settings, .delete, .tour, .downloads, .bookmark, .contacts, .save, .calendar, .select, .customize, .question, .typography{display: inline-block; height: 16px; margin: -2px 5px -3px 5px; position: relative; width: 16px;}
.refresh {background: url(icons/refresh.png) 0 0 no-repeat;}
.browse {background: url(icons/browse.png) 0 0 no-repeat;}
.mail {background: url(icons/mail.png) 0 0 no-repeat;}
.inbox {background: url(icons/inbox.png) 0 0 no-repeat;}
.previous {background: url(icons/previous.png) 0 0 no-repeat;}
.next {background: url(icons/next.png) 0 0 no-repeat;}
.stats {background: url(icons/stats.png) 0 0 no-repeat;}
.delete {background: url(icons/delete.png) 0 0 no-repeat;}
.user {background: url(icons/user.png) 0 0 no-repeat;}
.settings {background: url(icons/settings.png) 0 0 no-repeat;}
.tour {background: url(icons/tour.png) 0 0 no-repeat;}
.downloads {background: url(icons/download.png) 0 0 no-repeat;}
.bookmark {background: url(icons/bookmark.png) 0 0 no-repeat;}
.contacts {background: url(icons/contacts.png) 0 0 no-repeat;}
.save {background: url(icons/save.png) 0 0 no-repeat;}
.calendar {background: url(icons/calendar.png) 0 0 no-repeat;}
.select {background: url(icons/select.png) 0 0 no-repeat;}
.customize {background: url(icons/customize.png) 0 0 no-repeat;}
.question {background: url(icons/question.png) 0 0 no-repeat;}
.typography {background: url(icons/typography.png) 0 0 no-repeat;}
/*end*/

/****************************Contact Details *****************************/

.phonelabel {
position:relative;
left:295px;
   width: 220px;
   height: 32px;
	background: url('icons/phone.png') no-repeat left top;
	color:#000;
	padding-left: 15px;
	font-size: 14px;
	text-align: right;
}
.emaillabel {
position:relative;
left:300px;
   width: 220px;
   height: 32px;	
background: url('icons/email.png') no-repeat left top;
background-position: 0px 10px;
padding-top: 10px;
	color:#000;
	padding-left: 15px;
	font-size: 14px;
	text-align: right;

}

.tdicons {
position:relative;
left: 395px;
padding-top: 10px;
   width: 200px;
   height: 32px;
}