body {
	background: #FFF url(../images/bg.png) repeat scroll 0 0;	
	font-family: "Century Gothic", Verdana, Geneva, sans-serif;
	font-size:	0.8em;
	color:#333333;
}

	.margin_table{
		padding:20px;
	}
	
	

a { color:#186e7b; text-decoration:none; }
a:hover { color:#186e7b; text-decoration:none; }
p { line-height: 1.5; }
ul li,
ol li { line-height: 1.5; }

.floatL { float:left; }
.floatR { float:right; }
.clear { clear:both; }
.spacer { height:20px; }

.emphasize { color:#F33; }
.remark { color:#AAA; font-size: 0.9em; }

h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }
h6 { font-size: 1.0em; }

fieldset {
	border: 1px solid #b0c4de;
	padding: 10px;
	margin-bottom:10px;
}
fieldset legend{
	padding: 2px 5px;
}


#wrapper {
	background:#fff;
	width:980px;
	margin:auto;
}

#header {
	height: 80px;
	padding: 3px 10px;
}

#logo {
	float:left;
	width:320px;
	height: 75px;
	background: url(../images/logo.png) no-repeat scroll 0 0;

}

#logo h1{
	display:block;
	float:left;
	width:320px;
	height: 75px;
	background: url(../images/logo.png) no-repeat scroll 0 0;
	text-indent: -9999px;
	outline:none;
}

#user-navigation {
	float:right;
	font-size: 0.85em;
	margin: 5px 0;
	width:348px;
}

#user-navigation span {
	float:right;
	margin-left: 15px;
}
#user-navigation a { text-decoration: none; }
#user-navigation img { vertical-align:middle; }


ul#navigation {
	display:block;
	height:23px;
	background: #68dde4;
}
ul#navigation li {
	float:left;
	list-style:none;
	margin: 0 10px;
}


#index-banner {
	height:120px;
	background:url(../images/index_banner.png) no-repeat scroll 0 0;
}

#index-nobanner {
	height:120px;
}

#content {
	padding: 10px 0px 50px 0;
}

	#content #left {
		float:left;
		width: 280px;
		padding-top:10px;
		padding-left:10px;	
		padding-right:5px;
		background: url(../images/left_sep.png) no-repeat scroll top right;
	}
	
	#content #full {
		float:left;
		width: 960px;
		padding-top:10px;
		padding-left:10px;	
		padding-right:5px;
		
	}
	
	.right-block{
		float:right; width:300px;
		padding-left:20px;
		background: url(../images/left_sep.png) no-repeat scroll top left;
	}
	.left-block {
		margin-bottom:10px;
	}
	
	#content #right {
		float:right;
		padding-top:10px;
		width: 660px;
	}


#footer-container {
	background: #fff;
	padding-top:20px;	
}

	#footer {
		margin:auto;
		width: 980px;
		padding: 80px 10px 20px;
		font-size: 0.9em;
		background: url(../images/city.png) no-repeat scroll 0 0;
	}

	#footer .heading { font-size: 16px; }

	table.tb-footer {
		width:100%;
		border-collapse:separate;
		border-spacing: 10px;
	}
	table.tb-footer tr {
		vertical-align:top;
	}
	table.tb-footer td {
		padding: 10px 0;
	}
	
	table.tb-footer td.sep {
		width:3px;
		background: url(../images/service/sep.png) no-repeat scroll center right;
	}


ul#service-list {
	border-top:0px solid #ededed;
	border-bottom:0px solid #ededed;
	padding: 0px 0px;
	height: 150px;
	margin: 0px 0 0px;
}



ul#service-list li { 
	float:left; 
	margin:0 3px;
	text-align: center; 
}



ul#service-list li.sep {
	width: 10px;
	margin: 0;
	height:100%;
	
}

ul#service-list a {
	display:block;
	width: 200px;
	padding-top: 150px;
	text-decoration:none;
	color:#000;
}

ul#service-list a.web {
	background: url(../images/service/web_s.png) no-repeat scroll 0 0 ;
	background-position:center;
}

ul#service-list a.platform {
	background: url(../images/service/platform_s.png) no-repeat scroll 0 0;
	background-position:center;
}

ul#service-list a.brand {
	background: url(../images/service/e-marketing_s.png) no-repeat scroll 0 0;
	background-position:center;
}

ul#service-list a.it {
	background: url(../images/service/it_s.png) no-repeat scroll 0 0;
	background-position:center;
}
ul#service-list a.apps {
	background: url(../images/service/apps_s.png) no-repeat scroll 0 0;
	background-position:center;
}
ul#service-list a.media {
	background: url(../images/service/media_s.png) no-repeat scroll 0 0;
	background-position:center;
}




ul#servicelist2 {

	padding: 5px 10px;
	height: 15px;
	margin: 0px 0 0px;
}

ul#servicelist2 li {
	float:left;
	margin:0 15px;
	text-align: center; 
	text-decoration:none;
	line-height:14px;
}

ul#servicelist2 li a {
	text-decoration:none;
}


ul#servicelist2 li a:hover {
	text-decoration:underline;
/*	font-weight:bold;*/
}



ul#servicelist2 li .active {
	text-decoration:none;
	font-weight:bold;
}




