/* CSS Document */

body{
	margin:0;
	padding:0;
	/*background-image: url(../images/bg_pattern.jpg); */
	font-family:Verdana;
	background-color:#FFFFFF;
	
}

#main{
width:865px;
height:auto;
margin-right:auto;
margin-left:auto;

}
p
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	font-size: 11px;
	color: #808080;
	line-height: 15px;
}

h1{
margin:0px;
padding:0px;
margin-bottom:4px;
font-size:10px;
color:#000000
}

h4
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 4px;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: normal;
	width:200px;
}

h2
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 4px;
	font-size: 16px;
	color: #FFFFFF;
	padding-top: 5px;
	font-weight: normal;
}
h5
{
	margin: 0px;
	padding-left: 10px;
	font-size: 16px;
	color: #0f83b6;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
    text-align: left;
}
#quote
{
	background-position: bottom;
	width: 890px;
	height: 30px;
	float: right;
	padding: 0px;
	margin-top: 30px;
	text-align:right;
	vertical-align:bottom;
	background-color:Aqua;	
	position:absolute;
}
#pageTop
{
	background-position: bottom;
	margin-top:40px;
	width: 890px;
	height: 12px;
	float: left;
	background-color: #FFFFFF;
	background-image: url(../images/bg_top.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	text-align:right;
}

#pageMiddle
{
	width: 890px;
	height: auto;
	float: left;
	padding:0px;
	background-color: #FFFFFF;
	background-image: url(../images/bg_middle.jpg);
	background-repeat: repeat-y;
}
#pageBottom
{
	background-position: top;
	margin-bottom: 50px;
	width: 890px;
	height: 12px;
	float: left;
	background-color: #FFFFFF;
	background-image: url(../images/bg_bottom.jpg);
	background-repeat: no-repeat;
	padding: 0px;
}

#services
{
	margin: 0px 10px 0px 10px;
}

#cms
{
	width: 230px;
	height: 210px;
	float: left;
	padding:20px;
	margin-left:15px;
	background-image: url(../images/bg_webdesign.jpg);
	background-repeat: no-repeat;	
}
#webdesign
{
	width: 230px;
	height: 210px;
	float: left;
	padding: 20px 20px 20px 15px;
	background-image: url(../images/bg_cms.jpg);
	background-repeat: no-repeat;
	color: #333333;
}
#os
{
	width: 220px;
	height: 210px;
	float: left;
	padding: 30px 0px 20px 20px;
	margin-left: 8px;
	background-image: url(../images/bg_os.jpg);
	background-repeat: no-repeat;
}
#cms ul, #webdesign ul, #os ul, .listing1
{
list-style:none;
float:none;
width:200px;
padding-top:12px;
}
#cms li, #webdesign li, #os li
{
	background-position: 0px 4px;
	height: auto;
	width:190px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	font-size: 11px;
	color: #666;
	text-align: left;
	vertical-align: top;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	padding-bottom: 5px;
}

.ser a
{
	color: #FFFFFF;
	text-decoration: none;
}

.ser a:hover
{
	color: #333333;
	text-decoration: underline;
}

.topheader
{
	background-position: right 10px;
	width: 865px;
	height: auto;
	float: left;
	background-image: url(../images/slogan.jpg);
	background-repeat: no-repeat;
}

.topheader .logo{
width:300px;
height:auto;
float:left;
padding-top:10px;
padding-left:29px;
}

.topheader .map{
width:auto;
height:auto;
float:right;
padding-top:2px;

}


#header .nav_header
{
	margin:4px;
	background-position: center 14px;
	width: 875px;
	height: auto;
	float: left;
	background-image: url(../images/bg_header.jpg);
	background-repeat: no-repeat;
}
ul{
margin:0px;
padding:0px;
list-style:none;
width:auto;
height:auto;
}

li{
margin:0px;
padding:0px;
list-style:none;
float:left;
width:auto;
height:auto;
}

#horizontal_navigation{
width:auto;
height:auto;
float:left;
padding-top:34px;
padding-bottom:30px;

}

#horizontal_navigation ul{
width:auto;
height:auto;
margin:0px;
padding:0px;
padding-left:30px;
list-style:none;
float:right;
}
#horizontal_navigation li{
margin:0px;
padding:0px;
padding-left:13px;
padding-right:13px;
list-style:none;
float:left;
font-size:12px;
color:#000000;
width:auto;
height:auto;
}

#horizontal_navigation li a
{
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	font-size: 12px;
	color: #006699; /* background-image:url(../images/horizontal_centerborder.jpg); background-repeat:no-repeat; background-position:right	 top; */
	padding-left: 14px;
	padding-right: 14px;
	text-decoration: none;
}

#horizontal_navigation li a:hover{
width:auto;
height:auto;
margin:0px;
padding:0px;
list-style:none;
float:left;
font-size:12px;
color:#000000;
padding-left:14px; padding-right:14px;
text-decoration:underline;
}

.spacer{
margin:0px; 
padding:0px;
}

