body {
	color:#000;
	background:#efefef url(../images/global/site_bg.gif) repeat-x;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	text-align:center;
}

a {color:#000; text-decoration:none; outline:none;}
a:hover {color:#000; text-decoration:underline;}

ul, ol, li {list-style-type:none; margin:0px; padding:0px;}

img {border:none;}
form {margin:0px;}
table, td, th {font-family:Arial, Helvetica, sans-serif; border-collapse:collapse;}
fieldset {margin:0px; padding:0px; border:none; text-align:left;}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	display:block;
	margin:0px;
	padding:0px;
}
p {padding:0px; margin:0px;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.strike {text-decoration:line-through;}
.dispHide {display:none;}
.dispShow {display:block;}

.drkGrey {color:#333;}
.grey {color:#666;}
.white {color:#fff;}
.black {color:#000;}
.red {color:#cc0000;}
.drkRed {color:#990000;}
.blue {color:#006cbd;}

.larger {font-size:13px;}
.largest {font-size:14px;}
.smaller {font-size:11px;}
.smallest {font-size:10px;}

.clear {
	clear:both;
	display:block;
	font-size:0.01em;
	height:0px;
	margin:0px;
	overflow:hidden;
	padding:0px;
}

.siteWrapper {
	width:960px; 
	height:auto;
	.height:01%; 
	background:#fff;
	text-align:left; 
	margin:0px auto;
	padding:0 0 20px;
	-moz-box-shadow:0 1px 8px rgba(0, 0, 0, 0.5);
	box-shadow: rgba(0,0,0,0.5) 0 1px 8px; 
	-webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 8px;
}


h1 {
	color:#ff7200;
	font-size:24px;
	padding:0px;
	margin:0 0 15px;
	display:block;
}

h2 {
	color:#333;
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	margin:0 0 10px 0;
}

h3 {
	color:#3e85bd;
	font-size:18px;
	margin:0 0 10px 0;
}

.col658 {
	width:658px;
	margin:0 94px 0 0;
	float:left;
}

.col188 {
	width:188px;
	margin:0px;
	float:left;
}

/**************************GLOBAL HEADER***********************/

.globalHeader {
	height:50px;
	margin:52px 0 0;
	position:relative;
}

.globalHeader .logo {
    margin:0px;
    position:absolute;
    top:-22px;
    left:37px;
}

.navigation {
	width:666px;
	background:#d25e00;
    position:absolute;
    top:0px;
    right:0px;
}

.navigation .main {margin:0px;}

.navigation .main li {
	margin:0px;
}

.navigation .main li a {
	background: url(../images/global/header/navigation_bg.gif) 0px 0px no-repeat;
	color:#c4c4c4;
	font-size:22px;
	text-decoration:none;
	text-indent:-9999em;
	display:block;
}

.navigation .main .services {width:222px; height:50px; background-position:0px 0px; float:left;}
.navigation .main .services:hover {background-position:0px -50px;}
.navigation .main .pricing {width:222px; height:50px; background-position:-222px 0px; float:left;}
.navigation .main .pricing:hover {background-position:-222px -50px;}
.navigation .main .contact {width:222px; height:50px; background-position:-444px 0px; float:left;}
.navigation .main .contact:hover {background-position:-444px -50px;}

.navigation .main li a:hover {
	color:#fff;
	background-position:0 -50px;
	text-decoration:none;
}

.navigation .sub {
	width:222px;
	background:#fff;
	margin:0px;
	padding:2px 0px;
	position:absolute;
	left:-9999em;
	top:0px;
	z-index:100;
	-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.8);
	box-shadow: rgba(0,0,0,0.8) 0 1px 5px; 
	-webkit-box-shadow: rgba(0,0,0,0.8) 0 1px 5px;
}

.navigation .sub li {
	height:auto;
	margin:0px;
}


.navigation .main li:hover .sub {
	left:0px;
	top:50px;
}

.navigation .sub li a {
	background:none;
	font-size:13px;
	color:#000;
	padding:12px 5px;
	margin:0px 2px;
	border-top:1px dashed #999;
	display:block;
	text-indent:0em;
}

.navigation .sub li a:hover {
	color:#fff;
	background:#3578b4;
}

.navigation .sub li:first-child a {border:none;}

/***********************GLOBAL FOOTER***********************/

.globalFooter {
	width:960px; 
	height:auto;
	.height:01%; 
	text-align:left; 
	color:#fff;
	margin:30px auto 0;
}

.globalFooter .footerLinks {
    font-size:14px;
    margin:0 0 8px;
}

.globalFooter .footerLinks a {
    color:#000;
    text-decoration:none;
    border-left:1px solid #000;
    padding:0 0 0 5px;
}

.globalFooter .footerLinks a:hover {
    color:#000;
    text-decoration:underline;
}

.globalFooter .footerLinks a:first-child {
    border:none;
    padding:0px;
}

.globalFooter .legal {
    width:500px;
    color:#000;
    margin:0px auto 20px;
}

.globalFooter .legal img {
    margin:0 30px 0 0;
    float:left;
}

.globalFooter .legal p {
    margin:0px;
    line-height:18px;
    float:left;
}

/***********************PAGE CONTENT**************************/

.pageContent {
	height:auto;
	.height:1%;
	margin:0 0 1px 0;
	padding:0 10px 0;
}

#homepage {
	background: url(../images/controls/homepage-feature/wordPress00.jpg) no-repeat;
	padding:369px 10px 0;
}                  

#services {padding:10px 10px 0;}
#contact {padding:10px 10px 0;}
#pricing {padding:10px 10px 0;}
#featuresList {padding:10px;}
#email {padding:10px 30px;}


/**********************CONTROLS*******************************/

/*HERO*/
.hero {
    margin:0 0 15px;
    -moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.3);
	box-shadow: rgba(0,0,0,0.3) 0 3px 3px; 
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 3px 3px;
}

/*Content Panel*/
.contentPanel {
	background:#f1f1f1;
	padding:16px 11px 25px;
	margin:0 0 10px;
	border:1px solid #ddd;
	border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
}

.contentPanel2 {
    height:auto;
	background:#f1f1f1;
	padding:16px 11px 25px 212px;
	margin:0 0 10px;
	border:1px solid #ddd;
	border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
	position:relative;
}

.contentPanel2 img {
    margin:0px;
    position:absolute;
    top:16px;
    left:11px;
}
.contentPanel a,
.contentPanel2 a  {
    color:#3e85bd;
    text-decoration:none;
}

.contentPanel a:hover,
.contentPanel2 a:hover {
    color:#3e85bd;
    text-decoration:underline;
}

.contentPanel p,
.contentPanel2 p  {
    margin:0 0 12px;
}

/*Homepage Categories*/
.homepageCategories {
	width:813px;
	height:199px;
	background: url(../images/controls/homepage-categories/categories_bg.png) no-repeat;
	margin:0px auto 70px;
}

.homepageCategories .content {padding:19px 0 0 0;}

.homepageCategories img {
	margin:0 18px 0 0;
	float:left;
}

.homepageCategories .first {margin:0 10px 0 10px;}
.homepageCategories .last {margin:0px;}


/*Ads*/
.ads {margin:0px;}

.ads img {margin:0 0 24px;}


/*Segment Page navigation*/
.segmentNav {
    width:188px;
    margin:0 39px 0 0;
    float:left;
}

.segmentNav .content {padding:40px 0 0;}

.segmentNav a {
    color:#008edf;
    font-size:14px;
    padding:5px 8px;
    margin:0 0 10px;
    text-decoration:none;
    display:block;
}

.segmentNav a:hover {
    background:#f9f9f9;
    color:#008edf;
    text-decoration:none;
}

.segmentNav a.selected {
    background:#fff;
}


/*Segment Content*/
.segmentContent {
    width:713px;
    margin:0px;
    float:left;
}

/*Pricing Table*/
.pricingTable {
    background:#fff;
    margin:0px;
}

.pricingTable h3 {
    color:#fff;
    background:#666;
    font-size:16px;
    font-weight:bold;
    margin:0 0 10px;
    padding:8px 15px;
    border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
}

.pricingTable table {
    margin:0px;
    margin:0 0 30px;
}

.pricingTable th {
    color:#fff;
    text-align:left;
    background:#ff7200;
    font-weight:bold;
    font-size:14px;
    padding:5px 10px;
}

.pricingTable td {
    font-size:12px;
    vertical-align:top;
    padding:5px 10px;
    border-bottom:1px solid #ccc;
}

.pricingTable td.subject {
    width:200px;
    background:#fbfbfb;
    font-size:13px;
    font-weight:bold;
}

.pricingTable td.price {
    width:150px;
    border-left:1px dashed #ccc;
}

.pricingTable td.includes{
    font-style:italic;
    border-left:1px dashed #ccc;
}

.pricingTable td.includes li{
    background: url(../images/controls/pricing-table/checkmark.gif) no-repeat;
    padding:0 0 8px 25px;
    
}

.pricingTable .notes {
    color:#cc0000;
    font-size:11px;
    margin:5px 0 0;
}

.pricingTable .notes a {
    color:#cc0000;
    text-decoration:underline;
}


/*Features List*/
.featuresList {
    background:#fff;
    margin:0px;
}

.featuresList .features {
    width:350px;
    background:#efefef;
    padding:10px;
    float:left;
    -webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-o-border-radius: 10px;
}

.featuresList .features li{
    background: url(../images/controls/pricing-table/checkmark.gif) no-repeat;
    padding:0 0 8px 25px;
    
}

.featuresList .description {
    width:550px;
    padding:0 10px 10px;
    margin:0px;
    float:left;
}

.featuresList .description p {
    margin:0 0 8px;
}

.featuresList .hero {
    width:120px;
    margin:0 10px 10px 0;
    float:right;
    -moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.0);
	box-shadow: rgba(0,0,0,0.0) 0 0px 0px; 
	-webkit-box-shadow: rgba(0,0,0,0.0) 0 0px 0px;
}

/*Modal Overlay*/
#overlay {
    background:#fff;
    display:none;
    width:960px;
    -webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-o-border-radius: 10px;
}

#overlay .close {
    background:transparent url(http://static.flowplayer.org/img/overlay/close.png) no-repeat;
    cursor:pointer;
    height:35px;
    position:absolute;
    right:-15px;
    top:-15px;
    width:35px;        
}

.simple_overlay {               
    display:none; 
    z-index:10000; 
    background-color:#333; 
    width:675px;     
    min-height:200px; 
    border:1px solid #666; 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
}


/*Slideshow*/
.slideshow {
	height:450px;
	margin:0 0 20px;
	overflow:hidden;
	position:relative;
}

.slideshow #flowpanes { 
	height:450px;
	width:960px;
	position:relative; 
	overflow:hidden; 
	clear:both; 
} 
 
.slideshow #flowpanes div { 
	float:left; 
	display:block; 
	width:960px;
	height:450px; 
	font-size:14px; 
} 
 
.slideshow #flowpanes .items { 
	width:20000em; 
	position:absolute; 
	clear:both; 
	margin:0; 
	padding:0; 
} 
 
.slideshow #flowpanes .less, #flowpanes .less a { 
	color:#999 !important; 
	font-size:11px; 
}

