@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

html *			{font-family:'Open Sans',sans-serif,verdana,arial; font-weight:300; font-size:11pt}

/* main */

body			{color:#888888; background:#000000; margin:0px; overflow-y:scroll}
b				{color:pink; font-size:1.2em}
p				{margin:0px; padding:0px; text-align:center}
form 			{margin:0px; padding:0px; display:inline}
div				{margin:0px; padding:0px}
img				{display:block; border:0px; margin:0px; padding:0px}
h1				{padding:0px; margin:25px 0px 20px 0px; font-size:2.4em; color:#f5731e; font-style:normal; text-transform:capitalize; text-align:center; font-weight:400}
h2				{padding:0px; margin:25px 0px 20px 0px; font-size:1.4em; color:#888888; font-style:normal; text-align:center}
h3				{padding:0px; margin:25px 0px 20px 0px; font-size:1.4em; color:#888888; font-style:normal; text-align:center}
h4				{padding:0px; margin:25px 0px 20px 0px; font-size:1.2em; color:#888888; font-style:normal; text-align:center}
sup				{bottom:0.2em; font-size:0.5em; color:#888888}
ul, li			{text-align:center}

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

input			{font-size:1.0em !important; margin:5px 0px; padding:5px !important; height:30px; border-radius:3px; -moz-border-rightradius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; background:#f9f9f9 !important}
textarea		{font-size:1.0em !important; margin:0px 0px; padding:8px 5px !important; height:85px; border-radius:3px; -moz-border-rightradius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; background:#f9f9f9 !important}
select			{font-size:1.0em !important; margin:5px 0px; padding:5px 0px; height:30px; border-radius:3px; -moz-border-rightradius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; background:#f9f9f9 !important}
select optgroup	{font-size:1.0em !important; margin:0px; padding:5px; background:#f9f9f9 !important}
select option	{margin:0px; padding:5px; height:30px; text-align:right}
button			{width:100%; margin:0px; padding:5px 20px; font-family:'Open Sans',sans-serif,verdana,arial font-size:1.0em; float:left; border-radius:3px; -moz-border-rightradius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px}
.button			{font-size:1.0em !important; font-family:'Open Sans',sans-serif,verdana,arial; font-weight:300 !important; margin:15px 0px; padding-top:12px !important; display:inline-block; background:#f5731e !important; color:#ffffff !important}
.button:hover	{background:#888888 !important}

.row			{max-width:1200px}
#justify		{text-align:justify}
#left			{text-align:left}
#center			{text-align:center}
#right			{text-align:right}
#italic			{font-style:italic}
#error			{color:pink}

#icon			{font-size:2.2em; margin:0px; padding:0px; display:inline-block}

#logo			{margin:0px; padding:0px}

#content li		{list-style-position:inside}

#navigation								{background:rgba(0,0,0,0.4) !important; z-index:100; padding:10px 0px}
#navigation a							{font-family:'Open Sans',sans-serif,verdana,arial; font-weight:400; font-size:1.1em}
.top-bar								{background:transparent !important}
.top-bar .name							{margin:0px; padding:0px}
.top-bar-section li						{background:transparent !important}
.top-bar-section li a:not(.button)		{background:transparent !important; color:#ffffff !important; padding:10px 0px 10px 12px !important}
.top-bar-section li a:not(.button):hover{background:transparent !important; color:#f5731e !important}
.top-bar-section ul li.active > a		{background:transparent !important; color:#888888 !important}
.top-bar-section ul li.active > a:hover	{background:transparent !important; color:#888888) !important}

/* mobile nav */

.top-bar .toggle-topbar					{margin:0px 10px}
.top-bar .toggle-topbar a span			{color:#ffffff !important; font-weight:400}
.top-bar.expanded .title-area			{background:transparent !important}

#orbit									{background:#000000; color:#ffffff; margin:0px; padding:0px}
.orbit-container 						{width:100%; max-width:1950px; min-height:200px; margin:0px auto}
.orbit-slides-container 					{width:100%}
.orbit-slides-container li 				{width:100%; background-size:cover}
.orbit img:not(#orbitfade)				{width:100%; opacity:0.75; filter:alpha(opacity=75)}
.orbit-container .orbit-slides-container > * .orbit-caption 	{font-size:1.2em; line-height:2.0em; background:#000000; color:#ffffff; text-align:center; text-transform:uppercase}
.orbit-timer							{display:none}
.active									{background:transparent}
.orbit #orbitfade						{position:absolute; top:0px; left:0px; width:100%; height:100%}

#content		{padding:20px 0px 40px 0px; background:#222222}

#gallery li			{margin:0px; padding:5px; height:12em; position:relative}
#gallery li div		{width:100%; height:100%; background-size:cover; background-position:center; opacity:0.75; filter:alpha(opacity=75)}
#gallery li div:hover	{opacity:100; filter:alpha(opacity=100)}
#gallery li p			{width:80%; font-size:1.1em; font-weight:400; color:#ffffff; position:absolute; top:50%; left:50%; -moz-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); text-shadow:0px 0px 10px rgba(0,0,0,1.0);
					background: -moz-linear-gradient(left, rgba(34,34,34,0) 0%, rgba(34,34,34,0.75) 30%, rgba(34,34,34,0.75) 70%, rgba(34,34,34,0) 100%);
					background: -webkit-linear-gradient(left, rgba(34,34,34,0) 0%,rgba(34,34,34,0.75) 30%,rgba(34,34,34,0.75) 70%,rgba(34,34,34,0) 100%);
					background: linear-gradient(to right, rgba(34,34,34,0) 0%,rgba(34,34,34,0.75) 30%,rgba(34,34,34,0.75) 70%,rgba(34,34,34,0) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );}

#footer 			{padding:20px 0px}
#footer * 		{font-size:0.7rem}
#footer .icon	{font-size:2.4rem; color:#f5731e; margin:20px}

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

/* @media - ipad iphone */

@media only screen and (max-width:415px){
#navigation						{padding:10px 0px}
#navigation .top-bar				{min-height:80px}
#navigation .toggle-topbar		{margin-top:15px}
#navigation .top-bar-section li	{margin:20px; text-align:center}
#logo							{max-width:160px !important; margin:0px 30px}
#orbit .orbit-slides-container li 	{width:200% !important}
#orbit .orbit-container .orbit-slides-container > * .orbit-caption	{max-width:50%}
#input							{text-align:center}
#textarea						{text-align:center}
#select							{text-align:center}
.button							{margin-top:6px !important}
}

/* @media - ipad menu */

@media only screen and (device-width:735px) and (orientation:landscape){
#navigation						{max-height:100px; padding:5px 0px}
#logo							{max-width:160px !important; margin:0px 30px}
.top-bar-section li a:not(.button){padding:0px 0px !important}
#orbit .orbit-container .orbit-slides-container > * .orbit-caption 	{font-size:1.2em; max-width:50%}
}