/* General Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button{
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline;
}
ol, ul {list-style:none;}
h1, h2, h3, h4, h5, h6, li {line-height:100%;}
blockquote, q {quotes:none;}
table {border-collapse:collapse; border-spacing:0;}
input, textarea, button {font-family:inherit; font-size:1em;}
html{height:100%;}
body{
	color:#000;
	font:15px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	min-width:960px;
	background: #000 url(/images/bg.jpg) no-repeat top center;
	height:100%;
}
a{
	color:#b90000;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
a:focus{outline:none;}
input,textarea,select{
	font:11px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	padding:0;
	margin:0;
}

.center-text {
text-align: center !important;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}

.inline {
display: inline;
}

/* General Settings */

#page {
width: 960px;
margin: 0 auto;
}

/* Header */

#header {
height: 120px;
width: 960px;
position: relative;
}

img#logo {
position: absolute;
top: 20px;
left: 20px;
}

#login {
position: absolute;
top: 20px;
right: 20px;
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
}

#login a {
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
}

#phone {
position: absolute;
top: 35px;
right: 20px;
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
text-align: right;
line-height: 25px;
}

#location {
position: absolute;
top: 58px;
right: 20px;
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
text-align: right;
line-height: 25px;
}

/* Header end */

/* Navigation */

#nav {
background: url(/images/navbg.png) no-repeat top center;
height: 38px;
width: 960px;
}

#nav ul {
width: 590px;
padding-left: 40px;
margin: 0 auto;
z-index: 150;
}

#nav li {
display: inline;
float: left;
margin-right: 40px;
line-height: 38px;
}

#nav li:hover {
background: url(/images/navlibg.png) no-repeat bottom center;
}

#nav li a {
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
text-decoration: none;
height: 38px;
}

#nav li a:hover {
color: #dddddd;
-webkit-transition: color 0.2s ease-in;
-moz-transition: color 0.2s ease-in;
-O-transition: color 0.2s ease-in;
transition: color 0.2s ease-in;
}

/* Navigation end */

/* Home Banner */

#homebanner {
height: 420px;
width: 960px;
position: relative;
}

img#banner-reflect {
position: absolute;
bottom:31px;
left: 2px;
z-index: 150px;
}

img#banner-shadow {
position: absolute;
bottom:80px;
left: 2px;
z-index: -2;
}

#bannerbar {
height: 56px;
line-height: 56px;
width: 960px;
background: url(/images/titlebarbg.png) no-repeat top center;
position: absolute;
top: 340px;
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 36px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
z-index: -2;
}

#bannertextleft {
position: absolute;
left: 140px;
}

#bannertextright {
position: absolute;
right: 190px;
}

/* Home Banner end */

/* Home Body */

.home {
width: 420px;
height: 220px;
float: left;
margin: 0 15px;
padding: 12px 15px;
}

.contentbox ul#bloglist h4 {
display: inline;
}

.contentbox ul#bloglist h4 a {
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color: #b90000;
}

.contentbox h3#blogh {
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color: #000;
width: 100%;
position: absolute;
bottom: 40px;
text-align: center;
}

.contentbox ul#bloglist li {
margin-bottom: 8px;
}

ul#home-service-list {
width: 100%;
}

ul#home-service-list li {
float: left;
width: 50%;
height: 30px;
text-align: center;
font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
font-weight: bold;
font-variant: small-caps;
font-size: 25px;
}

.home-content-service-list {
width: 700px;
margin: 0 auto 20px auto;
}

/* Home Body end */

/* Body */

.contentbox {
background: #c8c8c8 url(/images/bg_white.jpg) repeat top center;
position: relative;
}

.contentbox h2 {
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
color: #000;
margin: 0 0 10px 0;
}

.contentbox img.icon {
position: absolute;
top: 5px;
right: 5px;
}

.contentbox hr.short {
background: url(/images/hr_short.png) no-repeat top left;
height: 1px;
width: 379px;
border: 0;
margin: 0 0 10px 0;
text-align: left;
}

.contentbox hr.shorter {
background: url(/images/hr_shorter.png) no-repeat top left;
height: 1px;
width: 250px;
border: 0;
margin: 0 0 6px 0;
text-align: left;
}

.contentbox hr.long {
background: url(/images/hr_long.png) no-repeat top left;
height: 1px;
width: 874px;
border: 0;
margin: 0 0 10px 0;
text-align: center;
}

.contentbox .morelink {
margin: 10px 0 0 0;
position: absolute;
bottom: 12px;
right: 15px;
}

.contentbox .morelink a {
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
color: #b30000;
}

.contentbox .body {
padding: 12px 15px;
}

.contentbox img#rightpic {
float: right;
margin: 20px 50px;
}

/* Body end */

/* Body Title Bar */

#titlebar {
height: 56px;
width: 960px;
background: url(/images/titlebarbg.png) no-repeat top center;
margin: 10px 0 10px 0;
}

#titlebartext h1 {
text-align: center;
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 36px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
line-height: 56px;
}

/* Body Title Bar */

/* About Page */

.about {
width: 420px;
height: 420px;
float: left;
margin: 15px 0 0 0;
padding: 12px 35px 12px 15px;
display: none;
}

.about.a {
	float: left;
}

.about.s {
	float: right;
}

.about img.team {
float: left;
margin: 0 8px 8px 0;
height: 140px;
width: 150px;
}

/* About Page end */

/* Portfolio Page */

.port-list-item {
float: left;
margin: 15px;
width: 200px;
height: 150px;
text-align: center;
}

.port-list-thumb img {
border: 3px solid #000;
}

.port-list-title a {
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #000;
}

