@charset "utf-8";
/* CSS Document */
/* 
===========================================
Zero everything at start
===========================================
*/
* {margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* 
===========================================
Marc Lalonde CSS Style for smartCity iBwave
===========================================
*/
hr {height:0;border:dotted #CCCCCC;border-width:1px 0 0;margin:5px 0 10px 0;}
.normal, p, div, td, ul, li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#666666;
	font-weight: normal;
}
p.design, ul.design li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:13px;
	color:#666666;
	font-weight: normal;
}
.bold {font-weight:bold;}

.subTitle {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:15px;
	line-height:18px;
	color:#333333;
	font-weight: normal;
	text-transform:uppercase;
}

h1  {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size:22px;
	line-height:22px;
	color:#757575/*#b8b8b8*/;
}
#wrapper {position:absolute;top:0px;left:10px;width:956px;height:910px;background:#ffffff url(images/bg-smartCity.png) 0 0 no-repeat;z-index:0;}

.icon-unity-top {position:absolute;top:30px;left:392px;display:block;z-index:100;}
.icon-design-top {position:absolute;top:185px;left:152px;display:block;z-index:100;}
.icon-mobile-top {position:absolute;top:446px;left:441px;display:block;z-index:100;}
.icon-db-top {position:absolute;top:319px;left:536px;display:block;z-index:100;}
.icon-icp-top {position:absolute;top:327px;left:840px;display:block;z-index:100;}

#full-home {position:absolute;top:0;left:0;background: url(images/full-home.png) bottom left no-repeat;width:956px;height:910px;display:inline-block;z-index:1;}
#full-unity {position:absolute;top:0;left:0;background: url(images/full-unity.png) bottom left no-repeat;width:956px;height:910px;display:none;z-index:1;}
#full-design {position:absolute;top:0;left:0;background: url(images/full-design.png) bottom left no-repeat;width:956px;height:910px;display:none;z-index:1;}
#full-mobile {position:absolute;top:0;left:0;background: url(images/full-mobile.png) bottom left no-repeat;width:956px;height:910px;display:none;z-index:1;}
#full-db {position:absolute;top:0;left:0;background: url(images/full-db.png) bottom left no-repeat;width:956px;height:910px;display:none;z-index:1;}
#full-icp {position:absolute;top:0;left:0;background: url(images/full-icp.png) bottom left no-repeat;width:956px;height:910px;display:none;z-index:1;}






.maindesign {position:absolute;top:0px;left:10px;width:956px;height:910px;display:block;z-index:1;}

.arrowdesign {position:absolute;top:299px;left:205px;background: url(images/arrow-design.png) 0 0 no-repeat;width:55px;height:293px;display:block;z-index:50;}

.main-btm-bg {position:absolute;bottom:0px;left:0px;width:954px;height:317px;background:#fcfcfc  url(images/bg-bottom.png) bottom left repeat-x;border:#d1d1d1 solid 1px;z-index:0;display:inline-block;}
.main-btm-bg .homecontent {position:relative;top:47px;left:73px;width:850px;height:270px;z-index:1;display:block;}
.main-btm-bg .homecontent .btmright {position:absolute;bottom:30px;right:0;text-align:right;z-index:5;display:block;}

.main-btm-bg .designcontent {position:relative;top:47px;left:73px;width:850px;height:270px;z-index:1;display:block;}
.main-btm-bg .designcontent .btmright {position:absolute;bottom:30px;right:0;text-align:right;z-index:5;display:block;}