/* 

Brightster - CSS File

*/
.grey_box{background-color:#f5f5f5; padding:10px 20px 5px 20px; margin:15px 0px 20px 0px;}
ul.team{margin:15px 0px 0px 0px; padding:0px; list-style-type:none;}
ul.team li{margin-bottom:20px;}
.tbold{font-weight:bold; font-size:14px;}
ul.nolist li{background-image:none !important; padding:0px !important; margin:0px !important;}

/* Services */
.service_box{width:420px; float:left; margin:10px 100px 30px 0px;}
.service_box.nomargin{margin-right:0px;}
.more{background-color:#f6f6f6; padding:6px 6px 6px 20px; background-image:url(../images/bg_readmore.gif); background-repeat:no-repeat; background-position:right; margin:20px 0px 0px 0px}
.more a, .more a:visited{color:#333;}

/*Portfolio*/
ul.pf{margin:0px; padding:0px; list-style-type:none;}
ul.pf li{background-color:#f4f4f4; width:270px; float:left; border:solid 1px #e5e5e5; padding:14px; margin:0px 20px 20px 0px}
ul.pf li.nomargin{margin-right:0px;}
ul.pf h2{margin:5px 0px; font-size:18px;}
ul.pf h2 a{color:#333;}
ul.pf p{margin-bottom:10px;}
.navigation{text-align:right;}
.navigation a, .navigation a:visited{padding:0px 6px; background-color:#fefefe; border:solid 1px #f5f5f5; margin:0px 3px; color:#333}
.navigation a.active{background-color:#ededed; border:solid 1px #f5f5f5;}

/* blog */
.post{margin-bottom:40px;}
.post img{margin-bottom:8px;}
.post h2{margin-bottom:0px;}
.post h2 a, .post h2 a:visited{color:#666;}
.post .metadata a, .post .metadata a:visited{color:#999999;}
.post .metadata{color:#999999; font-size:11px; text-align:right; padding:0px 0px 10px 0px}
.post .author{text-align:left; float:left;}
.post .more a, .post .more a:visited{color:#333;}


/* contact */
form{margin:0; padding:0;}
fieldset{border:0px;}
#contact_form{margin:0 auto; position:relative}
label{margin:3px 0px;}
label.sp { width:3px;}
span.error{color:red;text-align:left;}

#message{ margin-left:0px;}
#message h2	{}
#message p{margin:6px 0px; }

input.text-input{ margin:4px 8px 4px 0px; width: 280px; height:15px; padding:5px 2px; border:solid 1px #e4e4e4; vertical-align:middle}
textarea.text-input{ margin:0px 8px 4px 0px; padding: 5px 2px; border:solid 1px #e4e4e4; vertical-align:top; width:380px;}
#contact_form input:focus, #contact_form textarea:focus {border:solid 1px #e4e4e4; }
input.text-input{width: 320px; margin:3px 0px 6px 0px}
textarea.text-input{width: 320px; margin:0px}
span.error{color:red;text-align:left;}
input.button{background-color:#f6f6f6; background-image:url(../images/bg_readmore.gif); background-repeat:no-repeat; background-position:right; color:#333333 !important; padding:5px 10px 8px 13px; width:100px; text-align:left; height: 30px; display:block; margin-top:10px; border:0px;cursor:pointer;}

/* table desigm */
/* Table */

.table_box_container{ width:940px;}
.table_box_container ul{ margin:0px; border-bottom:1px dotted #e5e5e5; float:left; }
.table_box_container ul li{ float:left; list-style-type:none; padding:12px 0px; line-height:normal; color:#707070 !important; }
.table_box_container ul li h4{ margin:0px; font-size:14px;}
.table_box_container ul li.one{ width:455px; padding-left:20px; }
.table_box_container ul li.two{ width:150px; text-align:center; border-left:1px dotted #e5e5e5; }
.table_box_container ul li.three{ width:150px; text-align:center; border-left:1px dotted #e5e5e5; }
.table_box_container ul li.four{ width:150px; text-align:center; border-left:1px dotted #e5e5e5; }
ul.table_header li{ }

ul.tbl_odd{ background-color:#fafafa; float:left;}
ul.tbl_odd li.one{ width:465px; padding-left:10px; }
ul.tbl_new{ background-color:#FFFFFF}
ul.tbl_new li.one{ width:465px; padding-left:10px; }
ul.tbl_price{ border:0px; font-size:18px;}
ul.tbl_price a, ul.tbl_price a:visited{ color:#707070; text-decoration:underline; font-size:12px;}
ul.tbl_price a:hover{ text-decoration:none;}


.icon1{ background-image:url(../images/icon-1.png); background-repeat:no-repeat; background-position:10px 10px; text-indent:35px;}
.icon2{ background-image:url(../images/icon-2.png); background-repeat:no-repeat; background-position:10px 10px; text-indent:35px;}
.icon3{ background-image:url(../images/icon-3.png); background-repeat:no-repeat; background-position:10px 10px; text-indent:35px;}
.icon4{ background-image:url(../images/icon-4.png); background-repeat:no-repeat; background-position:10px 10px; text-indent:35px;}
.icon5{ background-image:url(../images/icon-5.png); background-repeat:no-repeat; background-position:10px 13px; text-indent:35px;}
.icon6{ background-image:url(../images/icon-6.png); background-repeat:no-repeat; background-position:10px 10px; text-indent:35px;}
.icon7{ background-image:url(../images/icon-7.png); background-repeat:no-repeat; background-position:10px 10px; text-indent:35px;}
.icon8{ background-image:url(../images/icon-8.png); background-repeat:no-repeat; background-position:10px 10px; text-indent:35px;}
.icon9{ background-image:url(../images/icon-9.png); background-repeat:no-repeat; background-position:10px 10px; text-indent:35px;}
.icon10{ background-image:url(../images/icon-4.png); background-repeat:no-repeat; background-position:10px 10px; text-indent:35px;}