html{ overflow-y : scroll; overflow-x: scroll;}

body{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #666666;
    text-align: center;
    background: url('../images/background.png') repeat-x #fff;
}

blockquote{
	margin:20px;
	padding:20px;
	border:1px solid #CCC;
	background-color:#FFF;
	font-style: italic;
}

a{
	color: #8CB813;
	text-decoration: none;
}
a:hover{ text-decoration:underline; }
#main, #footer{ clear: both; }
#page{
   text-align: left;
   margin: 0 auto;
   width: 960px;
}
/* header */
#header{
    padding-top: 5px;
}
#logo-container{
	float:left;
	margin-top: 15px;
}
#navigation{
    float:right;
    font-size: 14px;
    color: #333;
    margin-top: 25px;
}
#navigation ul{
    margin: 0;
    padding: 0;
}
#navigation ul li{
    list-style-type: none;
    float: left;
    padding: 15px 13px 0 13px;
    margin: 0;
}
#navigation ul li.last-item{
    padding-right: 0;
}
#navigation ul li a{
    color: #333;
}
#navigation ul li.selected{
    background: url('../images/nav-selected.png') no-repeat top center transparent;
}
#navigation ul li.selected a{
    text-decoration: none;
    cursor: default;
}
/* main */
#main{
	background: url('../images/main-top.png') no-repeat top left transparent;
	padding-top: 15px;
	margin: 15px 0;
	display: inline-block;
	margin-bottom:0;
width: 100%;
}
#main-bottom{
    background: url('../images/main-bottom.png') no-repeat top left transparent;
    height: 13px;
}
#main-inner-wrapper{
	background: url('../images/main-bg.png') repeat-y top left transparent;
	padding: 0 3px 0 1px;
}
#main-inner{
    background: url('../images/main-inner-bg.png') repeat-y top left transparent;
}
#main-content{
    background: url('../images/main-inner-top.png') no-repeat top left transparent;
    padding: 15px 25px 15px 24px;
    min-height: 280px;
    height: auto !important;
    height: 280px; /*IE6*/
    position: relative;
}
#main-left{
	float:left;
	width: auto;
	position: relative;
}
#main-right{
    float:left;
    width: 242px;
    margin-left: 34px;
    text-align: right;
}
#header, #footer{ padding:0; padding-left: 25px; padding-right: 28px; }
/*columns*/
#columns{
    margin: 15px 0;
}

#columns .link{
	background:none;
	padding:0;
}


.block-medium p, .block-small p{
    font-size:12px;
    color: #999;
}
.block-medium, .block-small{ margin-right: 3px;}
.block-medium{
    float: left;
    background: url('../images/block-medium.png') no-repeat top left transparent;
    padding: 25px 27px 25px 25px;
    width: 429px;
    height: 131px;
}
.block-small{
    float: left;
    background: url('../images/block-small.png') no-repeat top left transparent;
    padding: 25px 27px 25px 25px;
    width: 184px;
    height: 131px;
}
/*footer*/
#footer, #footer a{
    color: #19B0D8;
    font-size: 12px;
}
.clear{
    clear:both;
}
/*other*/
p{
    margin-bottom: 1em;
    line-height: 1.2em;
}
h3{
    color: #19B0D8;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 10px;
}

h3 a{
	text-decoration:none;
	color: #19B0D8;
}

h3 a:hover{
	text-decoration:none;
}

p.subtitle{
	font-size: 16px;
	font-weight: 700;
	color: #999;
}
.link{
	color:#8EB816;
	font-size: 16px;
	display: block;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
	float:right;
	text-align:left;
	background: url('../images/play.png')  no-repeat top left transparent;
}

.notebook-image{
	background: url('../images/notebook.png') no-repeat top left transparent;
	min-height: 285px;
	height: auto !important;
	height: 285px;
	padding-left: 270px;
	width: 360px;
}

a.button-red, a.button-orange, a.button-green, a.button-blue{
    display: block;
    width: 212px;
    height: 47px;
    padding: 10px 15px 0 15px;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.2em;
}
a.button-red{
	background: url('../images/button-red.png') no-repeat top left transparent;
	display: block;
}

a.button-red:hover{
	background: url('../images/button-red_hover.png') no-repeat top left transparent;
	display: block;
	text-decoration:none;
	color: #666;
}

a.button-orange{
	background: url('../images/button-orange.png') no-repeat top left transparent;
	display: block;
}
a.button-orange:hover{
	background: url('../images/button-orange_hover.png') no-repeat top left transparent;
	display: block;
	text-decoration:none;
	color: #666;
}

a.button-green{
	background: url('../images/button-green.png') no-repeat top left transparent;
	display: block;
}

a.button-green:hover{
	background: url('../images/button-green_hover.png') no-repeat top left transparent;
	display: block;
	text-decoration:none;
	color: #666;
}

a.button-blue{
	background: url('../images/button-blue.png') no-repeat top left transparent;
	display: block;
}

a.button-blue:hover{
	background: url('../images/button-blue_hover.png') no-repeat top left transparent;
	display: block;
	text-decoration: none;
	color: #666;
}


a.button-black-small{
	display: block;
	width: 160px;
	height: 25px;
	padding-top: 8px;
	background: url('../images/button-black-small.png') no-repeat top left transparent;
	color: #fff;
	text-align: center;
	font-weight: 700;
}

a.button-black-small:hover{
	background: url('../images/button-black-small_hover.png') no-repeat top left transparent;
	color: #fff;
	text-decoration:none;
}


.button-image{
    float:left;
    margin-right: 10px;
}
.phone-number{
    display: block;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.1em;
}
.phone{
    text-align:right;
    font-size: 14px;
    background: url('../images/phone.png') no-repeat 0 8px transparent;
    min-height: 99px;
    height: auto !important;
    height: 99px; /*IE6*/

}
h1{
    color:#8CB813;
    font-size: 30px;
    font-family: 'Courier New',Courier,monospace;
    margin-bottom: 1em;
}

h2{
	color:#666;
	font-size: 20px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
}

td {
vertical-align:top;
} 


.Service
{
	font-family:"AvenirMedium", Helvetica, Arial, 'sans serif';	
	letter-spacing:0.025em;
	color:#ffcc66;
}

.Service li
{
	margin-left:-20px; 
	color:#ffcc66;
}

.Service_Open
{
	font-family:"AvenirMedium", Helvetica, Arial, 'sans serif';
	color:#ffcc66;
	letter-spacing:0.025em;
}

.Service_Over
{
	font-family:"AvenirMedium", Helvetica, Arial, 'sans serif';
	color:#ffcc66 !important;
	letter-spacing:0.025em;
}

#Service_Name
{
	font-family:"AvenirMedium", Helvetica, Arial, 'sans serif';
	color:#19B0D8;;
	letter-spacing:0.025em;
	cursor:pointer;
	line-height:30px;
	
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	
}

#Service_Description
{
	color:#777777;
	margin: 5px 0px 20px -20px;
	
	
	font-family:"AvenirLight", Helvetica, Arial, 'sans serif';
	list-style-image:none;
	list-style:none
}
