html, body, table, th, tr, td, p, img, hr, ul, li, h1, h2, h3, h4, h5, div, form, fieldset {padding:0; margin:0; border:none;}
html, body {}

















body{color:#444444; font-size:14px; background:#000; font-family:Arial, Helvetica, sans-serif; margin:0; /*overflow: hidden;*/ overflow-y: scroll;}

::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-button {width: 12px; height:5px;}
::-webkit-scrollbar-track {background:#eee; border: thin solid lightgray; box-shadow: 0px 0px 3px #dfdfdf inset;				border-radius:10px;}
::-webkit-scrollbar-thumb {background:#999; border: thin solid gray; border-radius:10px;}		::-webkit-scrollbar-thumb:hover {background:#7d7d7d;}			
			
	

.skipbut {background:#000; color:#FFF; width:auto; float:right; padding:5px 10px; position:fixed; border:1px #999999 solid; text-decoration:none; bottom:0; right:0}

.horse {position:absolute; top:0; left:0; z-index:4; margin:121px 0 0 241px; opacity:0; width:5px; height:4px;}
.horsepath {position:absolute; top:0; left:0; z-index:3; margin:150px 0 0 125px; opacity: 0}
.title1 {position:absolute; top:0; left:0; z-index:2; margin:141px 0 0 50px; opacity: 0}
.title2 {position:absolute; top:0; left:0; z-index:1; margin:163px 0 0 179px; opacity: 0}

/*.horse {position:absolute; top:0; left:0; z-index:4; margin:50px 0 0 150px;}
.horsepath {position:absolute; top:0; left:0; z-index:3; margin:120px 0 0 125px;}
.title1 {position:absolute; top:0; left:0; z-index:2; margin:141px 0 0 125px;}
.title2 {position:absolute; top:0; left:0; z-index:1; margin:163px 0 0 129px;}*/

div#image {position:relative; z-index:-1; display:block; overflow:hidden}
div#image img {overflow:hidden; position:relative; z-index:2;}
div#image img.intro {opacity:0; margin-left:-50px}

div#imagehm {position:relative; z-index:-1; display:block; overflow:hidden}
div#imagehm img {overflow:hidden; position:absolute; z-index:2;}

div#imagehmnew {position:fixed; z-index:-1; display:block; overflow:hidden; top:0; left:0}
div#imagehmnew img {overflow:hidden; position:absolute; z-index:2;}

.cls {clear:both; margin:0; padding:0}
.logo {width:151px; margin:40px 0 0 40px; position:absolute; top:0; left:0; z-index:5}
.logo img {max-width:100%}

.topsh {background:url(images/topsh.png) repeat-x; height:168px; position:fixed; top:0; left:0; z-index:0; width:100%; display:none}
.leftsh {background:url(images/leftsh.png) repeat-y; height:100%; width:263px; position:fixed; top:0; left:0; z-index:0; display:none}
.rightsh {background:url(images/rightsh.png) repeat-y; height:100%; position:fixed; top:0; right:0; z-index:0; width:231px; display:none}

.toplinks { position:absolute; top:0; margin-top:0px; right:0; z-index:5; width:820px; background:url(images/bg.png)}
.toplinks ul {margin:0; padding:0px 0 0 0; list-style:none; float:right;  border-right:0px #50504f solid; display:block}
.toplinks ul li {margin:0; display:block; float:left; background:url(images/toplinkline.gif) no-repeat right 7px; font-family: 'siemens';}
.toplinks ul li:last-child {background:none;}
.toplinks ul li a {color:#FFF; text-decoration:none; display:block; padding:5px 12px;}
.toplinks ul li a:hover {color:#ccc}

.menu {position:absolute; margin-top:25px; width:175px; margin-right:511px; z-index:500; top:0; right:0; font-size:13px; opacity:0; display:none}
.menu .arrowTop {background:url(images/arrowmenu.png); width:19px; height:17px; margin-left:35px; display:none}

.menu .menuContent {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:5px 10px; -moz-box-shadow: 0 5px 10px -1px #000; -webkit-box-shadow: 0 5px 10px -1px #000; box-shadow: 0 5px 10px -1px #000; border:2px solid #333; background:url(images/bg.png)}
.menu .menuContent a {color:#FFF; text-decoration:none; display:block; padding:5px; border-bottom:#333 1px solid; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; ms-transition: 0.5s; transition: 0.5s;}
.menu .menuContent a:hover {padding-left:10px; background:#006d95}

#contactPop {margin-right:0; width:200px}
#contactPop .arrowTop {margin-left:135px}
#mediaPop {margin-right:120px}
#careersPop {margin-right:55px}
#golfPop {margin-right:455px}
#metroPop {margin-right:360px}
#aboutPop {margin-right:580px}
.toplinks .call {margin:30px 0 0 15px; width:190px; float:left; display:none}
.toplinks .call p {margin:-4px 0 0 0; font-family: 'helvetica_neueregular'; font-size:18px; float:right; width:140px}

.toplinks .call span {width:35px; height:17px; float:left; display:block; background:url(images/call.png) no-repeat; font-family:Arial, Helvetica, sans-serif; font-weight:700; font-size:11px; color:#000; padding:1px 0 0 6px}

.punchline {font-family: 'lane_-_narrowregular'; font-size:48px; width:400px; position:fixed; top:50%; left:0; z-index:5; margin:-20px 0 0 0; line-height:50px; padding-left:40px; color:#FFF}

.textsh {background:url(images/textsh.png) no-repeat; width:514px; height:418px;position:fixed; top:50%; left:0; z-index:0;  margin:-180px 0 0 0px; display:none;}

.hmLogos {position:absolute; width:634px; bottom:30px; right:20px; z-index:200; }
.hmLogos img {margin-right:5px; width:159px; cursor:pointer; position:absolute; bottom:0; left:0; z-index:0}
.hmLogos img:hover {z-index:2}
.hmLogos img.home1 {margin-left:159px;}
.hmLogos img.home2 {margin-left:318px;}
.hmLogos img.home3 {margin-left:476px;}
.hmLogos img.home4 {margin-left:635px;}
.hmLogos img.home5 {margin-left:795px;}
.hmLogos img.home6 {margin-left:955px;}
.hmLogos img.home7 {margin-left:1114px;}
.hmLogos img.home8 {margin-left:1114px;}

.imgesthumb {position:absolute; top:50%; left:0; margin-left:40px; z-index:50; margin-top:110px}
.imgesthumb a {position:relative; display:inline-block; width:39px; height:39px; margin-right:4px}
.imgesthumb a div {position:absolute; width:39px; height:39px; z-index:1; opacity: 0.6; background: #000; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; ms-transition: 0.5s; transition: 0.5s;}
.imgesthumb a.dot_active div {opacity: 1; background:none; display:block; border:2px solid #FFF; width:37px; height:37px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; ms-transition: 0.5s; transition: 0.5s;}

.horseposition { max-width:600px; position:relative; margin:10% auto 0 auto}
.horseposition img {width:0; top:50%; left:50%; position:absolute}

#description {margin-left:40px; width:490px;}
#menu1 {position:absolute; bottom:70px; right:0; width:100%; display:none; z-index:20;}
div.jqDockLabel {}
#menu1 a {text-decoration:none}
#menu1 .jqDockWrap {float:right}
#menu1 div.jqDockLabel {padding:0 0px 0px 0px; display: block!important; position:relative!important; text-align:center; color:#FFF; width:90px; margin:-25px auto 0 auto!important}

.menuMobile {display:none; float:right; margin-top:20px; margin-right:20px; cursor:pointer}
.mobilemenuBG {background:#000;  z-index:111111111111; position:fixed; width:90%; height:100%; top:0; left:0; display:none; -moz-box-shadow: 5px 2px 10px -3px #000; -webkit-box-shadow: 5px 2px 10px -3px #000; box-shadow: 5px 2px 10px -3px #000; opacity:0.9}

#mobilemenu {position:fixed; top:0px; left:0px; width:90%; min-height:100%; z-index:1111111111111; display:none;}
.mobilemenucontent {width:90%; margin:0px 0px 0px 5%; 	border:0px solid #5d5d5d;	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom:30px;}
.mobilemenuclose {width:90%; margin:10px 0px 0px 5%; text-align:right; cursor:pointer;}

.footer {/*background:url(images/footersh.png) repeat-x  top center;*/ background:#000; width:100%; position:relative; bottom:0; left:0; padding-bottom:5px; /*padding-top:130px*/ padding-top:10px;}
.footer ul {margin:0 0 0 5px; padding:0; list-style:none; float:left; display:none}
.footer ul li {margin:0; display:block; padding:0 18px 0 15px; float:left; background:url(images/bullet-icon.gif) no-repeat right 5px; font-family: 'siemens'; font-size:14px;}
.footer ul li:last-child {background:none;}
.footer ul li a {color:#FFF; text-decoration:none}
.footer ul li a:hover {color:#006d95}

.footer .clsline {clear:both; margin:0 0 10px 0; padding:0; height:12px; border-bottom:1px solid #50504f; display:none}

.footer .copy {float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#444444; margin-left:20px;}

.footer .followus {float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#444444; margin-right:20px; border-left:0px solid #50504f; padding:5px 0 0 15px; margin-top:-10px; margin-bottom:-5px; height:28px}
.footer .followus span {float:left; margin:5px 0 0 0}
.footer .followus a { margin:3px 0 0 10px}
.footer .followus .fbicon {float:left; width:20px; height:17px; background:url(images/socialicon.gif) no-repeat 8px 0px;}
.footer .followus .tweeticon {float:left; width:20px; height:17px; background:url(images/socialicon.gif) no-repeat -24px 0px;}
.footer .followus .pinicon {float:left; width:20px; height:17px; background:url(images/socialicon.gif) no-repeat -56px 0px;}

.footerfix { position:absolute}

.expandcontentSection { width:37px; height:86px; position:absolute; top:50%; left:-43px; margin-top:-40px; cursor:pointer}


.contentSection {width:90%; background:#FFF; padding:25px 5% 40px 5%; position:relative; margin-left:0px; bottom:0; left:0; margin-top:0px; color:#444; }
.contentSection h1 {font-family:'myriad'; font-size:40px; margin:0 0 15px 0; padding:0 0 5px 0; border-bottom:1px solid #ccc; font-weight:300; text-transform:capitalize; color:#006d95}
.contentSection h2 {font-family:"Augustus"; font-size:20px; margin:0 0 10px 0; padding:0 0 0px 0; font-weight:700}
.contentSection h2.textuppercase {text-transform:uppercase}
.contentSection h2 span {color:#038cbe}
.contentSection h3 {font-family:"Augustus"; font-size:18px; color:#0286d2; margin:0 0 10px 0; padding:0 0 0px 0; font-weight:700}
.contentSection p {line-height:21px; margin-bottom:25px;}

.contentSection ul { margin:0 0 0 20px; padding:0; list-style:square}
.contentSection ul li {border-bottom:#3d3d3d 0px solid; padding:10px 0; line-height:21px;}

.contentSection .values {margin:0 0 0 0px; padding:0; list-style:none}
.contentSection .values li {border-bottom:#3d3d3d 1px dotted; padding:10px 0; line-height:21px;}
.contentSection .values li strong {color:#0286d2; font-family:"Augustus"; font-weight:700}

.contentSection .designation {line-height:21px; margin:5px 0 10px 0; font-size:18px; color:#0286d2; font-family:"Augustus"; font-weight:700}

.contentSection .scroll-pane {width:93%!important; padding-right:45px; height:200px;}

.contentSection .closeContent { background:url(images/closeContent.png) no-repeat; width:11px; height:15px; position:absolute; top:0; right:0; margin:20px; cursor:pointer}

.contentSection .specificationsTable {margin:0 0 40px 0; padding:0; border-bottom:#f1f1f1 4px solid; }
.contentSection .specificationsTable td {border-bottom:#ccc 1px solid; padding:7px 5px; vertical-align:top}
.contentSection .specificationsTable th {border-bottom:#ccc 1px solid; padding:7px 5px; vertical-align:top; text-align:left}

.contentSection .mediapresscss a {float:left; margin-right:25px; margin-bottom:30px; text-decoration:none; color:#006d95; padding:2px; border:#CCC 1px solid; -moz-box-shadow: 0 5px 10px -4px #000; -webkit-box-shadow: 0 5px 10px -4px #000; box-shadow: 0 5px 10px -4px #000; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; ms-transition: 0.5s; transition: 0.5s;}
.contentSection .mediapresscss a p {margin-bottom:0}
.contentSection .mediapresscss a:hover {background:#006d95; color:#FFF; border:1px #006d95 solid}

.contentSection .mediaeventcss a {float:left; margin-right:11px; margin-bottom:20px; text-decoration:none; color:#006d95; padding:0px; opacity:1; border:#FFF 1px solid; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; ms-transition: 0.5s; transition: 0.5s;}
.contentSection .mediaeventcss a:hover {opacity:0.6}

.contentSectionblk {width:600px; background:none; padding:25px; position:absolute;; margin-left:10px; bottom:0px; left:0; margin-top:0px; color:#FFF;}
.contentSectionblk h1 {border-bottom:0px solid #ccc; color:#FFF}

.contentSectionblk a {color:#FFF;}

.contentSection  textarea {display: block; margin: 0; width: 100%; font-family: sans-serif; font-size: 13px;   appearance: none;  box-shadow: none;  border-radius: none; padding:5px; min-height:75px; max-height:75px;}
.contentSection  input[type="text"] {display: block; margin: 0; width: 100%; font-family: sans-serif; font-size: 13px;   appearance: none;  box-shadow: none;  border-radius: none; padding:5px}
.contentSection  select {display: block; margin: 0; padding:5px; width: 105%; font-family: sans-serif; font-size: 13px;   appearance: none;  box-shadow: none;  border-radius: none;}
.contentSection input[type="text"]:focus {outline: none}
.contentSection input[type=submit] {padding:5px 15px; background:#006d95; color:#FFF; border:0 none; cursor:pointer;}
.contentSection input[type=button] {padding:5px 15px; background:#006d95; color:#FFF; border:0 none; cursor:pointer;}
.contentSection label { float:left; width:150px !important; margin-right:10px}
.contentSection label.large { float:left; width:200px; margin-right:10px}

.contentSection .frm { margin:0; padding:0}

.contentSection .frm .input { float:left; width:250px;}
.contentSection .frm .clsfrm {clear:both; margin:10px 0; padding:0;}

.contentSection .frmenq { margin:0; padding:0}
.contentSection .frmenq .input { float:left; width:250px;}
.contentSection .frmenq .clsfrm {clear:both; margin:10px 0; padding:0;}

.contentSection .frmex { margin:0; padding:0}
.contentSection .frmex .input { float:left; width:25%;}
.contentSection .frmex label.large { float:left; width:30%!important; margin-right:10px}
.contentSection .frmex .clsfrm {clear:both; margin:10px 0; padding:0;}
.contentSection .frmex .but input[type=button] {padding:5px 15px; background:#006d95; color:#FFF; border:0 none; cursor:pointer;}

.contentSection .propiccss {float:left; margin:0 15px 0 0; border:#CCC 1px solid}


.home-popup-request{position:fixed; z-index:99999; top:50%; left:50%; margin:-135px 0 0 -320px; display:none; max-width:650px; width:100%; background:#FFFFFF; border:10px #FFFFFF solid; padding:10px; -moz-box-shadow: 2px 5px 20px #000;  -webkit-box-shadow: 2px 5px 20px #000; box-shadow: 2px 5px 20px #000;}
.home-popup-request .close-popup{cursor:pointer; position:absolute; color:#fdcf07; font-family:Arial; font-size:11px; font-weight:bold; top:-35px; right:0px;}
.home-popup-black{width:100%; height:100%; position:fixed; background:url(images/the-golf1f.jpg) center center; background-size:cover; top:0; left:0; z-index:9999; display:none}

.home-popup-request h1 {font-family:"Augustus"; font-size:20px; margin:0 0 10px 0; padding:0 0 0px 0; font-weight:700}
.contentSection label { float:left; width:100px; margin-right:10px; margin-bottom:5px}
.home-popup-request input[type="text"] {display: inline-block; margin: 0 0 5px 0; width: 100%; font-family: sans-serif; font-size: 13px;   appearance: none;  box-shadow: none;  border-radius: none; padding:5px; float:right; width:200px;}
.home-popup-request input[type=button] {padding:10px 15px; background:#006d95; color:#FFF; border:0 none; cursor:pointer; font-size:14px; text-transform:uppercase; margin-left:88px !important}

.hmLogosscreen {display:none; margin-top:10px;}

.contactbody {overflow:hidden}

.space100200he {width:100%; height:200px;}
.formcol1 {float:left; width:500px}
.formcol2 {float:left;}

.col1rvs {width:300px; float:left; margin-right:50px}
.col1rvs1 {width:300px; float:left}

@media (max-width: 960px) {
.logo {position:relative; margin-top:10px; margin-bottom:10px; float:left}
.punchline {font-size: 30px; margin:10px 0; text-align:center; line-height: 30px; position:relative; top:inherit}
.menuMobile {display:block}
.toplinks { position:absolute; top:0; right:0; z-index:5; width:214px; background:none}
.toplinks ul {display:none}
.toplinks .call {float: none; margin-top:60px;}
.footer ul {display:none}
.footer .clsline { display:none}
.footer .followus {float: none; margin:0 auto; width:183px; border-left:0; padding:0; margin-top: 0px; margin-bottom: 0px;}
.footer .copy {float: none; text-align:center; border-top: 1px solid #50504f; margin:0; padding:10px 0}
div#image {position:relative; width:100% !important; height:auto!important; margin-bottom:-3px}
div#image img, div#imagehm img, div#imagehmnew img {width:100%!important; left:0!important; height:auto!important; position:relative!important}
div#imagehm {position:relative; width:100% !important; height:300px!important}

div#imagehmnew {position:relative; width:100% !important; height:300px!important; margin-bottom:-3px}

.imgesthumb {position:relative; top:0; left:0; margin-left:40px; z-index:50; margin-top:-60px; margin-bottom:30px}

.punchline {width: auto; padding-left: 0px;}

.hmLogosscreen {display:block}

.contentSection {width: 90%; position:relative; margin-left: 0px; padding: 5%; left:0!important}
.hmLogos {display:none}
.footer {position:relative; -moz-box-shadow: 0 0px 0px 0 #000; -webkit-box-shadow: 0 0px 0px 0 #000; box-shadow: 0 0px 0px 0 #000;}
.contentSection .scroll-pane {width:100%!important; padding-right:0px; height:auto;}
.contentSection h1 {width: 100%; font-size:35px}
.topsh, .leftsh, .rightsh, .closeContent, .textsh, .expandcontentSection {display:none}
.contactbody {overflow:auto}
.space100200he {width:100%; height:146px;}

.contentSection .frmex .input { float:none; width:80%; margin-top:5px}
.contentSection .frmex label.large { float:none; width:80%!important; margin-right:0px}
.formcol1 {float:none; width:250px}
.formcol2 {float:none; margin-top:20px}
.contentSection input[type="text"] {margin-top: 5px;}
.contentSection label.large {float: none;}
.contentSection .frmenq .input {float: none; margin-top:5px}
}
@media (max-width: 760px) {
.home-popup-request{top:30px; margin:0 1%; display:none; width:90%; left:0; max-width:90%; padding:2%;}
.col1rvs {width:100%; float:none; margin-right:0px}
.col1rvs1 {width:100%; float:none}
.home-popup-request input[type="text"] {width: 90%; display:block; float:none}
}
@media (max-width: 686px) {
div#imagehm {height:250px!important}
div#imagehmnew {height:250px!important}
}
@media (max-width: 600px) {
.logo {width:100px}
.logo img {width:100px}
.hmLogosscreen img {width:100px;}
.space100200he {width:100%; height:100px;}
.imgesthumb {display:none}
}
@media (max-width: 565px) {
div#imagehm {height:170px!important}
div#imagehmnew {height:170px!important}
}

@media (max-width: 406px) {
.home-popup-request{margin:0; width:85%; left:0; max-width:80%;}
.home-popup-request input[type="text"] {width: 90%; display:block; float:none}
}

@media (max-width: 392px) {
div#imagehm {height:100px!important}
div#imagehmnew {height:100px!important}
}