@charset "utf-8";
/* jay */
*
{
	padding:0px;
	margin:0px;
}

form
{
	padding:0px;
	margin:0px;
}
a{
	text-decoration:none;
	border:none 0px;
}
H1 {
		padding:0px;
	margin:0px;
}
H2 {
		padding:0px;
	margin:0px;
}
H3 {
	padding:0px;
	margin:0px;
}
H4 {
	padding:0px;
	margin:0px;
}

P {
	padding:0px;
	margin:0px;
}
ul {
	padding:0px;
	margin:0px;
}

.FR {
float:right;
padding:0 18px 0 0;
}
.FL {
	float:left;
	padding:0 0px 0 0;
}
.spacer {
	clear:both;
}
body {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#0e0d08;
	background:#fff url(../images/bg.gif) repeat-x top left;
}
#container
{
	width:980px;
	margin:0 auto;
}
#header
{
	width:980px;
	margin:0px;
	padding:0px;
	position:relative;
}

#logobar
{
	width:980px;
	padding:0 0 0 0;
	margin:0px 0 0 0;
	height:97px;
}
#logo
{
	width:285px;
	float:left;
	padding:14px 0 0 0;
}
#iconbar
{
	width:690px;
	float:left;
	margin:0px 0 0 0;
}
#flash_top
{
width:380px;
float:left;
margin:0px;
}
#top_conract_box
{
width:260px;
float:left;
}
#phone_icon
{
width:240px;
background:url(../images/phone_icon.gif) no-repeat left;
padding-left:25px;
font:bold 18px Arial, Helvetica, sans-serif;
color:#3c7fc3;
margin:15px 0 0 30px;
}
#live_icon
{
width:255px;
margin:20px 0 0 0;
}
#email_icon
{
width:80px;
float:left;
font:bold 12px Arial, Helvetica, sans-serif;
color:#9d9d9d;
line-height:22px;
}
#chat_icon
{
width:90px;
float:left;
font:bold 12px Arial, Helvetica, sans-serif;
color:#9d9d9d;
line-height:22px;
}
#skype_icon
{
width:70px;
float:left;
font:bold 12px Arial, Helvetica, sans-serif;
color:#9d9d9d;
line-height:22px;
}
#naviagtionbar
{
	width:980px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#search_bar
{
width:250px;
float:left;
margin:7px 0 0 0;
}
#search_bar_fild
{
width:170px;
float:left;
}
#search_bar_butt
{
	width:45px;
	float:left;
	margin:0 0 0 10px;
}
.textfild
{
border:1px solid #d8ebff;
font:normal 12px Arial, Helvetica, sans-serif;
color:#4a4a4a;
width:170px;
height:17px;
padding:2px 0 0 5px;
background:#deebfa;
}
.button
{
	background:url(../images/butt.gif) repeat-x;
	border:1px solid #8ebefa;
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	height:22px;
	padding:0 3px 0 3px;
	cursor:pointer;
}
/*#navigation
{
	width:700px;
	float:left;
	margin:0px 0 0 0;
	line-height:35px;
}
#navigation ul
{
	margin:0px 0 0 40px;
	padding:0px;
}
#navigation ul li
{
font:bold 13px Arial, Helvetica, sans-serif;
color:#fff;
display:block;
width:auto;
padding:0 4px 0 4px;
text-decoration:none;
float:left;
list-style:none;
line-height:35px;

}
#navigation ul li a
{
font:bold 13px Arial, Helvetica, sans-serif;
color:#fff;
display:block;
width:auto;
padding:0 8px 0 8px;
text-decoration:none;
line-height:35px;
background:url(../images/nav_arrow.png) no-repeat left;
}
#navigation ul li a:hover
{
font:bold 13px Arial, Helvetica, sans-serif;
color:#010101;
display:block;
width:auto;
padding:0 8px 0 8px;
text-decoration:none;
background:#c3dbf4;
line-height:35px;
}
#navigation ul li a.selected
{
font:bold 13px Arial, Helvetica, sans-serif;
color:#010101;
display:block;
width:auto;
padding:0 8px 0 8px;
text-decoration:none;
background:#c3dbf4;
line-height:35px;
}
.line
{
background:url(../images/nav_line.gif) no-repeat right;
height:35px;
width:2px;
padding:0px;
margin:0px;
}*/
#warpper
{
width:980px;
margin:1px 0 0 0;
}
#warpper_header
{
float:left;
height:207px;
width:980px;
}
.flash
{
	width:980px;
}

#boxtab
{
width:980px;
margin:4px 0 0 0;
}
/*.tabox
{
width:235px;
float:left;
margin:0 0 0 7px;
}
.tabox_rept
{
	background:url(../images/tabox_middle.gif) repeat-x;
	height:114px;
	float:left;
	width:225px;
}
.tabox h1
{
font:bold 16px Calibri;
color:#3e3e3e;
line-height:30px;
}
.tabox_inner
{
	width:220px;
	margin:0 auto;
}*/

.box
{
	background:url(../images/website.png) no-repeat;
	width:235px;
	height:102px;
	float:left;
	margin:0 0px 0 12px;
}
.box:hover
{
	background:url(../images/website_hover.png) no-repeat;
	width:235px;
	height:102px;
	float:left;
	margin:0 0px 0 12px;
}
.box_inner
{
	width:222px;
	margin:0 auto;
}
.box_inner h1
{
font:bold 14px Arial, Helvetica, sans-serif;
color:#3e3e3e;
line-height:32px;
padding:5px 0 0 0;
}
.green
{
font:bold 14px Arial, Helvetica, sans-serif;
color:#5e9944;
line-height:32px;
padding:5px 0 0 0;
}
.blue
{
font:bold 14px Arial, Helvetica, sans-serif;
color:#92c3e9;
line-height:32px;
padding:5px 0 0 0;
}
.blue_deep
{
font:bold 14px Arial, Helvetica, sans-serif;
color:#4b96c2;
line-height:32px;
padding:5px 0 0 0;
}
.light_green
{
font:bold 14px Arial, Helvetica, sans-serif;
color:#00ccff;
line-height:32px;
padding:5px 0 0 0;
}
.box_inner p
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#7e7e7e;
padding:8px 0 0 0;
}
#body_inner
{
	width:975px;
	margin:0px 0 0 0;
}
#leftpanel
{
	width:239px;
	float:left;
}
.leftpanel_container
{
	width:238px;
	margin:4px 0 0 0;
}
.left_head
{
	background:url(../images/left_panel_top.gif) no-repeat;
	height:31px;
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#353535;
	padding-left:20px;
	line-height:31px;
}
.left_middle
{
	background:#fff url(../images/left_panel_middle.gif) repeat-x top left;
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
}
#services
{
margin:0px;
padding:0px;
}
#services ul
{
margin:0px 0 0 20px;
padding:0px;
}
#services ul li
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#a8a7a7;
background:url(../images/tick.png) no-repeat left;
padding-left:15px;
line-height:22px;
text-decoration:none;
list-style:none;
}
#services ul li a
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#1a69be;
line-height:22px;
text-decoration:none;
list-style:none;
}
#services ul li a:hover
{
color:#3b3b3b;
line-height:22px;
text-decoration:none;
}
.left_inner_in
{
width:215px;
margin:0 auto;
}
.left_inner_in p
{
font:normal 12px Arial, Helvetica, sans-serif;
color:#767474;
padding:2px 0 5px 0;
}
.left_inner_in h1
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#0063c0;
line-height:20px;
}

