/* CSS Document */

/* Colours */

.ta-dah-apps-orange							{color:#E04E03;}


/* General */

h1											{font-size:28px; font-weight:bold; line-height:150%;}	
h2											{font-size:24px; font-weight:bold; line-height:150%; color:#9F5000; padding-top:10px; padding-bottom:5px;}	
h3											{font-size:14px; font-weight:bold; line-height:150%; padding-top:0px;}
h4											{font-size:14px; font-weight:bold; line-height:150%; padding-top:0px;}
p											{font-size:14px; font-weight:400; line-height:150%; padding-bottom:15px;}
ul											{padding-top:5px;}
li, a										{font-size:14px; font-weight:400; line-height:120%; padding-bottom:10px;}

input, textarea, select						{font-size:14px; font-weight:400; border:1px #BBB solid;}
footer										{font-size:14px;}
label										{font-size:14px; color:#E04E03;display:block;}
.spacer										{padding-bottom:10px}
.invisible									{display:none;}

/* Specific */

html										{background-image:url(../images/background.png); background-repeat:repeat;}

body										{width:900px; margin: 10px auto; background-color:#FFF; padding:10px 50px;}

#logo										{float:left; margin-left:-25px;}

#ta-dah-apps 								{float:right; margin-top:10px; margin-right:-12px;}

#social-media 								{float:right; clear:right;}
#social-media ul li							{display:inline;}
#social-media img							{width:40px; padding-top:30px;}

/* Navigation */
#navigation									{clear:both; border-top: #999 thin dotted; padding:15px 0px;}
#navigation a								{font-weight:bold;}

/* Top categories, GOME, APPS, etc. */
#navigation a:hover							{color:#E04E03;}
#navigation a:focus							{color:#E04E03;}
#navigation ul 								{position: relative;}
#navigation ul li 							{float:left; padding-right:40px;}
#navigation ul li:nth-child(10)				{padding-right:0px}
#navigation ul li:hover 					{position: relative; z-index: 50;}
#navigation ul li:hover > ul 				{visibility: visible;}

/* Level 1 */
#navigation ul ul 							{visibility: hidden; position: absolute; top: 100%; left:0px; z-index: 50; border-top:transparent 5px solid;}
#navigation ul ul li						{padding:0;}	
#navigation ul ul li a						{color:#FFF; width:150px; padding:10px; display:block; background-color:rgba(0,0,0,0.45);}	 
#navigation ul ul li:hover > a				{color:#E04E03;}

/* Level 2 */
#navigation ul ul ul 						{top:6px; left:170px; border-top-style:none; border-left:transparent 2px solid;}
#navigation ul ul ul li a					{width:160px; background-color:rgba(0,0,0,0.45);}	 

/* Banner image */
#banner										{clear:both; z-index:40;}
#banner img									{width:900px; height:300px;}

/* Content */
#content									{width:600px; float:left;}
#basic-content								{width:900px; float:left;}
#content h1, #basic-content h1				{padding:10px 0; border-bottom: #999 thin dotted; margin-bottom:10px;}
/* #content img								{float:left; padding: 7px 10px 8px 0;}	*/
#content ul li								{list-style:square; list-style-position:outside; margin-left:17px;}	
#content-wrapper a							{text-decoration:underline; color:#E04E03;}
#content-wrapper a:hover					{font-weight:bold;}
#content-wrapper a:focus					{font-weight:bold;}

/* Sidebar */
#sidebar									{width:270px; float:right;}
#sidebar ul li								{list-style:square; list-style-position:outside; margin-left:17px;}
#sidebar img								{padding-bottom:10px;}

/* Footer */
#footer										{clear:both;} 
#footer a									{text-decoration:underline; color:#E04E03;}
#footer a:hover								{font-weight:bold;}
#footer a:focus								{font-weight:bold;}
#footer p									{font-weight:bold; text-align:center; padding:10px 0 15px 0; border-top: #999 thin dotted; }
#footer footer								{text-align:center;  }

/* Picture gallery */
#overlay									{width:100%; position:absolute; top:0; left:0; display:none; background-color:rgba(0,0,0,0.5); z-index:900;}
#gallery-stage								{width:800px; height:500px; margin-left:-400px; margin-top:-250px; position:fixed; top:50%; left:50%; display:none; background-color:rgba(0,0,0,1); z-index:901;}
#galleria									{width:800px; height:500px;}

/* Home page */
#updates table								{width:100%;}
#updates tr									{width:100%; vertical-align:top; float:left;}		
.divider									{width:100%; height:5px; clear:both;}
#updates td:first-child						{text-align:center;}
#updates h3, #updates ul					{padding-left:10px;}

/*Contact Form */
#contact-table								{margin:10px 0 20px 0px;; table-layout:fixed; width:600px;}
#contact-table-column-1						{width:100px;}
#contact-table-column-2						{width:500px;}
#contact-table p							{margin-top:10px; padding:5px 10px 5px 0; vertical-align:text-top;}
#contact-table input[type=checkbox] 		{margin-top:18px;}
#contact-table td							{vertical-align:top;}
#fullname, #email, #subject					{width:350px; margin-top:10px;}
#contact-table input[type=text]				{padding:5px;}
#contact-table input[type=text]:focus		{border:1px #E04E03 solid;}
#contact-table select						{width:248px; margin-top:10px; padding:4px 1px; line-height:25px;}
#contact-table select:focus					{border:1px #E04E03 solid;}
#contact-table textarea						{width:480px; height:100px; margin-top:10px; padding:5px; }
#contact-table textarea:focus				{border:1px #E04E03 solid;}


#submit-button								{text-align:center; padding-top:10px;}
#contact-table input[type=submit]			{width:100px; padding:8px; text-align:center; background-color:#CCC; border:#777 1px solid; }
#contact-table input[type=submit]:disabled	{background-color:#DDD; color:#A0A0A0}
#contact-table input[type=submit]:hover		{background-color:#AAA;}
#contact-table input[type=submit]:active	{background-color:#E04E03;}
label.error									{padding:10px 6px; color:#E04E03;}

/* Privacy and Cookie policy style changes */
#privacy-policy h3, #cookie-policy h3		{font-size:18px;}
#privacy-policy h4, #cookie-policy h4		{font-size:14px;}

/* FAQ */
.faq p 										{display:none; color:#9F5000}
.faq h3 									{padding-bottom:10px}
.faq h3:hover 								{color:#E04E03; cursor:pointer}