/*
	Theme Name: PrinceWorld
	Author: Prince Chowdhri
*/

.mid{
	width:960px;
	margin:auto;
	
}

header{
	background:url('images/bg.jpg');
	overflow:hidden;
	background-size:130% 110%;
	
}
header:after{
	content:'';
	display:block;
	clear:both;
	
}
.logo{
	float:left;
	height:130px;
	width:300px;
}
.logo img{
	height:100%;
	width:100%;
}
.contact{
	float:right;
	margin-top:20px;
}
.contact span{
	font-size:34px;
	color:#AE1C1A;
	text-align:right;
}
.contact p{
	font-size:12px;
	text-align:right;
}
.top-header{

	
}

.top-header:after{
		content:'';
	display:block;
	clear:both;
	
	
}
.bottom-header:after{
		content:'';
	display:block;
	clear:both;
	
	
}
/* Body contant dtart here */
.bottom-header{
	background:url('http://cloudonepbx.com/wp-content/uploads/2015/08/Support_images.jpg') no-repeat center;
	background-position: 50% 100%;
}
.bottom-header:after{
	content:'';
	display:block;
	clear:both;
}

.left-box{
	width:600px;
	float:left;
	overflow:hidden;
	
}
.right-box{
	width:360px;
	float:right;
	overflow:hidden;
}
.left-box h1{
	font-size:44px;
	color:#AA0000;
	font-weight:normal;
}
.left-box h2{
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
}
.left-box span{
	color:#008BC8;
}
.left-box p{
	margin: 13px 0;
	font-size:12px;
}
.cont-box h4{
	color:#008BC8;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	margin:0;
	padding:0;
}
.contact-box {
	height:84px;
	width:260px;
	background:linear-gradient(#008BC8, #006c9b);
	border-radius: 5px 5px 0px 0px;
	overflow:hidden;
}
.contact-box  h1{
	font-size:24px;
	text-align:center;
	color:#fff;
	overflow:hidden;
}
.contact-box  p{
	font-size:18px;
	text-align:center;
	color:#fff;
	font-weight:normal;
	overflow:hidden;
}

/*right bar*/
.input-box{
	width:355px;
	height:505px;
	border-radius: 10px;
	background:#CDCDCD;
	box-shadow: 0px 0px 5px #000;
	margin-top:20px;
	margin:auto;
	overflow:hidden;
}
.top-box{
	width:100%;
	height:81px;
	background:linear-gradient(#008BC8, #006c9b);
	border-radius: 10px 10px 0px 0px;
	overflow:hidden;
}
.top-box h5{
	color:#fff;
	text-align:center;
	font-size:20px;
	margin:6px;
	overflow:hidden;
}
.top-box p{
	color:#fff;
	text-align:center;
	font-size:12px;
	font-style:italic;
}
.data-input {
	margin-top:15px ;
	font-size:13px;
	margin:auto;
	width:90%;
	overflow:hidden;
}
.data-input input{
	background:#FEFEEB;
	border: 1px solid #BFBFBF;
	padding:5px;
	border-radius:5px;

	
}
.data-input select{
	float:right;
	overflow:hidden;
	background:#FEFEEB;
	padding:3px;
	border: 1px solid #BFBFBF;
}
.data-input input[type="submit"]{
	width:100%;
	padding:10px 0;
	background:linear-gradient(#008BC8, #006c9b);
	color:#fff;
	font-size:16px;
}
.inp {
	font-size:13px;
	margin:15px 0;
}
table{
	margin-top:50px;
}
/*content area*/
.content-area {
	margin-top:5px;
	overflow:hidden;
}
.content-area:after{
	content:'';
	display:block;
	clear:both;
	
}
.left-area{
	width:330px;
	float:left;
	overflow:hidden;
	padding:15px 0;
}
.content-area h2{
	color:#008BC8;
	font-size:18px;
	font-weight:normal;
	text-transform: uppercase;
}
.content-area p{
	font-size:12px;
	font-weight:normal;
	margin-top:10px;
	color:#666666;
}
.content-area .box{
	margin-top:15px;
	padding:10px;
}
.content-area ul li{
	font-size:12px;
	color:#666;
	padding:5px 0;	
}
.right-area{
	width:330px;
	float:left;
	overflow:hidden;
	padding:15px 0;
}
.mid-area{
	width:300px;
	float:left;
	overflow:hidden;
	padding:15px 0;
}

footer{
	
	padding:20px 0;
}
.footer-min{
	width:960px;
	margin:auto;
	border-top: 1px solid #008BC8;
}
footer p{
	text-align:right;
	font-size:12px;
	color:#666;
	margin-top:10px;
}

.blog-content{
	background:#fff;
}
.blog-content .title{
	font-size:18px;
	font-weight:bold;
	color:#AE1C1A;
	padding:15px 0;
}
.blog-content .cont{
	font-size:14px;
	font-weight:normal;
	color:#666;
	padding:15px 0;
	min-height:400px;
}
.box span{
	color:#008BC8;
	font-size:14px;
	font-weight:bold;
}
.box img{
	width:223px;
}
.footer-min span{
	color:#008BC8;
	font-size:14px;
	font-weight:bold;
}
.input-box-foo{
	background:#0091CD;
	padding: 15px;
width:1050px;
}
.input-box-foo:after{
	content:'';
	display:block;
	clear:both;
}
.input-box-foo .input00{
	width:25%;
	float:left;
	margin-right:10px;
}
.input-box-foo .input00{
	float:left;
overflow:hidden;
}
body,h1,h2,h3,h4,h5,h6,a, p{
	
	margin:0;
	padding:0;
}

.qute-box {
	background:#0091CD;
	padding:15px;
	margin-top: 20px;
	font-family:tahoma;
}
.qute-box input[type="submit"]{
	background:orange;
	padding:5px;
	border: 1px solid orange;
	border-radius:5px;
	color:#fff;
	font-weight:bold;
}
.qute-box input[type="submit"]:hover{
	cursor:pointer;
}
.qute-box h3{
	color:#fff;
	font-size:26px;
}
.qute-box  p{
	color:#fff;
	margin-bottom:15px;
text-align:left;
}
.qute-box:after{
	content:'';
	display:block;
	clear:both;
}
.input-bb {
	width:30%;
	float:left;
margin-bottom:15px;
}
.cc{
	float:left;
	color:#fff;
}
.cc0{
	background: #eee none repeat scroll 0 0;
    color: #000;
    float: left;
    padding: 5px;
    width: 78px;
	text-align:left;
}
.cc input{
	padding:4px;
	width:200px;
}