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

/*Layout Declarations*/
body {
    text-align:center;
    margin:0px;
    padding:0px 0 0 0;
	font-size: 14px;
	color:#898989;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#322f31;
	background-image:url('/images/bg_top.gif');
	background-repeat:repeat-x;
}
li, p, div,td {
	color:#898989;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
.fancybox {}
#container::before{
	content: "";
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    background-size: contain;
    z-index: 2;
    opacity: .4;
	width:100%;
	margin:0px auto;
	background-image:url('/images/bg_moon.png');
	background-position:top right;
	background-repeat:no-repeat;
}
#headercontent {
	margin:0px auto;
}
#headerRight {
	position:absolute;
	width:250px;
	margin-left:630px;
	margin-top:40px;
	text-align:right;
}
#content{
    padding: 15px 20px;
	min-height:249px;
	position:relative;
	overflow:auto;
}
/* for Internet Explorer */
/*\*/
* html #content {
height: 289px;
}
/**/

#innerContent{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
#innerBox {
    text-align:left;
	color:#000000;
	background-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
}
.innerBoxPlain {
    width:100%;
    margin:0px auto;
}
.innerBoxPlain .wrapper {
	width:1200px;
	max-width:95%;
	margin:0px auto;
}
a {
	position:relative;
	z-index:2000;
}
#logo {
	position:absolute;
	z-index:0;
	width:433px;
	height:212px;
}
.headerphone_text {
	font-weight:bold;
	color:#dbe0e2;
	font-size:15px;
}
.headerphone_number {
	color:#faae34;
	font-size:28px;
}
.column {
	min-height:280px;
	float:left;
	margin-right:15px;
	padding-right:25px;
	background-image:url('/images/divider_dots.gif');
	background-repeat:repeat-y;
	background-position:top right;
}
.column h1 {
	margin:0px;
	font-size:38px;
}
.column h2 {
	font-size:25px;
	margin-bottom:5px;
}
.column h3 {
	font-size:16px;
	margin:5px 0px;
}
#column1 {
	width:330px;
}
#column1 .innertext {
	margin-top:4px;
	text-align:justify;
	font-size:16px;
}
#column2 {
	width:240px;
}
#column3 {
	width:130px;
	background-image:none;
}
.columns {
	-moz-column-count:2;
	column-count:2;
	-webkit-column-count: 2;
	text-align:justify;
}


#rightSide {
	width:224px;
	margin-top:2px;
	background-image:url(/images/rightbg.png);
	background-repeat:repeat-y;
}
#rightSideContainer {
	background-image:url(/images/rightbg.png);
	background-repeat:repeat-y;
}
#rightContent {
	width:220px;
	margin-left:auto;
	margin-right:auto;
}
#rightContent div {
}
.rightTitle {
	padding:0px 10px;
}
.rightText {
	padding:0px 15px;
}
.rightSeparator {
	margin-left:0px;
}
.headerleft {
	background-color:#eceff4;
	border:1px solid black;
}
#borderPattern {
	background-image:url('/images/borderpattern.gif');
	background-repeat:repeat-x;
	height:29px;
	width:810px;
    margin-left:auto;
    margin-right:auto;
}
#horizontalBar {
	border-top:1px solid #572600;
	width:860px;
	height:4px;
    margin-left:auto;
    margin-right:auto;
}
#verticalBar {
	background-image:url('/images/verticalbars.gif');
	background-repeat:repeat-y;
	background-position:center;
	width:9px;
    margin-left:auto;
    margin-right:auto;
	float:left;
}
td#verticalBar{
	float:none;
}
#highlightBox {
	float:left;
	background-image:url('/images/highlightbox.jpg');
	background-repeat:no-repeat;
	width:320px;
	overflow:hidden;
/*	height:188px;*/
}
#highlightBox img {
	float:left;
	position:relative;
	left:2px;
	top:1px;
	margin-right:13px;
}
#highlightMember {
	float:left;
	color:#fff;
	position:relative;
	top:16px;
	font-size:12px;
	width:153px;
/*	height:150px;*/
	padding-right:3px;
	background-color:#b5121b;
}
#highlightMember a:link, #highlightMember a:visited {
	color:#fdba31;
	text-decoration:none;
}
#highlightMember a:hover {
	color:#fff;
	text-decoration:underline;
}
#footer{	
	overflow:auto;
	display: table-cell;
	vertical-align:bottom;
    margin-left:auto;
    margin-right:auto;
}
#footerUpper {
	background-color:#23282d;
	width:957px;
}
#footerLower {
	border-top:3px solid #faae34;
	background-color:#383838;
