/* main */

body			{font-size:8pt; font-family:verdana,arial,futura lt bt; text-decoration:none; color:#ffffff; background:#444444; margin:25px 0px 0px 0px; overflow-y:scroll}
td				{font-size:8pt; font-weight:normal}
b				{font-weight:bold}
p				{font-size:8pt; padding:0px; margin:0px; text-align:justify; color:#ffffff}
hr				{padding:0px; margin:0px; color:#999999; height:1; background:#999999; border:0px}
form 			{margin:0px; padding:0px; display:inline}
div				{margin:0px; padding:0px; text-align:justify}
img:not(.location  img)	{display:block; border:0px; margin:0px; padding:0px}
h1				{text-align:left; padding:0px; margin:20px 0px; font-size:14pt; letter-spacing:1px; font-weight:normal; color:#d6332c; text-shadow:0px 1px 2px rgba(0,0,0,1)}
h2				{text-align:left; padding:0px; margin:20px 0px; font-size:12pt; letter-spacing:1px; font-weight:normal; color:#d6332c; text-shadow:0px 1px 2px rgba(0,0,0,1)}
h3				{text-align:left; padding:0px; margin:10px 0px; font-size:12pt; letter-spacing:1px; font-weight:normal; color:#d6332c}
li				{font-size:8pt; margin:0px; padding:0px}
sup				{font-size:7pt}

#input			{font-size:8pt; font-family:verdana,arial,futura lt bt; color:#ffffff; border:rgba(0,0,0,0.2) 1px solid; margin:0px 0px 15px 0px; padding:5px; height:28px; background:rgba(255,255,255,0.2); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px}
#select			{font-size:8pt; font-family:verdana,arial,futura lt bt; color:#ffffff; border:rgba(0,0,0,0.2) 1px solid; margin:0px 0px 15px 0px; padding:5px; height:28px; background:rgba(255,255,255,0.2); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px}
#textarea		{font-size:8pt; font-family:verdana,arial,futura lt bt; color:#ffffff; border:rgba(0,0,0,0.2) 1px solid; margin:0px 0px 15px 0px; padding:5px; height:70px; background:rgba(255,255,255,0.2); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px}
#button			{font-size:8pt; font-family:verdana,arial,futura lt bt; color:#ffffff; border:rgba(0,0,0,0.2) 1px solid; margin:0px; padding:5px 10px; background:rgba(255,255,255,0.2); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px}
#button:hover	{background:rgba(255,255,255,0.4)}


.row			{max-width:1100px}
#mail			{color:red; margin:50px 0px}
#icon			{color:#777777; font-size:25px; margin:0px}
#justfy			{text-align:justify}
#left			{text-align:left}
#center			{text-align:center}
#right			{text-align:right}
#pad			{padding:0px 15px}

#logo			{position:relative; z-index:100}

a:link     		{color:#777777; background:transparent; text-decoration:none}
a:visited 		{color:#777777; background:transparent; text-decoration:none}
a:hover   		{color:#ffffff; background:transparent; text-decoration:none}
a:active		{color:#777777; background:transparent; text-decoration:none}

#navigation								{background:#444444; z-index:40}
.top-bar								{background:#444444 !important}
.top-bar .name							{padding:0px}
.top-bar-section li a:not(.button)		{background:#444444 !important; color:rgba(255,255,255,0.6) !important; font-family:verdana,arial,futura lt bt !important}
.top-bar-section li a:not(.button):hover	{background:#444444 !important; color:rgba(255,255,255,1) !important; font-family:verdana,arial,futura lt bt !important}
.top-bar-section ul li.active > a			{background:#444444 !important; color:rgba(255,255,255,.4) !important; font-family:verdana,arial,futura lt bt !important}
.top-bar-section ul li.active > a:hover	{background:#444444 !important; color:rgba(255,255,255,.4) !important; font-family:verdana,arial,futura lt bt !important}
.top-bar .toggle-topbar a span			{color:#000000}
#navigation h1							{margin:0px; padding:10px 0px 0px 10px; text-align:center; background:#444444}

#orbit						{color:transparent; margin:0px}
.orbit-container 			{width:100%; max-width:1950px; min-height:100px; margin:0 auto}
.orbit-slides-container 		{width:100%}
.orbit-slides-container li 	{width:100%; background-size:cover !important}
.orbit img					{width:100%}
.orbit-container .orbit-slides-container > * .orbit-caption {font-size:11pt; background:rgba(0,0,0,0.6); color:#777777; text-align:center; letter-spacing:1px; text-shadow:0px 1px 2px rgba(0,0,0,0.6); margin-bottom:5%}
.orbit-timer				{display:none}
.active						{background:transparent}

#content					{padding:0px}
#content ul					{margin:0px 0px 0px 20px; padding:0px}

#innercontent				{background:rgba(0,0,0,0.2); border:rgba(0,0,0,0.2) 1px solid; margin:auto; position:absolute; top:50%; left:0px; right:0px; z-index:40; padding-bottom:15px}
#innercontent:hover			{background:rgba(0,0,0,0.8)}

#team img					{float:right; margin:0px 0px 0px 10px; width:40%}

#gallery					{margin-top:30px}
#gallery .gallery			{background:rgba(0,0,0,0.4); text-align:center; padding:0px; font-size:8pt; border:rgba(100,100,100,0.4) 1px solid}
#gallery p					{text-align:center; padding:5px 0px; color:#ffffff)}
#gallery  img:hover			{filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8}

#map_canvas					{height:300px; margin:0px; border:solid 1px #dce0e2; background:#ffffff}
#map_canvas_expand			{position:relative; top:114px; left:14px; z-index:1}
#map_canvas_expand img		{-webkit-box-shadow:0px 1px 1px #dce0e2; -moz-box-shadow:0px 1px 1px #dce0e2; box-shadow:0px 1px 1px #dce0e2}

#footer						{color:#777777; font-size:7pt; padding:0px; margin-top:40px}

.g-recaptcha div				{margin:0px auto 15px auto; max-height:75px}

/* @media - tablet menu */

@media only screen and (device-width:768px) and (orientation:portrait){
#navigation h1							{font-size:12pt}
.top-bar-section li a:not(.button)		{font-size:9pt; padding:0px 7px !important}
}

/* @media - phone */

@media only screen and (max-device-width:480px){
body									{margin:10px 0px 0px 0px}
h1										{font-size:12pt}
h2										{font-size:12pt}
h3										{font-size:10pt}
#logo									{width:60px !important; margin-left:20px !important}
#innercontent							{position:relative}
.top-bar								{background:#444444 !important}
.top-bar .toggle-topbar a span			{color:rgba(255,255,255,0.6) !important}
.top-bar.expanded .title-area			{background:#444444 !important; margin-bottom:15px}
.top-bar-section li						{margin:10px; text-align:center !important}
.top-bar-section li a:not(.button) 		{background:#444444 !important}
.top-bar-section li a:not(.button):hover 	{background:#888888 !important}
.top-bar-section ul li.active > a 			{background:#666666 !important}
.top-bar-section ul li.active > a:hover	{background:#888888 !important}
#footer									{font-size:6pt}
#footer	#icon							{margin:10px}
}