body {background:url("../design/tc-inner.jpg") 0 0 repeat; font:0.8em/1.5 "arial", sans-serif;text-shadow: 0px 1px 0px #fafafa;}
address, blockquote, dl, fieldset, form, h1, h2, h3, h4, h5, h6, ol, p, table, ul {margin:15px 0;}
h2 {font-size:185%; font-weight:normal; font-style: italic;}
h3, h4, h5 {font-size:130% !important; font-weight:bold; text-shadow: 0px 1px 2px rgba(0, 0, 0, .2);}
ul.ul {margin:15px 0;}
ul.ul li {padding:1px 0 1px 16px; background:url("../design/bullet.png") 0 5px no-repeat;}
ul.ul li.active a {font-weight:bold; text-decoration:none;}
table.table th, table.table td {padding:7px;}
table.table th {font-weight:bold;}
fieldset {padding:15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
fieldset legend {font-size:100%; font-weight:bold;} 
fieldset table {margin:0;}
fieldset th, td {padding:3px 0; vertical-align:top;}
fieldset th {padding-right:10px;}
input, textarea, select, button {font:100%/1.3 "arial",sans-serif;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
LAYOUT
-------------------------------------------------------------------------------------------------------------------------------------------------- */

/* #bg {background:url("../design/tc-inner.jpg") 25% 0;} */
#main {width:900px; margin:0 auto; padding:10px 0;}
#header {position:relative;}
#header #appstore {position:absolute; top:0; right:0; margin:0;}
#header #device {position:relative; width:445px; height:400px; overflow:hidden; margin:0 auto 30px auto; background:url("../design/device.png") 0 0 no-repeat;}
#header #device p {margin:0;} 
#header #device p img {display:block;}
#header #device p #screen-01 {position:absolute; top:129px; left:13px; margin:0;}
#header #device p #screen-02 {position:absolute; top:70px; left:138px; margin:0;}
#header #device p #screen-03 {position:absolute; top:129px; left:324px; margin:0;}
#header #device ul li img {display:block;}
#header h1 {margin:0; text-align:center; font-size:420%; font-weight: 700; line-height:1; text-shadow: 0px 1px 2px rgba(0,0,0,0.25);}
#header h2 {margin:0; text-align:center; font-size:185%; line-height:1; text-shadow: 0px 1px 1px rgba(0,0,0,0.25);}
#content {padding:35px 0;}
#content .col-left {float:left; width:280px;}
#content .col-right {float:right; width:590px;}
#footer {clear:both; padding:20px 0; font-size:85%;}
#footer p {margin:0;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
HOMEPAGE
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#content .boxes {margin:0;}
#content .boxes li {display:block; float:left; width:280px; margin-right:30px;}
#content .boxes li.last {margin-right:0;}
#content .boxes li h3, #content .boxes li p {margin:0;}
#content .boxes li h3 {font-size:100%; font-weight:bold;}
#content .boxes li p {font-size:85%;}
#content .boxes li .boxes-img {float:left; width:80px; padding-top:3px;}
#content .boxes li .boxes-img img {display:block;}
#content .boxes li .boxes-desc {float:right; width:190px;}
#content .twitter {margin-left: auto; margin-right:auto; width:225px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:10px; background:url("../design/transparent.png");}
#content .twitter .twitter-img {float:left; width:40px; padding-right:20px;}
#content .twitter .fb-img {float:left; width:40px; padding-right:22px;}
#content .twitter .li-img {float:left; width:40px;}
#content .twitter .yt-img {float:left; width:40px; padding-left:23px;}
#content .twitter .twitter-img img {display:block;}