@charset "UTF-8";
/* CSS Document */

/* Connect 2 Tele */

/* Resets */

* 							{ padding:0; margin:0; }
img							{ border:0; }



body 						{ background-color: #FFF; background-image: url(images/bg.jpg); background-repeat: repeat-x; margin: 0; padding:0; font-family:Helvetica, Arial, "Trebuchet MS", Times; font-size: 62.5%; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; text-transform: none; color: #47647b; }

/* Typography */

p, h1, h2, h3, li			{ font-family:Arial, Helvetica, sans-serif; color:#333; }
p 							{ font-size:1.2em; padding:5px 0 5px 0; }
h1 							{ font-size:1.6em; padding:5px 0 5px 0; }
h2 							{ font-size: 1.5em; padding:5px 0 5px 0; }
.h2							{ font-size: 1.5em; padding:5px 0 5px 0; font-weight:bold; }
h3 							{ font-size: 1.4em; padding:5px 0 5px 0; }
ul li						{ font-size:1.4em; }

/* Main structure */

#wrap 						{ width:860px; margin:0 auto; overflow:hidden; height:auto; }
#header						{ width:860px; height:70px; padding-top:30px; }
#flash						{ width:860px; height:214px; margin:10px auto 20px; }

/* Header */

#header ul li				{ display:inline; list-style-type:none; padding:0 8px 0 5px; font-size:1.2em; font-weight:bold; }
#header ul					{ padding:30px 0 0 0; }
.imgpadd					{ padding:0 5px 0 5px; }
.imgpadd2					{ padding:0 5px 0 30px; }
.number						{ font-size: 1.2em; }

/* Main content */

#container					{ width:860px; background-image:url(images/contentmidbg.jpg); height:auto; }
#contenttop					{ width:860px; background-image:url(images/contenttop.jpg); height:15px; }
#contenttop2				{ width:860px; background:url(images/contenttop2.jpg) no-repeat; height:15px; }
#contentbottom				{ width:860px; background:url(images/contentbottom.jpg) no-repeat; height:10px; clear:both; }
#maincontent				{ width:615px; position:relative; top:0; left:-13px; height:auto; float:right; }
#topcontentwrap				{ position:absolute; top:0; left:0; width:615px; height:auto; float:left; }
#lowercontentwrap			{ margin:300px 0 0 0; left:0; height:auto; float:left; }
#lowercontentwrap2			{ margin:180px 0 0 0; left:0; height:auto; float:left; }

/* Sidebar */

#sidebar					{ width:205px; overflow:hidden; float:left; padding:10px 5px 10px 0; margin:0 13px 0 0; }
#sidebar ul li a			{ font-size:0.9em; color:#747474; text-transform:uppercase; display:block; }
#sidebar ul li				{ list-style-type:none; margin-left:20px; background: url(images/navbg.jpg) no-repeat; padding:5px 0 5px 20px; border-bottom:1px solid #ececec; }
.enquiry					{ width:150px; overflow:hidden; padding:25px 25px 25px 36px;}

/* Extra Content */

#ourstaff					{ width:287px; height:161px; float:left; background:url(images/boxbg.jpg) repeat-x; margin: 0 14px 0 0; padding:0 0 10px 10px; border:1px solid #ececec; }
#ourstaff ul li				{ padding:5px 0 5px 0; border-bottom:1px #ececec solid; }
#bullets					{ width:278px; height:151px; float:left; background:url(images/boxbg.jpg) repeat-x; border:1px solid #ececec; padding:10px; margin-bottom:20px; }
#bullets ul li				{ padding:3px 0 3px 0; border-bottom:1px #ececec solid; list-style-type:none; }
#samsung					{ width:611px; height:98px; clear:both; background:url(images/samsungbg.jpg) repeat-x; border:1px solid #ececec; }
.samsungpad					{ width:250px; padding:10px; float:left; } 
#textcontentleft			{ width:280px; overflow:hidden; float:left; padding:10px 10px 10px 10px; clear:both; }
#textcontentright			{ width:280px; overflow:hidden; float:left; padding:10px 10px 10px 10px; }
#textcontentleft ul li, 
#textcontentright ul li		{ margin: 0 0 0 10px; }

/* Headings */

#heading					{ width:596px; clear:both; padding:10px 0 5px 10px; }
#heading2					{ width:596px; clear:both; padding:10px 0 5px 10px; }
#heading3					{ width:596px; clear:both; padding:10px 0 5px 10px; }

/* Footer */

#footerwrap					{ width:100%; height:148px; background:url(images/footerbg.gif) repeat-x; clear:both; margin:20px 0 0 0; }
#footer						{ width:800px; overflow:hidden; margin:0 auto; clear:both; }
#footer ul					{ padding:0 20px 0 0; } 
#footer p					{ font-size:1.1em; }
#footer ul li				{ list-style-type:none; font-size:1.1em; color:#fff; }
#footer ul li a:link 		{ text-decoration: none; color: #fff; }
#footer ul li a:visited 	{ text-decoration: none; color: #fff; }
#footer ul li a:hover 		{ text-decoration: underline; color: #fff; }
#footer ul li a:active 		{ text-decoration: none; color: #fff; }
#footleft					{ width:300px; overflow:hidden; float:left; }
#footaddress				{ width:250px; overflow:hidden; float:left; }
#copyright					{ width:250px; overflow:hidden; float:left; }

#map						{ clear:both; }

.fieldstyle					{ width:150px; margin:5px 0; }
.formstyle 					{ background-color: #ffffff; padding:1px; margin-bottom:1px; border: 1px solid #cccccc; color: #333; font-family: Arial; color:#666; font-size: 1.0em; width:180px; }

/* General Styles */

.floatright 				{ float:right; }
.floatleft 					{ float:left; }
.block 						{ display:block; }
.blue						{ color:#00458d;}
.blue3						{ color:#00458d; margin:10px 0 0 0;}
.blue2						{ color:#00458d; padding:35px 0 0 0; font-size:1.8em;}
.white						{ color:#FFF; }
.nolistdisplay				{ list-style-type:none;}
.uppercase					{ text-transform:uppercase; font-size:1.3em; }
.button						{ display:block; padding:5px 0 0 0; }
.liststyle					{ margin: 5px 0 0 10px; }
.liststyle2					{ margin: 5px 0 0 10px; font-size:0.9em; }
.imgpad						{ padding:5px 0 5px 0; }
.smalltitle					{ font-size:0.8em; }
#seperator					{ width:600px; text-align:center; color:#CCC; font-size:1.1em; margin:0 auto; clear:both; }

/* Contact Process */

.phpstyle4 					{ color: #008000; }
.phpstyle3 					{ color: #c33131; }
.tickyellowbox 				{ background-color: #eff6ef; border: 1px solid #008000; }
.tickredbox 				{ background-color: #f9eaea; border: 1px solid #c33131; }
.linkbox 					{ width: auto; border: 1px #BCCFDE solid; background-color:#DDE5ED; padding: 10px 10px 10px 10px; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; color:#333333; overflow:hidden; }

/* Links */

a:link 						{ text-decoration: none; color: #00CCFF; }
a:visited 					{ text-decoration: none; color:#00CCFF; }
a:hover 					{ text-decoration: underline; color: #00CCFF; }
a:active 					{ text-decoration: none; color: #00CCFF; }