.link
{
font:normal 12px Arial, Helvetica, sans-serif;
color:#0063c0;
text-decoration:none;
}
.link a
{
font:normal 12px Arial, Helvetica, sans-serif;
color:#0063c0;
text-decoration:none;
}
.link a:hover
{
font:normal 12px Arial, Helvetica, sans-serif;
color:#0063c0;
text-decoration:underline;
}
#progamming_logo
{
margin:10px 0 0 0;
}
#rightpanel
{
	width:733px;
	float:right;
	margin:0 0 0 0px;
}
.right_container
{
	width:733px;
	margin:4px 0 0 0px;
}
.rightpanel_top
{
background:url(../images/right_panel_top.gif) no-repeat;
height:56px;
font:bold 17px Arial, Helvetica, sans-serif;
color:#353535;
padding-left:20px;
line-height:56px;
}
.rightpanel_middle
{
background:#fff url(../images/right_panel_middle.gif) repeat-x top left;
border-left:1px solid #d3d3d3;
border-right:1px solid #d3d3d3;
}
.head_right
{
font:bold 17px Arial, Helvetica, sans-serif;
color:#63a2e5;
padding-left:0px;
line-height:56px
}
.rightpanel_inner
{
width:715px;
margin:0 auto;
}
.rightpanel_inner p
{
font:normal 12px Arial, Helvetica, sans-serif;
color:#5B5B5B;
line-height:17px;
padding:5px 0 3px 0;
text-align:left;
}
.bar_reapt
{
background:url(../images/bar_middle.gif) repeat-x;
float:left;
width:700px;
height:37px;
font:bold 18px Arial, Helvetica, sans-serif;
color:#353535;
padding-left:20px;
line-height:37px;
}
.bar
{
margin:7px 0 0 0;
}
.blue_bar
{
font:bold 18px Arial, Helvetica, sans-serif;
color:#63a2e5;
line-height:37px;
}
.big_box
{
background:url(../images/big_box.png) no-repeat;
height:183px;
width:348px;
float:left;
margin:7px 0 0 11px;
}
.big_box:hover
{
background:url(../images/big_box_hover.png) no-repeat;
height:183px;
width:348px;
float:left;
margin:7px 0 0 11px;
}
#bigbar
{
width:733px;
margin:7px 0 0 0;
}
.big_bar_inner
{
width:330px;
margin:5px 10px 0 10px;
}
.big_bar_inner h1
{
font:bold 16px Arial, Helvetica, sans-serif;
color:#4aa0f9;
line-height:35px;
padding:5px 0 0 0;
}
.big_bar_inner p
{
font:normal 12px Arial, Helvetica, sans-serif;
color:#3e3e3e;
padding:8px 0 0 0;
line-height:18px;
}
#footer
{
	width:100%;
	margin:0 auto;
	border-top:1px solid #bebebe;
	margin:0 auto;
	margin-top:10px;
}
#footer_inner
{
	width:980px;
	margin:0 auto;
	margin:0 auto;
	margin-top:5px;
}
.footer_list
{
margin:0px;
padding:0px;
width:240px;
float:left;
}
.footer_list ul
{
margin:0px;
padding:0px;

}
.footer_list ul li
{
font:normal 12px Arial, Helvetica, sans-serif;
color:#8d8b8b;
line-height:22px;
text-decoration:none;
list-style:none;
}
.footer_list ul li a
{
font:normal 12px Arial, Helvetica, sans-serif;
color:#8d8b8b;
line-height:22px;
text-decoration:none;
list-style:none;
}
.footer_list ul li a:hover
{
font:normal 12px Arial, Helvetica, sans-serif;
color:#4aa0f9;
line-height:22px;
text-decoration:none;
list-style:none;
}
.footer_list h1
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#4aa0f9;
line-height:22px;
background:url(../images/line.png) no-repeat bottom left;
padding-bottom:3px;
}
#footer_nav_box
{
width:980px;
margin:30px 0 0 0;
}
#w3c_box
{
width:140px;
float:left;
}
#footer_nav
{
width:720px;
float:left;
margin:6px 0 0 0;
}
.footer_navigation
{
margin:0px;
padding:0px;
}
.footer_navigation ul
{
margin:0px 0 0 160px;
padding:0px;
}
.footer_navigation ul li
{
font:normal 12px Arial, Helvetica, sans-serif;
color:#404040;
display:inline;
text-decoration:none;
padding:0 5px 0 5px;
border-right:1px solid #404040;
}
.footer_navigation ul li a
{
font:normal 12px Arial, Helvetica, sans-serif;
color:#404040;
display:inline;
text-decoration:none;
padding:0 0 0 0;
}
.footer_navigation ul li a:hover
{
color:#404040;
display:inline;
text-decoration:underline;
padding:0 0 0 0;
}
#copyright_box
{
width:980px;
margin:4px 0 0  0;
padding:0px 0 5px 0;
}
#copyright
{
width:980px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#404040;
margin:0;
}
#octagon
{
width:300px;
float:right;
font:normal 12px Arial, Helvetica, sans-serif;
color:#404040;
}
#demo
{
	width:116px;
	height:27px;
	position:absolute;
	/*	background:url(../images/demo_tab.png) no-repeat;*/
	top: 131px;
	left: 833px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:27px;
	text-align:center;
	z-index:100;
}
.transparent_class {
	padding:2px;
	cursor:pointer;
	border:1px solid #fff;
}
.transparent_class:hover  {
	padding:2px;
	cursor:pointer;
	border:1px solid #c6c6c6;
}
.blue_line
{
	position:absolute;
	width:165px;
	height:123px;
	left: 569px;
	top: 1px;
}
.bulet_list
{
margin:0px;
padding:0px;
}
.bulet_list ul
{
margin:-2px;
padding:13px;
}
.bulet_list ul li
{
background:url(../images/bullet.png) no-repeat left;
padding-left:13px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#757575;
line-height:22px;
list-style:none;
}
.bulet_list ul li a
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#757575;
line-height:22px;
}
.bulet_list ul li a:hover
{
color:#000;
line-height:22px;
}

