/* 
GEODESIC.COM.MY
*/



#outline{width : 900px ; text-align : left ; border : 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #7F7772;}


/* *************************text******************************* */

.main02 h1.title {font-size: 200%; margin-bottom: 10px;	padding-left: 5px;border-left: 25px solid #FF6464; color: #7F7772;}
.title span {color: #FF6464;}
.main02 h2 {font-size: 150%;color: #1777b1;font-style: bold; margin-top: 15px;}
.main02 p {margin-top: 15px;}

p, ul, ol, h1, h2 {margin-bottom: 15px; line-height: 130%;}

em {border-bottom: 1px dashed #DC143C;}
acronym, abbr {border-bottom: 1px dotted #DC143C; cursor: help; font-style: normal; }

/* *************************Links******************************* */

a {text-decoration: none; color: #1777b1;}
a:hover {color: #DC143C;font-size: 130%;}

/* *************************DIV******************************* */

.header{width: 100%; margin-bottom :10px; background: #ffffff; text-align: center; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}

.margin {margin : 10px ;}

.main {width : 500px ; background : #ffffff ; float : left ;}

.main01 {width : 100%; background: #ffffff;padding: 5px;}

.main02 {width: 100%; background: #ffffff; margin: 10px 0px; padding: 10px; border: 1px solid #ebebeb;}

.side {width : 370px ; background : #ffffff; float : right ;}

.c-both {clear : both ;}

.footer{width : 100% ;background: #ffffff; text-align : center ; height: 70px; padding-top: 20px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;} 

#top{ float: right; text-align: right;  }
#top a {color: #808080; margin: 0 10px 0 5px; background: #fff url(toparrow.png) no-repeat center left; padding: 10px; }

#logo {float: left; color: #808080; line-height: 25px; margin-bottom;10px; }
#logo p {font-size: 14px; font-weight: normal; color: #808080; line-height: 18px; margin-left:40px; }

/* *************************sidebox******************************* */

div.sidebox {
  margin: 1em 0;
  border: solid 1px #ebebeb;
  }

div.sidebox h3 {
  margin: 0 0 1em 0;
  background: #A4D3EE;
  padding: 5px 15px;
  color: #FFF;
}

div.sidebox h2 {
  margin: 0 0 1em 5px;
  color: #FF6464;
  font-style: bold; 
}

div.sidebox p {
  margin: 0.5em 5px 1em 5px;
}

div.sidebox ol {
  margin-left: 0;
  padding-left: 0;
}

div.sidebox ol li {
  margin-left: 60px;
  list-style: outside decimal;
}


/* *************************TWO Columns******************************* */

.twocols {padding-top: 10px;}
.twocols .col1 {float: left;width: 180px;}
.twocols .col2 {float: right;width: 180px;padding-left: 10px;border-left: 1px solid #EFEFEF;}

.twocols .col1a {float: left;width: 120px;}
.twocols .col2a {float: right;width: 340px;padding-left: 10px;border-left: 1px solid #EFEFEF;}

.twocols .col1b {float: left;width: 240px;}
.twocols .col2b {float: right;width: 120px;padding-left: 10px;border-left: 1px solid #EFEFEF;}


/* *************************FORM******************************* */

input {background-color: #ebebeb; }

input.chkbx {background-color: #fff; display: inline;}

textarea {background-color: #ebebeb; width: 80%;}

form p 
{clear: left;
margin: 0;
padding: 0;
padding-top: 10px;}

form p label
{float: left;
width: 25%;}

p.checkbox {
display: inline;
float: left;}

p.warning {
	font:10px italic Verdana, Arial, Helvetica, sans-serif;
	color:#DC143C;
	line-height: 10px;
	padding:0px;}

/* *************************ul******************************* */	
.icon1 li
{
	list-style: none;
	background:url(img/icons/listicon.gif);
	line-height: 130%;
	background-repeat: no-repeat;
	padding: 0 0 0 17px;
}
	
	

/* *************************Images******************************* */
	
img.left {float: left; margin: 10px;}
img.right {float: right;margin: 10px;}	

/* thumbnail image list */

.imagelist {
	list-style-type: none;}
	
.imagelist li {
	float: left;
	margin-right: 20px;
	margin-bottom: 25px;
	font: bold 11px Arial, Helvetica, san-serif;
	}

.imagelist img {
	display: block;
	border: none;
	
	}

/* *************************Navi******************************* */

ul.nav{
	width:850px;
	height:46px;
	padding:5px;
	margin:0 0 10px 0;
	background-color:#fff;
	
}
ul.nav li.navLink{
	display:block;
	background:url(img/navi/nav_div.gif) right top repeat-y;
	float:left;
	height:46px;
	padding:0 1px 0 0;
}
ul.nav li.navLinkNoBdr{
	display:block;
	background-image:none;
	float:left;
	height:46px;
	padding:0 1px 0 0;
}
ul.nav li.navLink a.service{
	display:block;
	background:url(img/navi/services_icon.gif) 0 7px no-repeat #fff;
	padding:0 14px 0 46px;
	font:bold 13px/46px Arial, Helvetica, sans-serif;
	color:#171717;
	text-transform:uppercase;
	text-decoration:none;
}
ul.nav li.navLink a.service:hover{
	background:url(img/navi/services_icon_hover.gif) 0 7px no-repeat #fff;
	color:#39638A;
}
ul.nav li.navLink a.testimonial{
	display:block;
	background:url(img/navi/testimonial_icon.gif) 10px 7px no-repeat #fff;
	padding:0 15px 0 58px;
	font:bold 13px/46px Arial, Helvetica, sans-serif;
	color:#171717;
	text-transform:uppercase;
	text-decoration:none;
}
ul.nav li.navLink a.testimonial:hover{
	background:url(img/navi/testimonial_icon_hover.gif) 10px 7px no-repeat #fff;
	color:#39638A;
}
ul.nav li.navLink a.project{
	display:block;
	background:url(img/navi/project_icon.gif) 9px 7px no-repeat #fff;
	padding:0 14px 0 43px;
	font:bold 13px/46px Arial, Helvetica, sans-serif;
	color:#171717;
	text-transform:uppercase;
	text-decoration:none;
}
ul.nav li.navLink a.project:hover{
	background:url(img/navi/project_icon_hover.gif) 9px 7px no-repeat #fff;
	color:#39638A;
}
ul.nav li.navLink a.privacy{
	display:block;
	background:url(img/navi/privacy_icon.gif) 12px 7px no-repeat #fff;
	padding:0 8px 0 42px;
	font:bold 13px/46px Arial, Helvetica, sans-serif;
	color:#171717;
	text-transform:uppercase;
	text-decoration:none;
}
ul.nav li.navLink a.privacy:hover{
	background:url(img/navi/privacy_icon_hover.gif) 12px 7px no-repeat #fff;
	color:#39638A;
}
ul.nav li.navLinkNoBdr a.moreLink{
	display:block;
	background:url(img/navi/more_links_icon.gif) 8px 7px no-repeat #fff;
	padding:0 0 0 49px;
	font:bold 13px/46px Arial, Helvetica, sans-serif;
	color:#171717;
	text-transform:uppercase;
	text-decoration:none;
}
ul.nav li.navLinkNoBdr a.moreLink:hover{
	background:url(img/navi/more_links_icon_hover.gif) 8px 7px no-repeat #fff;
	color:#39638A;
}

/* *************************Normalise******************************* */
/*normalises margin, padding */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, h7, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;}

/* normalises font-size for headers */

h1, h2, h3, h4, h5, h6, h7 {
	font-size: 100%;}

/* removes list-style from lists  */

ol, ul {
	list-style: none;}

/* normalises font-size and font-weight to normal */

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;}

/* removes list-style from lists  */

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

/* removes border from fieldset and img  */

fieldset, img {
	border: o;}

/* left-aligns text in caption and th */

caption, th {text-align: left;}

/* remove quotation marks from q */

q:before, q: after {content: '';}

html {text-align: center;}

body {width: 800px;	margin: 0 auto;	text-align: left;
	position: relative;}