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

body{margin:0;background-color:#181818;font-family:Arial, Helvetica, sans-serif;}
h2{font-size:20px; margin:0px; padding:10px;font-family:Arial, Helvetica, sans-serif; font-weight:100;color:#00a2ff;}
h5{font-size:14px; margin:0px; padding:10px;font-family:Arial, Helvetica, sans-serif; font-weight:100;}
p{font-size:16px;}
a{text-decoration:none;color:#00a2ff;}
a:visited{text-decoration:none;}
a:hover{color:#00a2ff;text-decoration:underline;}
img {border: none;}

/*******Containers********/

#loginbar{
	background-color:#181818;
	width:100%;
	height:50px;
	border-bottom: 2px white solid;
	color:#FFF;
	font-weight:bold;
}

#header-wrapper{width:100%; height:100px; background-color:#383838;}
#header{width:900px; height:100px; background-color:#383838;}

#nav{
	width:100%;
	height:50px;
	background-image:url(../images/nav-bg.jpg);
}

#main{
	width:100%;
	height:264px;
	background-color:#00a2ff;
	border-bottom:1px solid #FFF;
}
#main_inside{
	width:902px;
	height:264px;
	background-color:#00a2ff;
}

#content{
	min-height:350px;
	color:#FFF;
	background-color:#383838;
}
#content_inside{
	width:900px;
	text-align:left;
	background-color:#383838;
}
#content_inside p{margin:0px;padding:10px;}
#content_home_left{
	float:left;
	min-height:300px;
	width:500px;
	background-color:#383838;
	text-align:left;
}
#content_home_left p{width:500px;color:#FFF;text-align:justify;margin:0px;padding:5px;}
#content_home_left form{background-color:#005383; border:1px solid #FFF; padding:20px; margin:10px;}
#content_home_right{
	float:right;
	text-align:left;
	width:350px;
}
#content_full{
	min-height:300px;
	width:800px;
	background-color:#383838;
	text-align:left;
}
#content_full ul{list-style:disc; margin-left:50px;}

#service_box_1,#service_box_2,#service_box_3,#service_box_4,#service_box_5,#service_box_6{width:500px;border:1px solid #FFF;}
#services1{width:500px;background-image:url(../images/services/bg/service1_bg.jpg);}#services1 p{width:480px;color:#000;padding:10px; font-weight:600;}
#services2{width:500px;background-image:url(../images/services/bg/service2_bg.jpg);}#services2 p{width:480px;color:#FFF;padding:10px; font-weight:600;}
#services3{width:500px;background-image:url(../images/services/bg/service3_bg.jpg);}#services3 p{width:480px;color:#000;padding:10px; font-weight:600;}
#services4{width:500px;background-image:url(../images/services/bg/service4_bg.jpg);}#services4 p{width:480px;color:#FFF;padding:10px; font-weight:600;}
#services5{width:500px;background-image:url(../images/services/bg/service5_bg.jpg);}#services5 p{width:480px;color:#FFF;padding:10px; font-weight:600;}
#services6{width:500px;background-image:url(../images/services/bg/service6_bg.jpg);}#services6 p{width:480px;color:#FFF;padding:10px; font-weight:600;}

#hosting{background-color:#383838; width:340px; height:140px; margin:0px; padding:0px;}
#hosting img{padding:20px 50px 20px 50px;;}

#client_login{
	color:#383838;
	font-weight:600;
	width:400px;
	height:200px;
	background-image:url(../images/client_login/bg.jpg);
	text-align:center;
}
#client_login form{padding:20px;}
#client_login h2{font-size:20px; margin:0px; padding:10px;font-family:Arial, Helvetica, sans-serif; font-weight:100;color:#383838;}
#client_login label{width: 3em;float: left;text-align: right;margin-right: 0.5em;margin-left: 2.5em;display: block}

#main_view {
	width:450px;
	height:355px;
	float: left;
	padding: 9px 0;
	margin-top:8px;
	margin-left: 30px;
	background-color:#999;
}

#contact_right_column{
	float:right;
	width:280px;
}
.contact_details{
	float:right;
	width:270px;
	background-color:#005383;
	border:1px solid #FFF;
	padding:15px;
	margin:25px 30px 0px 20px;
}
#contact_details p{font-size:16px;}

#footer{
	width:100%;
	height:240px;
	background-color:#181818;
	border-top:1px solid #FFF;
}

#footer_inside{
	width:900px;
	height:200px;
	background-color:#181818;
	color:#FFF;
}
#footer_inside a{text-decoration:none;color:#fff;padding:5px;}
#footer_inside a:visited{text-decoration:none;}
#footer_inside a:hover{color:#00a2ff;text-decoration:none;}
#footer_inside p{font-size:12px;color:#CCC;}

/**************************ACCORDION STYLES***************************************/
.accordionWrapper{display:inline-block; background-color:#fff; overflow:hidden;border-bottom:1px solid #FFF;border-left:1px solid #FFF;border-right:1px solid #FFF;}
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.content{display:none;}
.set1, .set2, .set3, .set4, .set5, .set6{background-color:#00a2ff;}
/*********************************************************************************/	

.latest_work{background-image:url(../images/latest_news/bg.jpg);width:340px;height:140px;margin:0px;padding:0px;}
.latest_work h3{color:#022d58;font-size:16px;margin:5px 5px 0px 5px; padding-top:10px;}
.latest_work p{color:#383838;font-size:14px;margin:5px 5px 0px 5px;}
.latest_work img{margin:20px 5px 20px 5px;}
.latest_work a{text-decoration: none;color:#022d58;}
.latest_work a:visited{text-decoration:none;}
.latest_work a:hover{color:#022d58;text-decoration:underline;}

.error{color:#ec0018; font-weight:bold;}

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(../images/portfolio/thumb_bg.png) no-repeat center;  /* Image used as background on hover effect */
	border: none; /* Get rid of border on hover */
}