.slideshow #flowtabs {
	list-style-type:none;
	margin:0px;
	padding:0px;
	position:absolute;
	top:430px;
	right:50px;
	z-index:10;
}

.slideshow #flowtabs li {
	list-style-type:none;
	margin:0 8px 0 0;
	float:left;
	border:1px solid #cc0000;
}

.slideshow #flowtabs li.last {
	margin:0px;
}

.slideshow #flowtabs li a {
	background:#cc0000;
	color:#fff;
	padding:0px 4px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.slideshow #flowtabs li a:hover {
	background:#fff;
	color:#cc0000;
}

.slideshow #flowtabs .current {
	background:#fff;
	color:#cc0000;
	padding:0px 4px;
}

/****************CONTACT FORM**********************/

.contactForm {width:600px; margin:20px 0 0;}

.contactForm td {padding:5px}

/****************EXTLINK**********************/

a.extLink:hover {
	background-position: 0 bottom;
}
        
a.extLink {
	background:url("../images/global/extLink.png") no-repeat scroll left top transparent;
    height:40px;
    left:82px;
    overflow:hidden;
    position:absolute;
    text-indent:-9999px;
    top:82px;
    width:40px;
    z-index:1;
}

/***GLOBAL MODAL POPUP***/

.modal {
	width:100%;
	display:none;
	position:fixed;
	top:50px;
	left:0px;
	text-align:center;
}

.modal .item {
	width:680px;	
	background:#fff;
	padding:10px;
	margin:0px auto;
	border:2px solid #ccc;
	-moz-box-shadow:0 1px 8px rgba(0, 0, 0, 0.5);
	box-shadow: rgba(0,0,0,0.5) 0 1px 8px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 8px;
	position:relative;
	z-index: 200;
}

.modal .item .close {
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

