﻿/*********** GENERAL ***********/
html,body         
{
	height:100%; /*** Provides middle vertical alignment for wrap_1 table ***/
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:11px;
	color:#aaa;
	line-height:140%;
	background:#050505 url('../2_images/bgnd_body.jpg');
	background-repeat:no-repeat;
	background-position:center;
	text-align:justify;
}

img  { border:none; }
p { margin:5px 0 0 0; }
ul, ol { padding:0; margin:5px 0 0 20px; }
ol li { margin-top:10px; }

/*********** MAIN TABLE LAYOUT ***********/
table#wrap_1
{
	width:100%;
	height:100%;  /*** Provides middle vertical alignment ***/
}


div#wrap_2
{
	width:990px;
	margin:auto;
	height:554px;
	background:#000 url('../2_images/bgnd_on-the-web-now.jpg');
	background-repeat:no-repeat;
	background-position:center;
}

#div_1,#div_3,#div_4,#div_6,#div_7,#div_9
{
	border:1px solid #333;
	width:254px;
	padding:10px;
	margin:8px 0 0 8px;
	height:152px;
	position:relative;
}

#div_2,#div_8
{
	border:1px solid #333;
	width:384px;
	padding:10px;
	margin:8px 0 0 8px;
	height:152px;
}


#div_5
{
	width:386px;
	padding:10px;
	margin:8px 0 0 8px;
	height:154px;
	float:left;
}



#div_1 img#fair-traders, #div_7 img#comptia { position:absolute; bottom:10px; left:10px; }
#div_1 h3, #div_7 p { z-index:10; } /*********** to stay ontop of logos in event of user zooming ***********/

#div_1 div#latest-site { position:absolute; bottom:10px; right:10px; }

#div_2 #overflow { height:152px; padding-right:10px; overflow:auto; scrollbar-face-color:#222; scrollbar-highlight-color:#333; scrollbar-3dlight-color:#0d4647; scrollbar-darkshadow-color:#111; scrollbar-arrow-color:#20a0a6; scrollbar-shadow-color:#041f20; scrollbar-track-color:#111; }

#div_3, #div_8 { text-align:center; }
#div_3 a img, #div_8 a img { border:2px solid #3bdce3; }
#div_3 a img:hover, #div_8 a img:hover { border:2px solid #f6af5c; }

#div_9 td { vertical-align:top; }



/*********** H-TAGS ***********/
h1 { margin:0 0 10px 0; padding:0; color:#3bdce3; font-size:26px; }

h2 { margin:0 0 5px 0; padding:0; font-size:13px; }

h3 { margin:0; padding:0; display:inline; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#f6af5c; }

h4 { margin:0 0 5px 0; padding:0; font-size:10px; text-transform:uppercase; }



/*********** GENERAL HYPERLINKS / ALL UNSPECIFIED HYPERLINKS ***********/  
a, a:visited { color:#3bdce3; }

a:hover, a:active { color:#83faff; }



/*********** CONTACT FORM ***********/
div#contact-wrap_1 { width:550px; padding:10px; margin:auto; background:#000; }

div#contact-wrap_2 { border:1px solid #333; padding:15px 30px 15px 30px; }

div#contact-wrap_2 td { vertical-align:top; font-size:11px; }

div#contact-wrap_2 input { width:160px; background:#f3f3f3; }

div#contact-wrap_2 textarea { width:250px; background:#f3f3f3; height:200px; }


/*********** END ***********/
/*********** END ***********/