#container
{
	width: 820px;
	height: auto;
	float: left;
	padding-top: 5px;
	padding-left: 10px;
	margin-left:10px;
}

.readmoreOs, .readmoreWeb, .readmoreCms
{
	font-size: 9px;
	font-weight: bold;
	padding:4px;
	float: left;
}
.readmoreOs a , .readmoreWeb a, .readmoreCms a
{
text-decoration: none;
}
.readmoreOs a:hover , .readmoreWeb a:hover, .readmoreCms a:hover
{
		color: #FFFFFF;
		text-decoration:underline;
}

.readmoreOs
{
	color: #e73800;
}

.readmoreOs a
{
	color: #e73800;	
}

.readmoreWeb
{
	color: #004c88;
}
.readmoreWeb a
{
	color: #004c88;
}
.readmoreCms
{
	color: #009900;
}
.readmoreCms a
{
	color: #009900;
}


.readmore1
{
	font-size: 9px;
	font-weight: bold;
	color: #808080;
}

.readmore1 a
{
	color: #808080;	
	text-decoration: none;
}

.readmore1 a:hover
{
	color: #000000;
	text-decoration: underline;
}


.boxTop
{
	background-position: bottom;
	margin-top:5px;
	width: 550px;
	height: 12px;
	float: left;
	background-image: url(../images/box_bg_top.jpg);
	background-repeat: no-repeat;
	padding: 0px;
}

.boxMiddle
{
	width: 550px;
	height: auto;
	float: left;
	background-image: url(../images/box_bg_middle.jpg);
	background-repeat: repeat-y;
}
.boxBottom
{
	background-position: top;
	width: 550px;
	height: 12px;
	float: left;
	background-image: url(../images/box_bg_bottom.jpg);
	background-repeat: no-repeat;
	margin:0px;
	
}



#vertical_navigation{
width:195px;
height:auto;
float:left;
padding-bottom:8px;
padding-left:12px;
border:1px solid #A1A9B1;
border-bottom:2px solid #BABEC4;
border-left:0px;

}

#vertical_navigation ul{
width:auto;
height:auto;
margin:0px;
padding:0px;
list-style:none;
float:none;
}
#vertical_navigation li{
width:auto;
height:auto;
margin:0px;
padding:0px;
list-style:none;
float:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
border-bottom:1px solid #ECECEC;
padding-top:6px;
padding-bottom:6px;
display:block;
line-height:20px;
}

#vertical_navigation li a{
width:auto;
height:auto;
margin:0px;
padding:0px;
list-style:none;
float:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
background-image:url(../images/bullet.jpg); background-repeat:no-repeat; background-position:left top;
text-decoration:none;
padding-left:26px;
text-decoration:none;
width:162px;
display:block;

}

#vertical_navigation li a:hover{
width:auto;
height:auto;
margin:0px;
padding:0px;
list-style:none;
float:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#F5951F;
padding-left:26px;
display:block;
}


#footer
{
	width: 875px;
	height: 45px;
	float: left;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: center 30px;
	padding-top: 14px;
	margin: 4px;
}

#footer .footer_data ul{
margin:0px;
padding:0px;
list-style:none;
width:820px;
height:auto;
margin-left:auto;
margin-right:auto;
padding-left:30px;
float: left;
}

#footer .footer_data li{
margin:0px;
padding:0px;
list-style:none;
font-size:9px;
color:#7a7d7e;
display:inline;
text-align:center;
padding-bottom:0px;
padding-top:7px;

}

#footer .footer_data li a{
width:auto;
height:auto;
font-size:9px;
display:inline;
/*
background-image:url(../images/bullet_footer.jpg); background-repeat:no-repeat; background-position:left top;
*/
color:#7a7d7e;
padding-left:8px;
padding-right:8px;
text-align:center;
text-decoration:none;
}

#footer .footer_data li a:hover{
width:auto;
height:auto;
font-size:9px;
color:#1A3569;
text-align:center;
text-decoration:underline;
}


#box{
	width: 300px;
	background-color: #aa232a;
	color: #fff;
}

#box .roundcont p {
	margin: 0 10px;
}

#box .roundtop {
	background-image: url(../images/signup_right_top_corner.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#box .roundbottom {
	background-image: url(../images/signup_right_bottom_corner.jpg);
	background-repeat: no-repeat;
	background-position: right;
	}

#box img.corner
{
	width: 8px;
	height: 8px;
	display: block !important;
	
}
.listing
{
	height:800px;
	margin-left:20px;
}

.listing ul
{
width:800px;
margin:0px;
padding:0px;
list-style:none;
float:none;
padding-bottom:5px;
padding-top:5px;
}

.listing li
{
	background-image: url(../images/thumb_bg.jpg);
	width: 230px;
	height: 230px;
	padding: 15px 15px 0px 16px;
	list-style: none;
	float: left;
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
}

.listing li a{
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;
	list-style:none;
	float:none;
	font-size:12px;
	color:#069;
	text-decoration:none;
}