h2.port-detail-title {
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
color: #000;
margin: 15px 0 10px 0;
}

h2.port-detail-h2 {
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color: #000;
margin: 0 0 6px 0;
}

.port-detail-testimonial {
width: 280px;
float: left;
font-size: 14px;
font-style: italic;
}

.port-detail-feedback {
width: 600px;
float: right;
margin-left: 20px;
}

.port-detail-link a {
float: right;
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
text-decoration: underline;
color: #b90000;
margin-top: 15px;
}

/* Portfolio Page end */

/* Blog Page */

h5 {
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color: #000;
margin: 0 0 8px 0;
}

.cat_textbox_small, .cat_listbox {
width: 300px;
font-size: 16px;
padding: 5px;
}

.cat_textbox {
font-size: 16px;
padding: 5px 0;
}

.captchaimg {
margin-bottom: 10px;
}

.cat_listbox_small {
width: 650px;
height: 150px;
font-size: 15px;
padding: 5px;
}

label {
font-size: 14px;
text-transform: uppercase;
color: #000;
}

.blog_submit {
background: #000;
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
border: 0;
width: 160px;
height: 30px;
}

.cat_dropdown {
font-size: 16px;
padding: 5px;
}

.blog_submit:hover {
background: #b90000;
cursor: pointer;
}

.comment-details h3 {
color: #b90000;
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 22px;
font-weight: bold;
margin: 0 0 5px 0;
}

.blog-post .links a {
background: #000;
color: #fff;
font-size: 14px;
padding: 5px;
width: 170px;
height: 30px;
line-height: 30px;
}

/* Blog Page end */

/* Contact Page */

#contactform_contain {
float: left;
margin-left: 60px;
}

ul#contactform {
width: 400px;
}

#contactform li {
margin: 5px;
position: relative;
min-height: 50px;
}

#contactform li input[type=text], #contactform li select {
position: absolute;
right: 0;
width: 250px;
}

#contactform li input[type=checkbox] {
height: 25px;
width: 25px;
}

#contactform li .checkboxes {
margin: 0 0 0 135px;
font-size: 15px;
}

#contactform li label {
margin-right: 10px;
line-height: 35px;
}

#contactform li textarea {
width: 375px;
height: 200px;
}

#catwebformbutton {
background: #000;
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
border: 0;
width: 160px;
height: 30px;
position: absolute;
left: 50%;
margin-left: -80px;
}

#catwebformbutton:hover {
background: #b90000;
cursor: pointer;
}

#contactaside {
width: 400px;
float: right;
margin-right: 60px;
}

#addresses {
color: #000;
font-weight: bold;
text-align: left;
}

#addresses h6 {
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color: #000;
}

/* Contact Page end */

/* Project Plan Page */

ul#projectform {
width: 600px;
margin: 0 auto;
}

#projectform li {
margin: 5px;
position: relative;
min-height: 50px;
}

#projectform li input[type=text], #projectform li select {
position: absolute;
right: 0;
width: 250px;
}

#projectform li input[type=checkbox] {
height: 25px;
width: 25px;
}

#projectform li .checkboxes {
margin: 0 0 0 85px;
font-size: 15px;
}

#projectform li label {
margin-right: 10px;
line-height: 35px;
}

#projectform li textarea {
width: 575px;
height: 150px;
margin-bottom: 10px;
}

#catwebformbutton {
background: #000;
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
border: 0;
width: 160px;
height: 30px;
position: absolute;
left: 50%;
margin-left: -80px;
}

#catcustomcontentbutton, #catupdatedetailsformbutton {
background: #000;
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
border: 0;
width: 120px;
height: 30px;
}

#catcustomcontentbutton:hover, #catupdatedetailsformbutton:hover {
background: #b90000;
cursor: pointer;
}

#catwebformbutton:hover {
background: #b90000;
cursor: pointer;
}

/* Project Plan Page end */

/* Footer */

hr#hrfooter {
background: url(/images/hr_960.png) no-repeat top center;
border: 0;
width: 960px;
height: 1px;
margin: 20px 0 0 0;
}

#footer {
height: 45px;
width: 960px;
line-height: 45px;
font-family:"Myriad Pro Semi",Arial,Helvetica,sans-serif;
font-size: 16px;
color: #fff;
background: url(/images/bg_960.png) repeat-y top center;
}

#footleft {
float: left;
}

#footleft a {
font-size: 10px;
font-weight: normal;
line-height: 45px;
}

#footright {
float: right;
}

#footright a {
color: #fff;
}

#footright .foot_icon {
vertical-align: middle;
margin-left: 20px;
margin-right: 5px;
}

/* Footer end */

/* CyberZone Start */

#cyberzone_img_contain {
float: left;
width: 432px;
border: 3px solid #000;
padding: 10px;
}

#cyberzone_photo img {
max-width: 60px;
max-height: 60px;
float: left;
margin: 10px;
padding: 3px;
border: 2px solid #000;
background: #fff;
}

#cyberzone_content_contain {
float: right;
width: 432px;
border: 3px solid #000;
padding: 10px;
}

#cyberzone_img_contain p, #cyberzone_content_contain p {
height: 40px;
font-size: 13px;
color: #b90000;
font-weight: bold;
}

.cyberzone_form {
border-bottom: 3px solid #000;
}

.cyberzone_status {
padding: 10px  15px;
background: #fff;
width: 500px;
margin: 15px auto 0 auto;
border: 3px solid #b90000;
}

.cyberzone_status h2 {
color: #b90000;
}

h1.cyberzone_project_name {
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size: 36px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 5px;
}

/* CyberZone End */