.bulet_list1
{
margin:0px;
padding:0px;
}
.bulet_list1 ul
{
margin:-2px;
padding:0;
}
.bulet_list1 ul li
{
background:url(../images/bullet.png) no-repeat left;
padding-left:13px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#757575;
line-height:22px;
list-style:none;
}
.bulet_list1 ul li a
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#757575;
line-height:22px;
}
.bulet_list1 ul li a:hover
{
color:#000;
line-height:22px;
}


.order_box
{
width:600px;
margin:0 auto;
}
.order_butt
{
width:300px;
float:right;
}
.price
{
width:200px;
float:left;
margin:20px 0 0 1em;
font:bold 22px Arial, Helvetica, sans-serif ;
color:#0354aa;
}
.bold
{
font:bold 13px Arial, Helvetica, sans-serif;
color:#0a60bb;
padding-left:9px;
}
#information_box
{
width:280px;
float:left;
}
#contact_form_box
{
width:320px;
float:left;
margin:0 0 0 30px;
}
.form_box
{
width:430px;
}
.name_box
{
width:250px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#4c4c4c;
line-height:22px;
}
.fild_box
{
width:300px;
}
.input_filed
{
width:250px;
background:#f2f2f2;
border:1px solid #e2e2e2;
line-height:22px;
padding:3px 0 3px 8px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#333333;
}
.butt
{
background:url(../images/butt.png) no-repeat;
width:84px;
height:25px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#055cb9;
border:none;
cursor:pointer;
}
td
{
font:normal 12px Arial, Helvetica, sans-serif;
color:#3d3d3d;
padding-left:5px;
}
.input
{
border:1px solid #ccc;
width:150px;
}
.textarea
{
border:1px solid #ccc;
width:150px;
}
.select
{
border:1px solid #ccc;
width:150px;
}
.butt
{
background:url(../images/button.gif) no-repeat;
width:81px;
height:24px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
border:none;
}
#popular
{
margin:0px;
padding:0px;
}
#popular ul
{
margin:0px 0 0 20px;
padding:0px;
}
#popular ul li
{
font:normal 12px Arial, Helvetica, sans-serif;
color:#1a69be;
background:url(../images/pop_bottom.png) no-repeat left bottom;
padding-left:15px;
line-height:22px;
text-decoration:none;
list-style:none;
}
#popular ul li a
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#3b3b3b;
line-height:22px;
text-decoration:none;
list-style:none;
}
#popular ul li a:hover
{
color:#1a69be;
line-height:22px;
text-decoration:none;
}
#skill
{
width:730px;
margin:10px 0 0 0;
}
#webskill
{
background:url(../images/payment.gif) no-repeat;
width:292px;
height:94px;
float:left;
}
#webskill h1
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#1a65ac;
line-height:22px;
padding-left:20px;
}
#payment
{
background:url(../images/payment.gif) no-repeat;
width:292px;
height:94px;
float:right;
}
#payment h1
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#1a65ac;
line-height:22px;
padding-left:20px;
}
#addv
{
margin:5px 0 5px 0;
}
.bor
{
border:1px solid #adacac;
}
.tblContDisplay td{
text-align:center;
border-bottom:1px dotted #ccc;
border-right:1px dotted #ccc;
}
.tblContDisplay td.borderLeft{
text-align:left;
border-left:1px dotted #ccc;
}
.tblContDisplay th{
text-align:center;
border-top:1px dotted #ccc;
border-right:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
.tblContDisplay th.borderLeft{
text-align:left;
border-left:1px dotted #ccc;
}
#fixed_main {
bottom:0;
height:31px;
left:5%;
position:fixed;
width:90%;
}
#fixed_left {
background-image:url("../images/fixed_left.png");
background-position:left top;
background-repeat:no-repeat;
float:left;
height:31px;
width:1%;
}
#fixed_middle {
background-image:url("../images/fixed-repeat.png");
background-position:center top;
background-repeat:repeat-x;
float:left;
height:31px;
width:98%;
}
#right_box {
float:right;
height:31px;
width:428px;
}
#fixed_divider {
background-image:url("../images/fixeddivder.gif");
background-position:center bottom;
background-repeat:no-repeat;
float:left;
height:31px;
width:2px;
}
#icon_box {
float:left;
font-size:0.8em;
height:31px;
text-align:left;
width:105px;
}
.fixedimg {
float:left;
margin:0;
padding:0 14px;
}
.fixedp {
color:#265035;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-style:normal;
font-weight:normal;
margin:0;
padding:12px 0 0;
text-align:left;
text-decoration:none;
}
#fixed_divider {
background-image:url("../images/fixeddivder.gif");
background-position:center bottom;
background-repeat:no-repeat;
float:left;
height:31px;
width:2px;
}
#left_box {
float:left;
height:22px;
padding:9px 0 0;
text-align:center;
width:200px;
}
#left_box {
float:left;
height:22px;
padding:9px 0 0;
text-align:center;
width:200px;
}

#fixed_right {
background-image:url("../images/fixed_right.png");
background-position:right top;
background-repeat:no-repeat;
float:right;
height:31px;
width:1%;
}

.rightpanel_middle p
{
padding:0 0 0 10px;
}

.poftfolio_thumb {

}

.poftfolio_thumb img {
margin:0 0 5px 0;
border:1px solid #fff;
}

/*****************************Pagination********************************
*/
.pagination{
padding:2px;
}

.pagination ul{
margin: 15px 0 0 8px;
padding: 0;
text-align: left; /*Set to “right” to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none;
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #9bbbd9;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font:bold 12px Arial, Helvetica, sans-serif;
}
.lin
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#9d9d9d;
line-height:22px;
text-decoration:none;
}
.lin a
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#9d9d9d;
line-height:22px;
text-decoration:none;
}
.lin a:hover
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#9d9d9d;
line-height:22px;
text-decoration:none;
text-decoration:underline;
}