@import url("menu.css");

/* CSS Document */
* {
	font-family:Tahoma, sans-serif, Verdana;
	margin:0px;
}

body {
	background-color: #FFFFFF;
	text-align: center;
}

body, html {
	margin:0;
	height:100%;
}

.clear{
	clear: both;
}

p {
	font-family:Tahoma, sans-serif, Verdana !important;
	font-size: 12px;
	color: #666;
	line-height: 1.3em !important;
	padding: 5px 0 5px 0 !important;
}
.p {
	font-family:Tahoma, sans-serif, Verdana !important;
	font-size: 12px;
	color: #666;
	line-height: 1.3em !important;
	padding: 5px 0 5px 0 !important;
}
 
label
{
	font-family:Tahoma, sans-serif, Verdana;
	font-size: 0.75em;
	color: #666;
}

p a{
	color: #259392;
	text-decoration: none;
}
p a:hover{
	color: #259392;
	text-decoration: underline;
}
H1{
	font-family:Tahoma,sans-serif,Verdana;
	font-size: 24px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 15px 0;
}
H2{
	font-family:Tahoma,sans-serif,Verdana;
	font-size: 18px;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 35px 0;
}

H3
{
	font-family: Helvetica, Tahoma, sans-serif;
	font-size: 0.85em;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	display: inline;
}

a #app_link
{
	font-family: Helvetica, Tahoma, sans-serif;
	font-size: 13.5px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: .75em;
	margin-left: 4px;
	background-position: left center;
	background-image: url(images/arrows.png);
	background-repeat: no-repeat;
	padding-left: 22px;
	padding-top: 4px;
	padding-bottom: 4px;
	letter-spacing: .03em;
}

#nlink { text-decoration: none !important; } /* fix underline in safari */

a #app_link:hover { color: #FF6; }

a #app_link:visited { color: #FFF; }


H4{
	font-family:Helvetica, Tahoma, sans-serif;
	font-size: 24.4px;
	color: #666;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 10px 0;
}
H5{
	font-family:Helvetica, Tahoma, sans-serif;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	padding: 0;
}
H6{
	font-family:Helvetica, Tahoma, sans-serif;
	font-size: 1.875em;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
}

#container { 
	margin-top:0;
	position:relative;
	background-color:#Fff;
	width: 970px;
	margin-right: auto;
	margin-left: auto; 
}

#backgroundContainerHome
{background: #ffffff url(images/ed_background.jpg) repeat-x;}
#backgroundContainerInternal
{background: #ffffff url(images/ed_internal.jpg) repeat-x;}

/*------------------------------------- Header ----------------------------------- */

#header {
	position: relative;
	margin: 0;
	padding: 0;
	height: 85px;
	/*width: 970px;*/
	background-image: url(images/header.jpg);
}
#logo {
	position: relative;
	/*left: 20px;*/
	margin: 0;
	padding: 0;
	/*height: 37px;*/
	width: 310px;
	float: left;
}

/*---------------------------------------------Login-------------------------------- */
#login {
	float: right;
	margin: 10px 10px 0 0;
	padding:0px 30px 0 0;
	height:13px;
	width: 960px;
	font-family: Tahoma, sans-serif, Verdana;
	font-size: 0.8em;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	text-align:right;
	}
#login a{
	color: #999;
	text-decoration: none;
}
#login a:hover{
	color: #fff;
	text-decoration: none;
}


/*---------------------------------------------Contact Form-------------------------------- */


.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden;
}

#contact_form
{
	clear: both;
	overflow: hidden;
	width: 745px;
	border: 1px #CCC solid;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(images/contact_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 12px;
}


#contact_form #contact_info
{
	width: 196px;
	height: 365px;
	position: relative;
	border: 1px #a8a8a8 solid;
	padding: 22px;
	/*background-image: url(images/c_info_bg.jpg);*/
	background-position: right top;
	background-repeat: no-repeat;
	float: left;
	background-color: #d8d8d8;
}

#contact_form #form_side
{
	float: right;
	position: relative;
	width: 462px;
	height: 334px;
	/*border: 1px #999 solid;*/
}

#contact-form #form_side p {
       padding:0px;
}


.InputTextcontact-form
{
	background-color: #d8d8d8;
	border: 1px #a8a8a8 solid;
	width: 422px;
	font-family:Tahoma, sans-serif, Verdana;
	font-size: 0.95em;
    margin-right: 10px;
        height: 19px;
}

#contact_form #form_side input[type="checkbox"]{
        
        clear: both;
}


