/* 
    Document   : style.css
    Created on : Feb 15, 2013, 15:53:44 PM
    Author     : Armen Markosyan
    Description:
        Main stylesheet for Ross Group landing page
*/
@import url(http://fonts.googleapis.com/css?family=Kameron:400,700);
@import url(http://fonts.googleapis.com/css?family=Cambo);
iframe #calc{
    	background-color:#ffffff;
} 

html{
background: url(images/blueprint-pattern.jpg)!important;
	background-repeat:repeat;
	}

a:link, a:visited{
color:#40A69E;
text-decoration:none;	
}
a:hover, a:active{
color:#424242;
}
a.credit:link {
color : #40A69E;
text-decoration : none;
font-family : "Courier New", Courier, monospace;
font-size : 11px;
font-weight : bold;
}
a.credit:visited {
color : #40A69E;
font-family : "Courier New", Courier, monospace;
text-decoration : none;
font-size : 11px;
}
a.credit:hover {
color : #000000;
font-family : "Courier New", Courier, monospace;
text-decoration : none;
font-size : 11px;
}
a.credit:active {
font-size : 11px;
}
a.menu:link {
color : #d5d5d5;
text-decoration : none;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
}
a.menu:visited {
color : #d5d5d5;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
font-size : 11px;
}
a.menu:hover {
color : #bbbbbb;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
font-size : 11px;
}
a.menu:active {
font-size : 12px;
}
body {
background:#ffffff;
	margin : 40px;
	font-family : "font-family: Arial", Helvetica, "sans-serif;";
	font-size : 14px;
}

#container {
position:absolute;
left:50%;
margin-left:-500px;
width : 1000px;
}
#top {
background-image : url(images/top.png);
background-repeat : no-repeat;
height : 7px;
}
#body {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
    border-radius: 10px 10px 10px 10px;
}
#content {
padding : 00px 50px 0px 50px;

    border: 1px solid #D4D4D3; 
	background: #ffffff;
    border-radius: 10px 10px 10px 10px;
  
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
margin:20px;
}
#header {
width: 100%;
padding-bottom: 20px;
margin: 0 auto;
text-align:center;

}
#header h1 {
	text-align:center;
	font-family: 'Kameron', serif;
	font-size:60px;
	font-weight:700;
	text-decoration:none;
	color:#40A69E;
}
#footer {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #cfcfcf;
font-size : 11px;
padding : 4px;
}
#bottom {
background-repeat : no-repeat;
background-image : url(images/bottom.png);
height : 10px;
}
.video {
width : 560px;
margin : 0 auto 25px auto;
padding : 10px;
font-family : "Courier New", Courier, monospace;
color : #fff;
font-size : 11px;
}
.box {
font-family : "Courier New", Courier, monospace;
font-size : 12px;
width : 450px;
margin : 0 auto 0 auto;
}
.box_new {
margin-left : 675px;
margin-top : -45px;
}
.box_credit1 {
width : 740px;
margin : 0 auto 0 auto;
margin-top : 5px;
padding : 4px;
font-family : "Courier New", Courier, monospace;
color : #1b5497;
font-size : 11px;
text-align : center;
}
.box table {
border : 1px dashed #333333;
border-bottom : none;
background-color : #e4e4e4;
}
.box td {
padding : 3px;
border-bottom : 1px dashed #333333;
}
.box_order {
font-family : "Courier New", Courier, monospace;
font-size : 12px;
width : 420px;
height: 250px;
margin : 0 auto 0 auto;
}
.box_order table {
border : 2px dashed #ededed;
border-bottom : none;
background-color : #fdfdfd;
}
.box_order td {
padding : 5px;
border-bottom : 2px dashed #ededed;
}
h1 {
margin-bottom : 35px;
font-size : 45px;
color : #424242;
}
h2 {
	
	font-family: 'Kameron', serif;
font-weight:700;
margin : 5px;
font-size : 22px;
color : #424242;
}
h3 {
	
	font-family: 'Kameron', serif;
font-weight:700;
margin : 5px;
font-size : 18px;
color : #424242;
}
.white {
background-color : #fff;
}
.grey {
background-color : #f9f9f9;
}
.text_white {
color : #fff;
}
.color2 {
background-color : #34454f;
}
.yellow {
background-color : #fff5cb;
}
/**** Form Section ****/
.appnitro
{
	font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
}

.appnitro li
{
	width:61%;
}

form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

form li
{
	display:block;
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
}

form li:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}



.submit
{
	clear:both;
	display:block;
	margin-left:350px;
}

* html form li
{
	height:1%;
}

* html .submit
{
	height:1%;
}

* html form li div
{
	display:inline-block;
}