/* element */
input[type=text],
input[type=password],
select,
textarea {
	border-radius: 3px; /* CSS3 */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background:url(../images/input-shadow.gif) no-repeat scroll left top #FFFFFF;
	border:1px solid #AAA;
	margin:2px 0;
	padding: 4px 3px;
}

input.error, 
select.error, 
textarea.error { border: 1px solid #FF7575; }
label.error { margin-left: 10px; color: #FF3333; }
label.success { margin-left: 10px; color:#009900; }

.txtfwrapper { position:relative; }
.txtfwrapper .placeholder {
    display: block;
    position: absolute;
    left: 8px;
    top: 8px;
    background-color: #FFFFFF;
    color: #AAA;
	text-align:left;
    height: 15px;
    cursor: text;
    overflow: hidden;
}



.page-title {
	font-size: 16px;

	color: #1ea2b6;
	margin-bottom:20px;		
}
.heading {
	font-size: 16px;
	margin-bottom:10px;
	color: #1ea2b6; 
}


.heading a{
	text-decoration:none;
}


.consultation { 
	font-size:1.6em;
	color:#a4005a;
	text-align:center;
}


/* Class */
.fieldsep {
	padding:10px;
	border:0 none;
	border-top:1px solid #CCC;
}
.fieldsep legend {
	padding:5px;
}


table.tb-info,
table.tb-form {
    border-collapse: separate;
    border-spacing: 0px;
	padding-bottom:20px;
	width:98%;
}

.width240{
	width:230px;
}

.valign_top{
	vertical-align: top;	
}

table.tb-info a{
	text-decoration:none;
}

table.tb-form tr { vertical-align:top; }

table.tb-compare-list td,
table.tb-compare-list th { padding:2px 3px; }
table.tb-compare-list tbody td{
	text-align:center;
}
table.tb-compare-list tbody tr:nth-child(odd){
	background:#fff;
}
table.tb-compare-list tbody tr:nth-child(even) {
	background:#f6f7f9;
}


.quote_form {
	padding-left: 110px;
	background: url(../images/quick_quote.jpg) no-repeat scroll left top;
}
.quote_form input,
.quote_form textarea { width:150px; }

.contact-now {
	height: 200px;
	width:260px;
	padding-right: 90px;
	background: url(../images/about_img.jpg) no-repeat scroll left bottom;
}

ul.dot-list { padding-left:12px;  }
ul.dot-list li{
	/*list-style: url(../images/list.png);*/
	float:left;
	padding-right:12px;
	 padding-bottom:7px;
}

.num-list { display:inline-block; width:24px; height:24px; background: url(../images/num_list.png) no-repeat scroll; }
.list-01 { background-position: 0 0; }
.list-02 { background-position: 0 -24px; }
.list-03 { background-position: 0 -48px; }
.list-04 { background-position: 0 -72px; }

.reference{
	margin-top:20px;	
}
.reference-item {
	float:left;
	width: 190px;
	padding: 5px;
	border: 1px solid #ececec;
	margin: 10px 7px;
	font-size: 0.9em;
}
.reference-item img {
	margin-bottom:5px;	
}


/* pagination */
div.pagination { 
	text-align:right; 
	font-size: 0.9em; 
}

/* current page */
div.pagination strong {
	display: inline-block;
	margin: 0 0 0 4px;
	padding:2px 5px;
    background:  repeat-x scroll 0 0 #D0D1D4;
    border: 1px solid #30B0C8;
    border-radius: 3px;
    color: #003E49;
    font-weight: bold;
    text-shadow: 0 1px 0 #6CDCF9;
}

/* activate link: normal*/
div.pagination a {
	display: inline-block;
	margin: 0 0 0 4px;
	padding:2px 5px;
    background: repeat-x scroll 0 0 #D0D1D4;
    border: 1px solid #A8A9A8;
    border-radius: 5px 5px 5px 5px;
    color: #666666;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
}

/* activate link: hover*/
div.pagination a:hover {
    border: 1px solid #555;
	color:#000;
}

div.pagination-result {
	font-size: 0.9em;
}



/* flash message */
.flash-message{
	display:block;
	color:#666;
	margin: 0 0 20px;
	padding: 12px 12px 12px 40px;
	font-size:0.9em;
	position:relative;
}
.flash-message .close{
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	top: 8px;
	right:8px;
	background:url(../images/icon/close.png) no-repeat scroll 0 0;
	text-indent: -9999px;
	outline:none;
	overflow:hidden;
}

div.auth {
	border: 1px solid #777;
	background:#DDD url(../images/icon/18/key.png) scroll 10px center no-repeat;
}
div.info{ 
	border: 1px solid #2c5376; 
	background:#e8ecf0 url(../images/icon/18/info.png) scroll 10px center no-repeat; 
}
div.success { 
	border: 1px solid #9DFC47; 
	background:#EFFFD9 url(../images/icon/18/tick.png) scroll 10px center no-repeat; 
}
div.error { 
	border: 1px solid #F30; 
	background:#FFE4DF url(../images/icon/18/cross.png) scroll 10px center no-repeat; 
}
div.warn { 
	border: 1px solid #FC0; 
	background:#FFF5D9 url(../images/icon/18/warning.png) scroll 10px center no-repeat; 
}

.domaincheck{
float:right; padding-left:80px;	
}