.inputsubmitcontact-form
{
	background-color: #c7e4e4;
	border: 1px #a8a8a8 solid;
	width: 423px;
	color: #333;
	margin-top: 2px;
}

.inputsubmitcontact-form:hover
{
	background-color: #6CC;
	border: 1px #333 solid;
	cursor: pointer;
	
}

#contact_form #form_side textarea
{
	background-color: #d8d8d8;
	border: 1px #a8a8a8 solid;
	width: 422px;
	font-family:Tahoma, sans-serif, Verdana;
	font-size: 0.95em;	
	margin-right: 10px;
}

#contact_form #form_side label
{
	font-family:Tahoma, sans-serif, Verdana;
	font-size: 0.85em;
	color: #666;
	line-height: 1.3em;
	padding: 5px 0 5px 0;
}


/*---------------------------------------------- Image---------------------------*/
#imagehome 
{	
	margin: 0;
	padding: 0;
	float: right;
	height: 269px;
	width: 970px;
	background: url(images/musican.jpg) no-repeat;
}

#imageinternal {
	margin: 0;
	padding: 20px 0 0 20px;
	/* float: right;*/
	float: none;
	height: 50px;
	.height: 70px;/* IE */	
	/*width: 950px;*/
	background:url(images/musican.jpg) no-repeat;
}

#phone
{
	position: relative;
	margin: 0;
	padding: 0 0 0 40px;
	top: -10px;
	height: 270px;
	width: 134px;
	float: Left;
}


/*---------------------------------------------------------------------------------------*/
/*------------ emphasis id changed to accomodate new sign up for demo form --------------*/
/*---------------------------------------------------------------------------------------*/

#emphasis {
	position: relative;
	margin: 0;
	padding: 30px 10px 0 30px ;
	float: right;
	width: 745px;
}





/*---------------------------------------------------------------------------------------*/
/*---------------------------------------- BEGIN demo sign up ---------------------------*/
/*---------------------------------------------------------------------------------------*/

#request
{
	background:url(images/c_form-bg.png) no-repeat;
	color:#FFFFFF;
	display:inline;
	float:right;
	font-size:12px;
	height:220px;
	position:relative;
	width:249px;
	margin: 20px 0 0 0;
	padding: 0;
}

#request .requestPane
{
	margin: 20px 10px 10px 20px;
}

#request h2
{
	margin: 3px 0 6px 0;
	font-size: 19px;
	color: #FFF;
	font-weight: bold;
	padding: 0;
}

#request .name
{
	border: 1px #eee solid;
	background-color: #FFF;
	color: #333;
	margin-top: 9px;
	padding-left: 6px;
	font-size: 12px;
	width: 202px;
	height: 18px;
}

#request .phone
{
	border: 1px #eee solid;
	background-color: #FFF;
	color: #333;
	margin-top: 9px;
	padding-left: 6px;
	font-size: 12px;
	width: 144px;
	height: 18px;
}

#request .send
{
	background-image: url(images/button_bg.jpg);
	background-position: 0 -18px;
	background-repeat: no-repeat;
	border: 1px solid #333333;
	cursor: pointer;
	width: 55px;
	height: 20px;
	font-size: 12px;
	color: #333;
	margin-bottom:-1px;
}


#request .send:hover
{
	background-image: url(images/button_bg.jpg);
	background-position: 0 0;
	border: 1px solid #333333;
	cursor: pointer;
}

/*---------------------------------------------------------------------------------------*/
/*---------------------------------------- END demo sign up -----------------------------*/
/*---------------------------------------------------------------------------------------*/





/*---------------------------------------------- Content---------------------------*/


#content{ 
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #fff;	
}

#box1{
	position: relative;
	float: left;
	width: 271px;
	height: 180px;
	background-image: url(images/box1.jpg);
	margin: 0 0 0 80px;
	padding: 0;
}

#box2{ 
	position: relative;
	float: left;
	width: 277px;
	height: 180px;
	background-image: url(images/box2.jpg);
	padding: 0px;
	margin: 0;
}
#box3{ 
	position: relative;
	float: left;
	width: 271px;
	height: 180px;
	background-image: url(images/box3.jpg);
	padding: 0px;
	margin: 0;
}

#box1 div, #box3 div, #box2 div
{
	margin:12px 6px;
}