form li div
{
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li span
{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li div.left
{
	display:inline;
	float:left;
	width:48%;
}

form li div.right
{
	display:inline;
	float:right;
	width:48%;
}

form li div.left .medium
{
	width:100%;
}

form li div.right .medium
{
	width:100%;
}

.clear
{
	clear:both;
}

form li div label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

form li span label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

form li .datepicker
{
	cursor:pointer !important;
	float:left;
	height:16px;
	margin:.1em 5px 0 0;
	padding:0;
	width:16px;
}

.form_description
{
	border-bottom:1px dotted #ccc;
	clear:both;
	display:inline-block;
	margin:0 0 1em;
}

.form_description[class]
{
	display:block;
}

.form_description h2
{
	clear:left;
	margin:0 0 3px;
}

.form_description p
{
	font-size:13px;
	line-height:130%;
	margin:0 0 12px;
}

form hr
{
	 border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

form li.section_break
{
	border-top:1px dotted #ccc;
	margin-top:9px;
	padding-bottom:0;
	padding-left:9px;
	padding-top:13px;
	width:97% !important;
}

form ul li.first
{
	border-top:none !important;
	margin-top:0 !important;
	padding-top:0 !important;
}

form .section_break h3
{
	font-size:110%;
	font-weight:400;
	line-height:130%;
	margin:0 0 2px;
}

form .section_break p
{
	font-size:85%;

	margin:0 0 10px;
}

/**** Buttons ****/
input.button_text
{
	overflow:visible;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px;
	text-decoration:none;
	 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	 
	 background: #7f7f7f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdmN2Y3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #7f7f7f 0%, #444444 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(100%,#444444)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7f7f7f 0%,#444444 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7f7f7f 0%,#444444 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7f7f7f 0%,#444444 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7f7f7f 0%,#444444 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#444444',GradientType=0 ); /* IE6-8 */

border-radius:6px;
	overflow:visible;
		width:auto;
		text-align:center;
}

.buttons input
{
	font-size:120%;
	
}

/**** Inputs and Labels ****/
p.description,label.description
{
        float:left;
	border:none;
	color:#424242;
	display:block;
	font-size:13px;
	line-height:150%;
	padding:0 0 1px;
}

span.symbol
{
	font-size:115%;
	line-height:130%;
}

input.text
{
	background:#fff url(../../../images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-size:100%;
	margin-left: 5px;
        margin-top: -2px;
	padding:2px 0;
}

input.file
{
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
}

textarea.textarea
{
	resize:none;
	background:#fff url(../../../images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	margin:0;
	width:99%;
}

select.select
{
	color:#333;
	font-size:100%;
	margin:1px 0;
	padding:1px 0 0;
	background:#fff url(../../../images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
}


input.currency
{
	text-align:right;
}

input.checkbox
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

input.radio
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

label.choice
{
	color:#444;
	display:block;
	font-size:100%;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;
	padding:4px 0 5px;
	width:90%;
}

select.select[class]
{
	margin:0;
	padding:1px 0;
}

*:first-child+html select.select[class]
{
	margin:1px 0;
}

.safari select.select
{
	font-size:120% !important;
	margin-bottom:1px;
}

input.small
{
	width:10%;
}

select.small
{
	width:25%;
}

input.medium
{
	width:10%;
}

select.medium
{
	width:50%;
}

input.large
{
	width:99%;
}

select.large
{
	width:100%;
}

textarea.small
{
	height:5.5em;
}

textarea.medium
{
	height:10em;
}

textarea.large
{
	height:20em;
}
#calcbody{
 background-color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    height: 1105px;
    margin: -10px 0 0;
    padding: 0;
}


#calc{
border: none;
margin-left: 25px;
width: 855px;
height:1100px;
margin-bottom: 20px;
background-color:#ffffff;
margin-top: 20px;
}

#buttons{
width: 100%;

}
#buttons ul li{
list-style:none;
float:left;
padding:6px 3px;
}
.btnlogo{
width: 30px;
height: 21px;
float: right;
position: relative;
top: 0px;
right: -15px;
border: 0;
}
.btn {
	color:#ffffff;
	background: #98d3ce; /* Old browsers */
background: -moz-linear-gradient(top,  #98d3ce 0%, #40a69e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98d3ce), color-stop(100%,#40a69e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #98d3ce 0%,#40a69e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #98d3ce 0%,#40a69e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #98d3ce 0%,#40a69e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #98d3ce 0%,#40a69e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98d3ce', endColorstr='#40a69e',GradientType=0 ); /* IE6-9 */


	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 20px 6px 8px;
	text-decoration:none;
	 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}.btn:hover {
	background: #98d3ce; /* Old browsers */
background: -moz-linear-gradient(top,  #98d3ce 0%, #40a69e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98d3ce), color-stop(100%,#40a69e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #98d3ce 0%,#40a69e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #98d3ce 0%,#40a69e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #98d3ce 0%,#40a69e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #98d3ce 0%,#40a69e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98d3ce', endColorstr='#40a69e',GradientType=0 ); /* IE6-9 */


}.btn:active {
	position:relative;
	top:1px;
}
a.btn{
color:#ffffff;	
}
#logo{
display:block;
width:300px;
height:65px;
margin:auto;
}
div.text-container {
    margin: 0 auto;
    width: 90%;    
}

.text-content{
    line-height: 1.5em;
}

.short-text {
    overflow: hidden;
    height: 60px;
    
}

.full-text{
    height: auto;
}

h1 {
    font-size: 24px; 
	color:#424242;       
}

.show-more {
    padding: 10px 0;
    text-align: center;
    font-size: 20px;
	color:#424242;
}
#social {
width:200px;
margin:10px auto 10px auto;
text-align:center;
}

#disclaimer {
text-align:center;
margin: 0px auto;
padding-bottom: 5px;
color: #ccc;
width: 355px;
font-size: 10px;
}