@charset "utf-8";
/* CSS Document */

body{
	background:url(images/back_body.jpg) repeat-x left top #FFF;
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	line-height:1.3em;
	margin:0;
	padding:0;}
input, textarea{color:#333; font-family:Verdana, Geneva, sans-serif; font-size:13px;}
h1{font-size: 24px;}
h2{font-size:16px;}
#wrapper{
	margin:0 auto;
	width:844px;
	position:relative;
	padding-top:10px;}
.clr{
	clear:both;
	font-size:0px;}
/* top menu */
#top_menu{
	width:844px;
	height:40px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:10px;}
#top_menu ul{
	list-style:none;
	margin:0;
	padding:0;}
#top_menu li{
	float:left;}
#top_menu li a{
	height:40px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	display:block;
	padding-top:10px;}
#top_menu li a.left{
	background:url(images/bar_1.jpg) no-repeat;
	width:165px;}
#top_menu li a.right{
	background:url(images/bar_3.jpg) no-repeat;
	width:166px;}
#top_menu li a.center{
	background:url(images/bar_2.jpg) no-repeat;
	width:171px;}
#top_menu li a.left:hover{
	background:url(images/bar_1_up.jpg) no-repeat;}
#top_menu li a.right:hover{
	background:url(images/bar_3_up.jpg) no-repeat;}
#top_menu li a.center:hover{
	background:url(images/bar_2_up.jpg) no-repeat;}
/* top menu ends */
#header{
	margin:0 auto;
	position:relative;
	width:844px;}
#header_top{
	background:url(images/back_upper_1.jpg);
	padding-top:17px;}
#header_mid{
	background:url(images/back_upper_2.jpg) repeat-y;
	padding:10px;
	min-height:150px;}
#header_bot{
	background:url(images/back_upper_3.jpg);
	height:18px;}
#logo{
	float:right;
	right:3%;
	position:relative;
	border:none;}
#content{
	margin:10px auto;
	position:relative;
	width:844px;}
#content_top{
	background:url(images/back_mid_1.jpg);
	height:11px;}
#content_mid{
	background:url(images/back_mid_2.jpg) repeat-y;
	padding:5px 30px;
	margin:0;}
#content_bot{
	background:url(images/back_mid_3.jpg);
	height:13px;}
.row{
	width:98.5%;
	margin:0 auto;
	padding:0;
	overflow:hidden;}
.col{
	width:33%;
	float:left;
	margin:0;
	padding:0;}
.col2{margin:0; padding:0; float:left; width:49%;}
.col2 a{text-decoration:none;}
.col2 a:hover{text-decoration:underline;}
.col4{margin:0 auto; padding:0; float:left; width:24.5%;}
.col_mid{
	background:url(images/web_2.jpg);}
.col_bot{
	background:url(images/web_3.jpg) no-repeat;
	height:12px;}
.col_cont{
	width:182px;
	margin:0 auto;}
#web_top{
	background:url(images/web_1.jpg) no-repeat;
	width:182px;
	height:48px;
	cursor:pointer;}
#web_top:hover{
	background:url(images/web_1_up.jpg) no-repeat;
	width:182px;
	height:48px;}

#dev_top{
	background:url(images/dev_1.jpg) no-repeat;
	width:182px;
	height:48px;
	cursor:pointer;}
#dev_top:hover{
	background:url(images/dev_1_up.jpg) no-repeat;
	width:182px;
	height:48px;}

#ecom_top{
	background:url(images/ecom_1.jpg) no-repeat;
	width:182px;
	height:48px;
	cursor:pointer;}
#ecom_top:hover{
	background:url(images/ecom_1_up.jpg) no-repeat;
	width:182px;
	height:48px;}
.col_mid ul{
	margin:0;
	padding:10px;
	list-style:none;}

/* buttom menu */
#footer{
	width:100%;
	margin:0;
	padding:0;}
#copy{
	font-size:10px;
	padding-left:20px;
	float:left;}
#footer_menu{
	float: right;
	padding-right:10px;
	margin:0;}
#footer_menu a{
	text-decoration:none;
	font-weight:normal;
	color:#333;
	font-size:12px;
	margin-left:10px;
	margin-right:10px;}
#footer_menu a:hover{text-decoration:none;border-bottom:1px dotted #333;}
/* buttom menu ends */
.nounderline{text-decoration:none; color:#333;}
.nounderline:hover{text-decoration:none;border-bottom:1px dotted #333;}
.bolder:hover{ font-weight:bold;}
/*portfolio*/
#popup {margin:0 auto 0 auto; width:800px;font-size:86%;line-height:1em;}
#popup img{border:none;}

#popup p{
	clear:both;
	margin:0;
	padding:.5em 0;}
#screenshot{
	position:absolute;	
	background:#c0c0c1;
	padding:5px;
	display:none;
	color:#07153c;
	}
.tip {
  position:absolute;
	background:#666;
	padding:5px;
	display:none;
	color:#fff;
}
.indent1 {
	margin-left:55px;
}	
/*portfolio ends*/
.threeBut{
    color:#FFF;
    text-align:center;
    padding-top:10px;
    text-decoration:none;
    display:block;
    width:182px;
    height:48px;}
.alignCenter{text-align:center;}