/*--------------------------------------------- Icons -------------------------------------*/
.icons {
	position: relative;
	float: left;
	width:365px;
	padding: 50px 0  0 30px;
	margin: 0;
}
.icons img{
	padding:0;
	margin:0;
}
/*--------------------------------------------- Footer -------------------------------------*/
#footer {
	float: right;
	position:relative;
	width:365px;
	padding: 0 2px 0 0;
	margin: 0;
}
#footer ul{
	padding: 0;
	margin:0;
	float: left;
}
#footer li{
	text-align: left;
	float: left;
	list-style-type: none;
	font-family: Tahoma, sans-serif, Verdana;
	font-size: 0.8em;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	padding: 50px 10px 20px 10px;
}
#footer li a, #footer li p{
	text-align: left;
	color: #999;
	text-decoration: none;
}
#footer li a:hover{
	color: #259392;
	text-decoration: none;
}





/* DNN STYLES */

/* ControlPanel */
.ControlPanel{ background-color:#FFF; border:none;padding-bottom:10px;}
.cpanel_left {background-color:#FFF;padding-left:21px;}
.cpanel_right {background-color:#FFF;padding-right:33px;}


.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Tahoma, sans-serif, Verdana !important;}
.Head{font-size: 0.75em;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	list-style-image: url(images/arrows.png);
	list-style-position: inside;}
.SubHead {font-size: 1.125em;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 35px 0;}
.SubSubHead{font-size: 1.5em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 15px 0;}
.NormalRed {color:#F00;}
.Normal p{ 
	color:#666666;
	font-size: 12px;
	line-height:1.3em !important;
	padding:5px 0 !important;
}



/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}


.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}

.bread_bg{padding:0px; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0px; margin:0px; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0px 0px 0px 11px;background:url(images/bread_right.png) no-repeat top right; height:34px;}

#login_style{ float:right; padding:8px 17px 0px 10px; }
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#000000;}

.center_bg{padding:0px; margin:0px;clear:both;}
.left_bg{padding:0px; margin:0px; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0px 0px 0px 11px; margin:0px; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:10px 22px 0 22px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}
.content_width{padding-top:15px; min-height:350px;}

.bot_left{padding:0px; margin:0px; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0px; margin:0px; background:url(images/bot_right.png) no-repeat top right; padding:0px 39px 0px 27px;}
.bot_bg{padding:0px; margin:0px; background:url(images/bot_bg.png) repeat-x top left; height:41px;}

.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
	color: #3e414d;
}

A.CommandButton:visited
{
	color: #3e414d;
}

A.CommandButton:hover
{
	color: #7f8394;
}

A.CommandButton:active
{
	color: #3e414d;
}

/*-------ControlPanel ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3e414d;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- panes ----------*/

/*.LeftPane{ padding:0px 20px 0px 0px; width:20%; margin:0px; }
.RightPane{ padding:0px 0px 0px 20px; width:20%; margin:0px; }*/

/*-------------- Links --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3e414d; text-transform:uppercase;}
a.links:hover{color:#C00;}



/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

input.SearchTextBox{float: left; z-index: 10; border: 0px; width:130px; height:18px; margin-left:3px; color: #43494D;}



#contentinternal{ 
	margin: 0;
	padding: 15px 25px 0 35px;
	width: 910px;
	background-color: #fff;	
	text-align:left ;
}
.features{
	margin: 0;
	padding: 15px 15px 0 15px ;
	position: relative;
	float: left;
	width: 425px;
	height: 110px;
	background-image: url(images/features.jpg);
	background-repeat: no-repeat;
	text-align:left;
}
.features2{
	margin: 0;
	padding: 15px 15px 0 15px ;
	position: relative;
	float: left;
	width: 424px;
	height: 110px;
	background-image: url(images/features.jpg);
	background-repeat: no-repeat;
	text-align:left;
}
.features img, .features2 img{
	margin: 0;
	padding: 0 15px 20px 0;
	float: left;

}


#price 
{
	color:#003399;
	font-family:Tahoma,sans-serif,Verdana;
	font-size:1.6em;
	font-weight:bold;
	line-height:1.75em;
}

.pricing 
{
	background-image:url(images/price_bg.jpg);
	background-repeat:no-repeat;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	float:left;
	margin:0;
	padding:15px 0 15px 15px;
	position:relative;
	width:425px;
	text-align:left;
}

.pricing2 
{
	background-image:url(images/price_bg.jpg);
	background-repeat:no-repeat;
	border-top:1px solid #CCCCCC;
	float:left;
	margin:0;
	padding:15px 0 15px 15px;
	position:relative;
	width:424px;
	text-align:left;
}

#pdf_sticker
{
	background:transparent url(images/pdf_sticker.png) repeat scroll 0 0;
height:136px;
left:836px;
position:absolute;
top:346px;
width:142px;
z-index:1;}

#pdf_sticker a{
display: block;
text-decoration:none;
width: 142px;
height: 136px;
}