/*	background-color:#d3dce7;*/
}
#footerLower a {
	font-size:10px;
	color:#fff;
}
.footerText {
	font-size:10px;
	color:#fff;
	padding:5px;
}
#footer a {
	color:#000;
}
#footer a:hover {
	color:#fff;
}
#left{
	width:150px;
    float:left;
    text-align:right;
    border-right:1px dashed #999999;
}
#right{
	width:250px;
    float:right;
    font-size:1.1em;
    padding: 0px 5px 0px 15px;
    border-left:1px dashed #999999;
}

#right, #right h4{
    color:#666;
}

#right h4{
	margin:0;
}

#right p{
	margin:0px 0px 10px;
}

.pad_top{
	margin: 35px 0 0 0;
}

h1, h2, h3, h4 {
    color:#404041;
    margin: 0px 0;
	text-align:left;
}

h1 {
	font-size: 20px;
}	
h2 {
	font-size: 15px;
	text-transform: uppercase;
	font-weight:bold;
/*	font-family:Trajan, Futura, Arial, sans-serif;*/
}
h3 {
	font-size: 14px;
/*	font-weight:normal;
	*/
	text-transform: uppercase;
	font-weight:bold;
}	    

p{
    margin: 4px 0;
}

a, a:visited	{
	color:#404041;
    text-decoration:underline;
}

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

a.servicelink, a.servicelink:visited	{
	color:#000;
    text-decoration:underline;
}

a.servicelink:hover	{
	color:#ba2b25;
    text-decoration:underline;
}

/* Navigation */
.nav, .navon {
	float:left;
	font-family:Futura, "Century Gothic", AppleGothic, sans-serif;
}

.nav a, .navon a {
	color:#ffffff;
	text-decoration:none;
}
.nav a:hover {
	color:#afafaf;
}

.navDivider {
	float:left;
	margin-top:4px;
	font-size:18px;
}
.navTab {
	float:left;
}
#navContainer {
/*	width:733px;*/
	background-color:#faaf34;
	height:30px;
	width:100%;
	position:relative;
	z-index:40;
}
.navBG {
	margin-left:25px;
}
#navSeparator {
	height:100px;
}
.navText {
	padding:0px 15px;
	z-index:10;
	outline:none;
	text-transform:uppercase;
	line-height:30px;
	font-size:13px;
}
.navText a:hover {
	color:#404041;
}
.navHighlight {
	background-image:url('/images/nav_pointer.png');
	background-repeat:no-repeat;
	background-position:top center;
}
#navRight {
	font-family:Futura,sans-serif;
	float:right;
	margin-top:14px;
	color:#ba2b25;
	font-size: 13px;
	width:520px;
	text-align:right;
}
a {
	outline:none;
}
#nav a, #nav a:visited{
	text-align:center;
	font-size: 15px;
	color:#fdba31;
	text-decoration:none;
	text-transform: uppercase;
}

#nav a:hover {
	color:white;
}
#sidemenu{
    margin: 55px 0 0 15px;
	padding: 0;
	font-size:1.3em;
	list-style-type:none;
    line-height:16px;
    text-align:center;
}

#sidemenu li{
    margin:6px 10px 0px 0px;
	padding:3px;
}

#sidemenu a, #sidemenu a:visited
{

    display:block;
    text-decoration:none;
/*    color:#e42b2b;*/
    color:#000;
}

#sidemenu a:hover
{
    color:#e42b2b;
    background:none;
    border:#000000;
}

#sidemenu .on {
	font-weight:bold;
}

hr.cleaner{
	clear:both;
	height:1px;
	margin: -1px 0 0 0;
	padding:0;
	border:none;
	visibility: hidden;
}

hr {
	height: 1px;
	border-style: none;
	background:#959595;
}


/*	Using 'class="alignrighft"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img
{
	text-decoration:none;
	border-style: none;
}

img.centered 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright 
{
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft 
{
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright 
{
	float: right;
}

.alignleft 
{
	float: left;
}

form {
	margin: 15px 0;
	padding: 0;
}

form label {
	cursor: pointer;
	margin:0 8px 9px 0;
	padding-bottom:3px;
	vertical-align:top;
	display:inline-block;
    color:#000;
	text-align:left;
}

input, select, textarea, .inputbox {
/*	padding: 3px 5px;*/
	font-size: 12px;
}

