/* DLA Computers - www.dlacomputers.co.uk */

/* Colour Ledgend */

/* Reset */

html, body 			{margin:0; padding:0; border:0; background: transparent; font-size:10px;	}

div, span, article ,aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead 
					{margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent;	}
	
img 				{margin: 0; padding: 0; border: 0;	}

table 				{border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form, fieldset 
					{margin: 0; padding: 0; border: 0;	}

article, aside, dialog, figure, footer, header, hgroup, nav, section 
					{display:block; }
	
h1, h2, h3, h4, h5, h6, p, blockquote, a, li, td, th, caption, em, strong, strike
 					{font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal; font-style:normal;
					line-height:normal; text-indent:0; text-decoration:none; text-align:left; color:#000;	}
	
ol, ul 				{list-style:none;}


/* Global */

html 				{	}
body 				{background-color:#C0C0C0;	}


/* Headings */

h1, h2, h3, h4, h5, h6
					{font-weight: bold; color:#000; }

h1 					{font-size:24px;	}
h2 					{font-size:20px;	}
h3 					{font-size:16px;	}
h4 					{font-size:14px;	}
h5 					{font-size:14px;	}
h6 					{font-size:14px;	}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
					{margin:0;	}


/* Text Elements */

p					{color:#000;font-size:12px; line-height:105%;	}
p .left				{margin: 1.5em 1.5em 1.5em 0; padding: 0;	}
p .right			{margin: 1,5em 0 1.5em 1.5em; padding: 0;	}

a					{	}
a:link				{color: #00f; }
a:visited			{color: #0f0; }
a:active			{color: #000; }
a:focus				{color: #666; }
a:hover				{color: #f00; }

blockquote			{color: #000; font-size: 12px; }

strong				{font-weight: bold; }
em					{font-style: italic; }


/* Images */


/* Lists */

ul					{	}
ol					{list-style-type: decimal; }

ul li				{color: #000; font-size: 12px; }
ol li				{color: #000; font-size: 12px; }

dl					{	}
dt					{	}
dd					{	}


/* Tables */

table				{width: 100% }

tr					{	}
.odd				{background-color: #eee; }
.even				{background-color: #fff; }

th					{font-weight: bold; }
thead, th			{background: #ccc; }

tbody				{	}

th, td, caption		{	}
caption				{	}

tfoot				{	}
.tfooter			{background-color: #ccc; text-align: center; font-style: italic; }

caption				{background: #efefef; }

				
/* Containers */

#wrapper			{width:900px; margin:0px auto; background-color:#ffffff; }

#top				{background:#0072BC; width:100%; padding:20px 0; overflow:hidden;	}

#logo				{margin:0 0 0 10px; float:left;	}
#logo h1			{font-size:32px; color:#FFFFFF; font-style:italic; margin:15px 0 0 10px;	}

#social-media		{float:right; margin:0 10px 0 0;	}
#social-media p		{color:#ffffff; font-size:11px; margin:4px 10px 4px 0px; }
#social-media img	{width:30px; height:30px; }
#social-media ul li	{display:inline;	}

#top-nav			{background-color:#555555; clear:both; }
#top-nav ul			{width:100%; float:left; margin: 0px;background-color:#555555; border-bottom:3px #cccccc solid; }
#top-nav ul li		{display:inline; }
#top-nav ul li a 	{float:left; padding:10px 20px;	}
#top-nav a:link		{color:#ffffff; }
#top-nav a:visited	{color:#ffffff; }
#top-nav a:visited	{color:#ffffff; }
#top-nav a:hover	{color:#ffffff; background-color:#770000; }
#top-nav a:focus	{color:#ffffff; }

#banner				{	}
#banner img			{width:900px;border-bottom:3px #cccccc solid;	}

#subbanner			{width:100%; background-color:#555555; padding:15px 0; overflow:hidden; }
#subbanner h3		{color:#ffffff;font-size:16px; font-weight:bold; text-align:center;line-height:180%;  }

#content			{float:left; width:650px; padding:20px; }
#content h1			{margin:0 0 20px o; font-size:26px; border-bottom:1px #777777 solid; padding:20px 0; }
#content p			{margin:16px 0; line-height:160%; }
#content h2 		{margin:20px 0 0 0; }
#content img		{padding:6px; border:1px #888888 solid; margin:8px; }
#content h5			{margin:0 0 20px o; font-size:26px; border-bottom:1px #777777 solid; padding:20px 0 20px 30px; }
#content h6 		{margin:20px 0 0 0; font-size:20px; padding:0 0 0 60px; }

#gallery img		{width:120px; height:80px ; margin:8px 0 8px 55px; }

#rightside			{padding:20px; margin-left:675px;	}
#rightside h2		{margin:20px 0 10px 0;	}
#rightside p		{margin:8px 0; line-height:160%; }
#rightside img		{margin:10px 0px 10px 15px; width:150px; height:160px;	}

#footer				{clear:both; background-color:#000000; padding:10px 0;	}
#footer p			{text-align:center; color:#ffffff; }


#box1				{	}

#box2				{	}

#box3				{	}

#box4				{	}

#box5				{	}

#box6				{	}


/* Layout Extra */


/* Navigation Extra */


/* Forms */

form 				{text-align:left; margin:20px;	}

label, submit input, textarea 
					{ border:0; padding:0; margin:0; background:none; }

label 				{float:left; width:150px; text-align:right; display:block; margin-top:5px;	}

input, textarea 	{border:1px #333 solid; margin-left: 10px; padding:5px; }

input				{width:280px; margin-bottom: 16px;	padding:5px;}

textarea			{width:280px; height:150px; margin-bottom:16px; }

select				{	}

.submit 			{width: 90px; height: 25px; margin-left: 260px; font-size:12px; }

#contact-form ol 	{list-style-type:none;}