.listing li a:hover{
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;
	list-style:none;
	float:none;
	font-size:12px;
	color:#7E7D7D;
	text-decoration:underline;
}


.roundContent_admin{
	width:95%;
}

.roundContent_admin ul{
height:auto;
margin:0px;
padding:0px;
list-style:none;
float:none;
height:30px;
width:100%
}

.roundContent_admin li
{
	height: auto;
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	font-size: 11px;
	color: #666;
	text-align: right;
	width: 100px;
	padding: 2px;
	vertical-align: middle;
}

.leftCol_admin{
width:150px;
height:auto;
float:left;
border-top:0px;
padding-top:9px;
text-align:right;
}

.input_text
{
	border: 1px solid #999;
	height: 15px;
	font-size: 11px;
	font-weight: normal;
	color: #808080;
	width: 260px;
}
.area_text
{
	border: 1px solid #999;

	font-size: 11px;
	font-weight: normal;
	color: #666;
}

.normal_bold1
{
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	color: #0099CC;
}


.contact1{
	width:300px;
}

.contact1 ul{
height:auto;
margin:0px;
padding:0px;
list-style:none;
float:none;
height:55px;
width:100%
}

.contact1 li
{
	height: auto;
	list-style: none;
	float: left;
	font-size: 10px;
	color: #0099CC;
	text-align: left;
	padding: 5px;
}


.listing2
{
	float: left;
}
.listing2 ul
{
list-style:none;
float:none;

padding-top:12px;
}
.listing2 li
{
	background-position: 0px 4px;
	height: auto;
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	font-size: 11px;
	color: #666;
	text-align: left;
	vertical-align: top;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	padding: 2px 5px 2px 10px;
	width: 700px;
}


.portfolio_prev
{
	background-position: 9px 0px;
	padding: 0px;
	margin: 0px;
	float: right;
	padding-top: 5px;
	width: 250px;
	height: 230px;
	background-image: url(../images/thumb_bg.jpg);
	background-repeat: no-repeat;
}

.link1 a
{
	font-size: 10px;
	color: #0099CC;	
	text-decoration:none;
}
.link1 a:hover
{
	font-size: 10px;
	color: #333333;
	text-decoration: underline;
}


        h3
        {
            color: #FFF;
            font: 10pt Arial, sans-serif;
            letter-spacing: -1px;
            font-weight: bold;
        }
        .boxgrid
        {
            width: 196px;
            height: 180px;
            margin: 0px;
            float: left;
            background: #161613;
            border: solid 2px #8399AF;
            overflow: hidden;
            position: relative;
        }
        .boxgrid img
        {
            position: absolute;
            top: 0;
            left: 0;
            border: 0;
        }
        .boxcaption div
{
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.boxcaption
{
	float: left;
	position: absolute;
	background: #000000;
	height: 80px;
	width: 100%;
	opacity: .8; /* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	color: #FFFFFF;
	padding: 5px;
}
        .captionfull .boxcaption
        {
            top: 180px;
            left: 0;
        }
        .caption .boxcaption
        {
            top: 180px;
            left: 0;
        }



.box2Top
{
	background-position: bottom;
	margin-top:5px;
	width: 222px;
	height: 16px;
	float: left;
	background-image: url(../images/top_1.png);
	background-repeat: no-repeat;
	padding: 0px;
}

.box2Middle
{
	width: 222px;
	height: auto;
	float: left;
	padding:5px;
	background-image: url(../images/middle_1.png);
	background-repeat: repeat-y;
}
.box2Bottom
{
	background-position: top;
	width: 222px;
	height: 12px;
	float: left;
	background-image: url(../images/bottom.png);
	background-repeat: no-repeat;
	margin:0px;
	
}
/* Addition by Kashmir */
.second_Container
{
width:850px;
height:auto;
float:left;
}
.left_second
{
width:250px;
float:left;
}
.left_Spacer
{
    width:5px;
    height:210px;
    float:left;
}
.right_second
{
width:555px;
float:left;
margin-left:3px;
}

.top_right
{
	background-position: bottom;
	margin-top:5px;
	width: 246px;
	height: 13px;
	float: left;
	background-image: url(../images/finalTop.png);
	background-repeat: no-repeat;
	padding: 0px;
}

.middle_right
{
	width: 246px;
	height: auto;
	float: left;
	
	background-image: url(../images/finalMiddle.png);
	background-repeat: repeat-y;
}
.bottom_right
{
	background-position: top;
	width: 246px;
	height: 12px;
	float: left;
	background-image: url(../images/finalbottom.png);
	background-repeat: no-repeat;
	margin:0px;
	
}
.testimonial
{
    margin-left:12px;
    border:solid 1px #b6b6b6;
   padding:5px;
   background-color: #FFFFFF;
   width:210px;
   height:auto;
}
.testimonial h5
{
	margin: 0px;
	padding-left: 0px;
	font-size: 16px;
	color: #0f83b6;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
    text-align: left;
    margin-bottom:5px;
}
.testimonial p
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	font-size: 11px;
	color: #808080;
	line-height: 15px;
}