.button {
	margin:3px 0 0 0;
	padding: 3px 5px;
	border: 1px solid #333333;
	background: url(/images/bg_menu_pink.gif) repeat-x center #333333;
	color: #fff;
	font-size: 85%;
	text-transform: uppercase;
}
.buttonSmall {
	margin:0px;
	padding: 1px 3px;
	border: 1px solid #333333;
	background-color:#333333;
	height:22px;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
}
.buttonRed {
	margin:0px;
	padding: 1px 3px;
	border: 1px solid #ffffff;
	background-color: #8e3333;
	height:22px;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
}

.button:hover, .button:focus, .buttonSmall:hover, .buttonSmall:focus, .buttonRed:hover, .buttonRed:focus {
	border: 1px solid #999999;
	background: #FFF;
	color:#8e3333;
	cursor:pointer;
}

* html .button {
	padding: 2px 0 !important; /*IE 6*/
}

*+html .button {
	padding: 2px 0 !important; /*IE 7*/
}

.inputbox {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

.inputbox:hover, .inputbox:focus {
	background: #eaeaea;
	color:#000000;
}
.editbox {
    text-align:right;
    float:right;
 	background-color:#8a1e04;
    color:#ffffff;
    text-decoration:none;
    padding:2px 8px;
    font-weight:bold;
    margin-right:20px;
}
a.editboxlink:link, a.editboxlink:visited {
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
}
.editboxleft {
	position:absolute;
    float:left;
 	background-color:#8a1e04;
    color:#ffffff;
    text-decoration:none;
    padding:2px 8px;
    font-weight:bold;
}
.alert {
    color:#cc0000;
    font-weight:bold;
}

#subnav {
	height:26px;
	background-color:#8a1e04;
	border-top:2px solid #fff;
	width:890px;
}

#leftborder {
	position:absolute;
	float:left;
	margin-left:-13px;
	margin-top:30px;
}
#rightborder {
	position:absolute;
	float:right;
	margin-top:30px;
	margin-left:968px;
	text-align:right;
}
li {
	margin: 0em;
	padding: 0em;
} 
ul {
	margin:0px;
	padding-left: 12px;
}
.redText {
	color:#b5121b;
}
.smallTitle, .smallTitleRed {
	padding-top:2px;
	text-transform: uppercase;
	font-family:Futura,sans-serif;	
	font-size:14px;
}
.smallTitleRed {
	color:#b5121b;
}
.headerPhoto {
	width:890px;
	position:absolute;
	z-index:30;
}
.headerPhoto img {
	border-top:3px solid #fff;
	border-bottom:2px solid #fff;
}
.subFrameOn {
	float:left;
	margin-left:10px;
	background-image:url('/images/subframe_color.png');
	width:160px;
	height:133px;
	background-repeat:no-repeat;
}
.subFrame {
	float:left;
	margin-left:10px;
	background-image:url('/images/subframe_sephia.png');
	width:160px;
	height:133px;
	background-repeat:no-repeat;
}
.subFrame img, .subFrameOn img {
	margin-top:1px;
	margin-left:2px;
}
#pageTitle {
	background-image:url('/images/titlebg.png');
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:60px;
	text-align:center;
}
#pageTitle img {
	margin-top:20px;
}
div.bordershadow {
	background-image:url('/images/imageshadow.png');
	background-position:bottom right;
	width:130px;
	overflow:auto;
}
.bordershadow img {
	border-top:10px solid #fff;
	border-left:10px solid #fff;
	border-bottom:3px solid #fff;
	border-right:3px solid #fff;
	margin-right:5px;
	margin-bottom:5px;
	position:relative;
	top:-7px;
	left:-7px;
}
.hoverBox {
    padding:3px;
    position:absolute;
    display:none;
    background-color: #dbdfe8;
    border:1px solid black;
    filter:alpha(opacity=90);
	z-index:40;
}
.hoverBoxClose {
	width:100%;
	background-color:#000;
	text-align:right;
	padding:1px;
	margin-bottom:3px;
}
.hoverBoxClose a {
	color:#fff;
	text-decoration:none;
	padding-right:5px;
	font-weight:bold;
}
#shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}
 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1.7px;
	top: -1.7px;
}
 
	#shadow-container .shadow1 {
		background: #d4c29a;
	}
 
	#shadow-container .shadow2 {
		background: #b09d72;
	}
 
	#shadow-container .shadow3 {
		background: #a79d7a;
	}
 
	#shadow-container .container {
		background: #ffffff;
		border: 3px solid #ffffff;
		padding: 0px;
	}
