/* The 1Kb Grid - 10 columns, 60 pixels each, with 20 pixel gutter */
.grid_1{width:60px;}
.grid_2{width:140px;}
.grid_3{width:220px;}
.grid_4{width:300px;}
.grid_5{width:380px;}
.grid_6{width:460px;}
.grid_7{width:540px;}
.grid_8{width:620px;}
.grid_9{width:700px;}
.grid_10{width:780px;}
.column{margin:0 10px;overflow:hidden;float:left;display:inline;}
.row{width:800px;margin:0 auto;overflow:hidden;}
.row .row{margin:0 -10px;width:auto;display:inline-block;}

/* Added to 1Kb */
.box {padding:0 10px;margin-bottom:10px;}

/* Big Selectors */
body{font: .8em/1.5em Arial, sans-serif;color:#333;margin:30px}
#body-wrapper{width: 970px; margin: 0 auto; position: relative;}
#banner {position:absolute; top:175px; background: url('img/banner.png') no-repeat center top;width: 970px;height: 79px;}
#wrapper{width:842px;margin:0 auto;background-color:#eee;border:1px solid #aaa}
#inner-wrapper{margin: 15px;padding-bottom:30px;background-color:#fff; border:1px solid #aaa;}
#header {background: #fff url('img/header.png') top center no-repeat;height: 256px; width:810px;}

#logo {margin-top:20px;border:none;}
#footer {text-align:center;color:#777;font-size:12px;}
#footer a {color:#777}

/* Common Selectors */
h1 {margin:10px 0 20px 0;color:#900;}
h2 {margin:10px 0;}
a {text-decoration: none;color:#900;}
ul.list-style-none {list-style:none;margin:10px 0;padding:0;}

/* Custom Styles */
ul.list-style-none {}
ul.list-style-none li.even {font-size:16px;background:#ccc;border:#ccc 1px solid;line-height:40px;}
ul.list-style-none li.odd {font-size:16px;background:#eee;border:#ccc 1px solid;line-height:40px;}
.clear {clear:both;}

ul#navlist{position:relative;;margin:0 0 0 10px;padding-top:195px;padding-left:0;white-space:nowrap;}
#navlist li#active a {text-decoration:underline;}
#navlist li{display:inline;list-style-type:none;}
#navlist a{color:#fff; font: 120% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;padding:3px 15px;}
#navlist a:link,#navlist a:visited{text-decoration:none;}
#navlist a:hover{text-decoration:underline;}

/* Custom positioning */
img.border {margin: 5px 10px; padding: 4px; border: #ccc solid 1px}

.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.alignleft{float:left;}
.alignright{float:right;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:10px;/* optional rounded corners for browsers that support it */-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.caption img{margin:0;padding:0;border:0 none;}
.caption p.caption-text{padding:0 4px 5px;margin:0;font-size: 11px; line-height: 1.5em;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}

/* Custom Table */
table{border-collapse:collapse;text-align:left;width:100%;margin:0 auto 20px auto;}
table td {vertical-align:middle;}
table thead th {font-size:16px;font-weight:bold;background:#bbb url('img/bg-grad.png') repeat-x top left;background-position:0px -100px;height:40px;}
table tbody th{border-bottom:1px solid #8e9096;background:#eee url('img/bg-grad.png') repeat-x top left;height:40px;}
table th{font-size:14px;font-weight:normal;color:#222;padding:10px 8px;border-bottom:1px solid #8e9096;border-top:1px solid #8e9096;}
table td{padding:9px 8px 0px 8px;border-bottom:#a2a3a8 1px solid;}
table th#servie{width: 15%;}
table th#status{width: 10%;}
table th#info{width: 75%;}
table td img {margin-left:12px;}
table tfoot th {color:#555;background:#eee url('img/bg-grad.png') repeat-x top left;height:40px;text-align:center;}
table tfoot tr img {vertical-align:middle;margin-left:15px;margin-top:-5px;}