/*Basic elements*/
html{width:100%;height:100%;margin:0px;padding:0px; background:url(../img/tile.jpg) repeat;}
body{width:100%;height:100%;margin:0px;padding:0px;}
#wrap{width:100%; min-height:870px; height:auto; background:url(../img/bg.jpg) transparent top center no-repeat;}
#head{margin-left:auto; margin-right:auto; height:160px; width:960px;}
#foot{width:100%; height:100px; background:url(../img/footbg.png) repeat-x; margin-top:10px;}
#social{width:205px; height:53px; float:right; margin-top:87px; margin-right:10px;}
#tw{background:url(../img/tw.png) top left no-repeat transparent;}
#tw:hover{background:url(../img/tw.png) bottom right no-repeat transparent;}
#fb{background:url(../img/fb.png) top left no-repeat transparent;}
#fb:hover{background:url(../img/fb.png) bottom right no-repeat transparent;}
#rs{background:url(../img/rs.png) top left no-repeat transparent;}
#rs:hover{background:url(../img/rs.png) bottom right no-repeat transparent;}
.s_ico{width:53px; height:53px; margin-left:15px; overflow:hidden;  float:right; cursor:pointer;}
#nav_cont{width:930px;  height:35px; margin-left:auto; margin-right:auto; padding-left:10px; line-height:0px;}
.btn{width:175px; height:35px; overflow:hidden; background:url(../img/btn.jpg) top left; float:left; margin-left:10px; cursor:pointer; display:inline;}
.clear{margin-left:0px;}
.btn:hover{background:url(../img/btn.jpg) bottom left;}
.btn a{text-decoration:none; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; line-height:35px; display:block;}
#ul_nav, #ulnav li{list-style:none; list-style-type:none; text-decoration:none;}
ul#ul_nav li{display: inline; line-height:0px;}
#mid{width:960px; height:auto; min-height:400px; margin-left:auto; margin-right:auto; }
#logo{width:420px; height:150px; float:left; background: url(../img/logo.png);}
#content{width:900px; height:auto; min-height:400px; margin-left:35px; margin-top:15px; background:url(../img/walpha.png) repeat;}
.c3{width:280px; margin:10px; float:left;}
.slideshow{width:920px; height:300px; margin-left:30px; margin-top:30px;}
.chead{width:280px; height:95px; margin-top:15px;}
#ch1{background:url(../img/head1.png) no-repeat;}
#ch2{background:url(../img/head2.png) no-repeat;}
#ch3{background:url(../img/head3.png) no-repeat;}
.hsep{width:880px; height:3px; margin:10px; background:url(../img/hsep.png) repeat-x; clear:both;}
#tw_cont{width:280px; height:auto; float:right; margin:10px;}
#tw_head{width:280px; height:80px; background:url(../img/thead.png);}
#desc{width:580px; height:auto; margin:10px; float:left;}
#shead{width:580px; height:80px; background:url(../img/shead.png); }
.sred{color:#FF8080 !important;}

.t1{margin:0px; padding:10px; font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif; line-height:18px; text-align:justify;}

.t2{margin:0px; padding:5px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:14px; text-align:left; vertical-align:top}

.t3{margin:0px; padding:5px; font-size:12px; color:#666;  font-family:Arial, Helvetica, sans-serif; line-height:14px; text-align:center; vertical-align:middle;}

.t4{margin:0px; padding:5px; font-size:14px; color:#666; font-weight:bold;  font-family:Arial, Helvetica, sans-serif; line-height:14px; text-align:center; vertical-align:middle;}

.t5{margin:0px; padding:10px; font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif; line-height:18px; vertical-align:middle; text-align:justify;}
.small{margin:0px; padding:0px 0px 0px 10px; font-size:10px; color:#666; font-family:Arial, Helvetica, sans-serif; line-height:12px; vertical-align:middle; text-align:justify;}

.bold{font-weight:bold !important;}
.italic{font-style:italic !important;}
h1{margin:0px; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:24px;color:#BE842C;}
#detail{width:220px; height:20px; position:absolute; z-index:1000; margin-left:340px; margin-top:228px; }
.l2-col-l{width:650px; height:auto; float:left;}
.l2-col-r{width:250px; height:auto; float:right;}
.l1-col-m{width:900px; height:auto; float:right;}
#price_tbl{margin-left:10px;}
#price_tbl td, #price_tbl tr{border:1px solid #ccc;}
.blue{border:1px solid #09788C!important;}
.ht{width:880px; height:46px; background: url(../img/ht1.png); margin-left:10px;}
.hth{margin:0px; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:24px;color:#d5cea7;}
#contactFrm{background:transparent; float:left; padding:10px; border:1px solid #666; margin-left:10px; display:block; width:400px; text-align:center;}
#contactFrm p{text-align:left;}
#contactFrm textarea {border:1px solid #aaa; width:260px; box-shadow:0px 3px 6px #aaa inset; background:#eee;}
#contactFrm input {border:1px solid #aaa; width:200px; box-shadow:0px 3px 6px #aaa inset;  background:#eee;}
#contactFrm button {width:60px; height:30px; margin-top:6px;}

#contact-form{width:600px;}

.tick{width:32px; height:32px; margin-left:auto; margin-right:auto; text-align:center; background:url(../img/tick.png) no-repeat;}
.cross{width:32px; height:32px; margin-left:auto; margin-right:auto; text-align:center; background:url(../img/cross.png) no-repeat;}
.flist, .flist li{display:block; padding-left:10px !important;list-style:disc !important;}
.flist li{display:block; font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif; line-height:18px;}

.port-t9{width:286px; height:220px; float:left; margin-left:10px; margin-bottom:10px; }
.port_overlay{width:266; height:200px; background:url(../img/blalpha.png) repeat; padding:10px; display:none;}
.port_t{font-size:16px; font-weight:bold; color:#23C2F8; font-family:Arial, Helvetica, sans-serif; line-height:18px; text-align:left; text-shadow: 1px 1px 0px #333333; filter: dropshadow(color=#333333, offx=1, offy=1);}
.port_c{font-size:12px; color:#ccc; font-family:Arial, Helvetica, sans-serif; line-height:14px; text-align:left;}
.port_u, .port_u a{font-size:12px; color:#ccc; font-family:Arial, Helvetica, sans-serif; line-height:14px; text-align:left; margin-top:10px;}
.port_y{font-size:16px; font-weight:bold; color:#23C2F8; font-family:Arial, Helvetica, sans-serif; line-height:18px; text-align:left;}
.port_d{font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:16px; text-align:left; margin-top:20px;}
.ui-jcoverflip {
    position: relative;
}   

.ui-jcoverflip--item {	
	position: absolute;	
	display: block;
}
#fcont{width:900px; height:250px; margin-left:35px; margin-top: 40px;}
#flip {
	height: 248px;
	width: 838px;
	overflow:hidden;
	border: inset solid 1px #000;
	float:left;
	background: url(../img/slbg.jpg) no-repeat;
	border:1px solid #666;
}

#lb{width:30px; height:250px; float:left; background: url(../img/lb.png); cursor:pointer;}
#rb{width:30px; height:250px; float:left; background: url(../img/rb.png); cursor:pointer;}

 #flip .ui-jcoverflip--title {
	position: absolute;
	bottom: -30px;
    width: 100%;
    text-align: center;
    color: #555;
}

      

      #flip img {

        display: block;

        border: 0;

        outline: none;
		-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 8px #333333;
-moz-box-shadow: 0px 0px 8px #333333;
box-shadow: 0px 0px 8px #333333;

      }

      

      #flip a {

        outline: none;

      }

      

      

      #wrapper {

        height: 300px;

        width: 630px;

        overflow: hidden;

        position: relative;

      }

      

      .ui-jcoverflip--item {

        cursor: pointer;

      }

      

      

      



      

      ul,

      ul li {

        margin: 0;

        padding: 0;

        display: block;

        list-style-type: none;

      }

      

      #scrollbar {

        position: absolute;

        left: 20px;

        right: 20px;

        

      }


.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}
#main-container{
	width:400px;
	margin:30px auto;
}

#fc{
	float:right;
	width:500px;
	background-color:#f5f5f5;
	padding:15px;
	margin:10px;
	margin-bottom:20px;
	border:1px solid #ccc;
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;
}

.row{width:450px; height:35px !important; float:left; line-height:25px;}
.row1{width:90px; height:20px !important; float:left; line-height:20px;}

#tweets{width:280px; height:auto; clear:both;}
.tweet_box{clear:both; width:278px; height:auto; min-height:75px; margin-bottom:10px;  border-radius:5px; border:1px #69664b dashed !important;  } 
.tweet_date{width:278px; height:30px; margin-left:10px; background:url(../img/bird.jpg) right no-repeat;}
.tweet_date a{font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:30px; text-align:left; color:#444; text-decoration:none;}
.tweet_status{width:260px; height:auto; margin-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; text-align:justify; color:#555; text-decoration:none; overflow:hidden; padding-bottom:5px;}
.tweet_status a{font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#09F;}
#foot_cont{width:960px; height:100px; margin-left:auto; margin-right:auto;}
#sage{width:221px; height:40px; margin-top:15px; float:right; margin-right:25px; background:url(/img/walpha.png) repeat; padding:10px;}
#wordpress{width:40px; height:40px; margin-top:15px; float:left; margin-left:35px; background:url(/img/walpha.png) repeat; padding:10px;}
#joomla{width:40px; height:40px; margin-top:15px; float:left; margin-left:10px; background:url(/img/walpha.png) repeat; padding:10px;}
#mysql{width:40px; height:40px; margin-top:15px; float:left; margin-left:10px; background:url(/img/walpha.png) repeat; padding:10px;}


/* New Twitter Feed */

#tweets ul 
{

}

#tweets ul li 
{
	margin-bottom:10px;
}

#tweets ul li .user
{
	margin-bottom:5px;
}

#tweets ul li .user a img
{
	display:none;
}

#tweets ul li .user a, #tweets ul li .user a span
{
	text-decoration:none;
	font-size:16px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}

#tweets ul li .user a span:first-child
{
	display:none;
}

#tweets ul li p.tweet
{
	font-size:14px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	text-align:justify;
}