.photoAlbumTitle {
	color:#8a1e04;
	font-size: 17px;
	font-weight:bold;
	text-transform: uppercase;
	font-family:Trajan, Futura, Arial, sans-serif;
}
a.photoSlideshow {
	color:#8a1e04;
	text-decoration:none;
	font-size: 16px;
	font-family:Futura, Arial, sans-serif;
}
.separator {
    border-bottom:1px dotted black;
	width:100%;
}
.miniAppTitle {
	font-weight:bold;
	cursor:pointer;
}
.miniAppTitle img {
	position:relative;
	top:4px;
}
.miniAppDescription {
	margin-top:2px;
	margin-left:23px;
}
.navLine {
	overflow:hidden;
	width:705px;
}
#installbutton {
	float:right;
	margin-right:40px;
	cursor:pointer;
}
#installBox {
	background-color:#ffff59;
	border:1px solid #000;
	position:absolute;
	width:300px;
	height:100px;
	margin-left:235px;
	margin-top:-100px;
	opacity:.85;
	display:none;
	font-size:11px;
	padding:6px;
	font-weight:bold;
	text-align:center;
	/* for IE */
  	filter:alpha(opacity=85);
}
#closeInstallBox {
	background-color:#000;
	position:absolute;
	right:0px;
	top:0px;
	color:#fff;
	padding:1px 3px 3px 5px;
	cursor:pointer;
}
#widgetCodeBox {
	width:98%;
	height:60px;
	margin-top:7px;
}
.inputTooltip {
	position:absolute;
	padding:1px;
	margin-left:3px;
	color:#999;
}
input.submit {
	width:102px;
	height:35px;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
    border: none;
    background: url('/images/button_comments.jpg') no-repeat top left;
    padding-bottom: 11px;	
	cursor:pointer;
}
input.submit:hover {
    background: url('/images/button_comments_hover.jpg') no-repeat top left;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

.dottedSeparator {
	height:25px;
	width:100%;
	border-bottom:1px dotted black;
	margin-bottom:20px;	
}

.tab {
	padding:6px 20px 10px;
	cursor:pointer;
}
.paymentTable {
	background-color:#959595;
	border:1px solid #000000;
	padding:10px 10px;
}
/*.tabOn {
	background-color:#959595;
	color:white;
}*/
.basetab {
	cursor:pointer;
	float:left;
	height:25px;
	background-image:url('/images/tabs_off.gif');
	background-color:#f0f2f6;
	position:relative;
	top:1px;
	font-weight:bold;
}
.tabOn {
	background-color:#d74a42;
	background-image:url('/images/tabs_on.gif');
}
.basetab .left {
	background-image:url('/images/tabs_left_off.gif');
	background-position: top left;
	background-repeat:no-repeat;
}
.basetab .right {
	background-image:url('/images/tabs_right_off.gif');
	background-position: top right;
	background-repeat:no-repeat;
	padding:4px 25px 2px 15px;
	height:25px;
}
.basetab .right1 {
	background-image:url('/images/tabs_mid_offon.gif');
	background-position: top right;
	background-repeat:no-repeat;
	padding:4px 25px 2px 15px;
	height:25px;
}
.tabOn .left {
	background-image:url('/images/tabs_left_on.gif');
	background-position: top left;
	background-repeat:no-repeat;
}
.tabOn .right1 {
	background-image:url('/images/tabs_mid_onoff.gif');
	background-position: top right;
	background-repeat:no-repeat;
	color:#f0f2f6;
}
.tabOn .right {
	background-image:url('/images/tabs_right_on.gif');
	background-position: top right;
	background-repeat:no-repeat;
	color:#f0f2f6;
}
/*
tabMidOnOff.src = '/images/tabs_mid_onoff.gif';
tabMidOffOn.src = '/images/tabs_mid_offon.gif';
*/

#echeck label, #creditcard label{
	color:white;
	font-weight:bold;
}
.quoteform label {
	width:90px;
}
.quoteform form {
	margin:0px;
}
.package {
	width:300px;
	float:left;
}
.editpackage {
	float:right;
	cursor:pointer;
}
.modifypackage {
	background-color:#383838;
	border:1px solid #000;
	width:850px;
	position:absolute;
	display:none;
	color:#fff;
}
.modifypackage .title {
	background-color:#b01111;
	color:#ffffff;
	padding:3px;
	border-bottom:1px solid #000;
	margin-bottom:3px;
}
/*.modifypackage label {
	text-align:right;
	width:120px;
}*/
.modifypackage form {
	padding:5px;
}
.selectmodules {
	float:right;
	border-left:1px solid #666;
	padding-left:10px;
	padding-right:5px;
	color:#fff;
}
.module .moduledesc {
	background-color:#000;
	color:#fff;
	position:absolute;
	margin-top:5px;
	width:500px;
	right:0px;
/*	margin-left:20px;
	margin-right:40px;
	left:300px;*/
	padding:5px;
}
.module {
	margin-top:9px;
	border:1px solid #4b4b4b;
	padding:3px;
}
.module div {
		color:#cccccc;
}
.module:hover {
	border:1px dotted #ccc;
	background-color:#666666;
	cursor: pointer;
}
.chosenmodules {
	margin-left:10px;
}
input {
	font-size:12px;
}
.autoClose {
	background-color:#000;
	border:1px solid #ccc;
	padding:0px 4px;
	color:#ffffff;
	position:absolute;
	right:0px;
	top:0px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
}
.autoClose:hover {
	background-color:#202020;
}
.siteswitcher {
	float:right;
	color:#ffffff;
	margin-right:10px;
	margin-top:-5px;
	overflow:hidden;
	padding-bottom:5px;
}
.siteswitcher img {
	margin-bottom:-8px;
}
.rightcol {
	float:right;
	border-left:1px solid #959595;
	padding:0px 10px;
	width:250px;
	min-height:400px;
	margin-left:10px;
}
img.recentproject {
	border:1px solid #000;
}
.recentprojects_screenshot {
	float:left;
	width:175px;
}
.recentprojects_desc {
	float:left;
	width:240px;
	font-size:11.5px;
	margin-right:20px;
}
.recentprojects_desc h4 {
	
}
.last {
	margin-right:0px;
}
.indentmore {
}
.packagecol {
	float:left;
	position:relative;
}
.leftpackage {
	left:2px;
}
.rightpackage {
	left:-2px;
}
.packagepreview {
	float:left;
	width:400px;
	margin:0px 0px;
	z-index:30;
	min-height:140px;
	border:1px solid #000000;
	height:auto !important;
	height:140px;
}
.packagename {
	font-size:13px;
	height:26px;
	margin-top:6px;
	line-height:26px;
	padding-left:10px;
	padding-right:30px;
	cursor:pointer;
}
.rightpackage .packagename {
	padding-left:20px;
}
.packagehighlight {
	background-color:#faae34;
	color:#ffffff;
}
.leftpackage .packagehighlight {
	background-image:url('/images/boxarrow_left.png');
	background-repeat:no-repeat;
	background-position:top right;
}
.rightpackage .packagehighlight {
	background-image:url('/images/boxarrow_right.png');
	background-repeat:no-repeat;
	background-position:top left;
}
.packagedesc {
	margin:7px;
	font-size:12px;
	width:55%;
	float:left;
}
.packagemodscontainer {
	float:left;
	width:38%;
	font-size:12px;
	font-weight:bold;
	margin:7px 2px;
	padding-left:5px;
	border-left:1px solid #cccccc;
}
.packagemods {
	font-weight:normal;
	font-size:12px;
}
/*  Responsive styles */
body {
    max-width:100%;
}
iframe {
    max-width: 100%;
}
.video iframe {
    max-width: 90%;
}
.innerWrapper, #innerContent {
    max-width:100%;
    position:relative;
}
.menu-button {
    display:none;
}
.mobileonly {
    display:none;
}
.fromcms table {
        table-layout:fixed;
        width:100% !important;
}
.fancybox-wrap{
    max-width:90%;
}
.fancybox-inner {
        width:auto !important;
        height:auto !important;
/*    max-width:100%;*/
}
.mobileshare {
	display:none;
}
.table {
        display:table;
        table-layout:fixed;
}
table td {
	vertical-align:top;
}
table td[valign=middle] {
        vertical-align:middle;
}
.button {
	-webkit-appearance:none;
}