/* CSS Document */

body {
background:url("../images/blitz/main-bg.jpg") top center no-repeat #000;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999;
font-size:0.6em;
}

a:link, a:visited {
color: #00CCFF;
}

a:hover {
color:#FFFFFF;
}

p {
margin-bottom:8px !important;
}

#BlitzHome, #BlitzProject, #BlitzContact, #BlitzAbout, #BlitzNews, #BlitzService{
display:block;
width:960px;
overflow:hidden;
margin:0 auto;
clear:both;
line-height:0.9em;
}

/* top navigation */

#header {
display:block;
width:960px;
overflow:hidden;
margin:0 auto;
clear:both;
height:140px;
}

#blitzLogo {
background:url("../images/blitz/logo-blitz.png") 0 0 no-repeat;
width:240px;
height:110px;
margin:23px 0 0 20px;
float:left;
}

#blitzLogo a {
width:240px;
height:110px;
display:block;
}

#blitzLogo span, .btnAbout span, .btnNews span, .btnProjects span,.btnServices span, .btnContact span {
display:none;
}

/* navigation original width:460px; */

#navigation {
display:block;
width:480px;
height:65px;
float:right;
margin:42px 0 0 0;
}

#navigation ul li {
display:block;
float:left;
height:62px;
margin-right:10px;
}

#navigation ul li a{
display:block;
height:62px;	
}

.btnAbout {
width:105px;
background:url("../images/blitz/btn-navigation.png") 0 0 no-repeat;
display:none !important;
}

.btnAbout:hover{
background:url("../images/blitz/btn-navigation.png") 0 -62px no-repeat;
}

.btnNews{
width:93px;
background:url("../images/blitz/btn-navigation.png") -108px 0 no-repeat;
}

.btnNews:hover{
background:url("../images/blitz/btn-navigation.png") -108px -62px no-repeat;
}

.btnProjects {
width:115px;
background:url("../images/blitz/btn-navigation.png") -203px 0 no-repeat;
}

.btnProjects:hover{
background:url("../images/blitz/btn-navigation.png") -203px -62px no-repeat;
}

.btnServices {
width:115px;
background:url("../images/blitz/btn-navigation.png") -422px 0 no-repeat;
}

.btnServices:hover{
background:url("../images/blitz/btn-navigation.png") -422px -62px no-repeat;
}

.btnContact {
width:105px;
background:url("../images/blitz/btn-navigation.png") -318px 0 no-repeat;
}

.btnContact:hover{
background:url("../images/blitz/btn-navigation.png") -318px  -62px no-repeat;
}

/* footer */

#footer {
width:100%;
background:#1b1c1d;
text-align:center;
padding:25px 0;
font-size:0.6em;
}

/* hero banner */

#heroBanner {
display:block;
height:217px;
clear:both;
}

/* Container */

#container {
display:block;
overflow:hidden;
clear:both;
padding:20px 30px;
}

#latestProject {
width:490px;
overflow:hidden;
font-size:0.6em;
background:#1b1b1b url("../images/blitz/bg-content.png") 0 0 repeat-x;
margin:20px 0;
float:left;
border-left:1px solid #000;
border-right:1px solid #000;
}

#latestProject  h2 {
background:url("../images/blitz/titlebar-lproject.jpg") 0 0 no-repeat;
height:33px;
width:490px;
}

.otherProjects {
width:490px;
overflow:hidden;
font-size:0.6em;
background:#1b1b1b url("../images/blitz/bg-content.png") 0 0 repeat-x;
margin:20px 0;
float:left;
border-left:1px solid #000;
border-right:1px solid #000;
}

.otherProjects  h2 {
background:url("../images/blitz/titlebar-otherprojects.jpg") 0 0 no-repeat;
height:33px;
width:490px;
}

#latestProject  h2 span, .otherProjects h2 span,  #news h2 span, #aboutBlitz h2 span{
display:none;
}

.socialNetworkbtns{
float:right;
}

.brochure{
margin-top:5px;
font-weight:bold;
font-size:18px;

}

.leftContainer{
width:490px;
float:left;
}

.btnViewProject {
background:url("../images/blitz/btn-viewproject.png") 0 0 no-repeat;
display:block;
width:82px;
height:20px;
float:right;
margin: -27px 12px 0 0;
}

.btnViewProject:hover {
background:url("../images/blitz/btn-viewproject.png") 0 -20px no-repeat;
}

.btnViewProject a{
height:20px;
display:block;
width:82px;
}

.btnViewProject span {
display:none;
}

.projectWrap {
display:block;
overflow:hidden;
margin:15px;
}

.twocolumn{
width:420px;
float:left;
}

.column2{
	float:left;
	width:45%;
	margin:20px;
}

.ullist {
	list-style: square outside none;
	clear:both;
	margin-left:100px;
}

.ullist li{
	margin-bottom: 10px !important;
	list-style: square outside none;
	padding-left:10px;
	overflow: visible !important;
}

.projectFeature ul li {
	clear: both;
	margin-bottom:30px;
	overflow:hidden;
}

.product-feature-icon{
	float:left;
	margin: 0 10px 5px 0;
}

#pIphone .projectImg, #productDetails .projectImg{
border: 5px solid #121212;
}

.projectTitle {
font-weight:bold;
font-size:1.1em;
color:#CCCCCC;
margin-top:15px;
}

.projectDesp ul li{
list-style: square outside;
margin-left: 20px;
}

.rightContainer {
display:block;
float:right;
overflow:hidden;
width:372px;
}

#news{
width:370px;
overflow:hidden;
font-size:0.6em;
background:#1B1B1B url("../images/blitz/bg-content.png") 0 0 repeat-x;
margin:20px 0;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
}

#news  h2 {
background:url("../images/blitz/titlebar-lnews.jpg") 0 0 no-repeat;
height:33px;
width:370px;
}

.newsSection {
display:block;
overflow:hidden;
margin-bottom:6px;
}

.newsTitle{
display:block;
width:270px;
margin:5px 5px 0 15px;
}

.newsTitle a:link, .newsTitle a:visited{
display:block;
color:#00CCFF;
text-decoration:none;
font-weight:bold;
font-size:1.1em;
}

.newsTitle a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.newsDate {
display:block;
float:right;
font-size: 0.8em;
margin: 5px 15px 0 0;
color:#315361;
}

.newsDesp {
margin: 3px 15px;
padding-bottom: 15px;
width:72%;
}

.newsDesp ul{
padding: 0 0 0 15px;
}

.newsDesp ul li{
list-style: square outside none;
}

.newsBreak {
border-bottom: 1px solid #334966; 
}

/* Service Page */

#service{
width:370px;
overflow:hidden;
font-size:0.6em;
background:#1B1B1B url("../images/blitz/bg-content.png") 0 0 repeat-x;
margin:20px 0;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
}

#service  h2 {
background:url("../images/blitz/titlebar-lnews.jpg") 0 0 no-repeat;
height:33px;
width:370px;
}

.serviceSection {
display:block;
overflow:hidden;
margin-bottom:6px;
}

.serviceTitle{
display:block;
width:270px;
margin:5px 5px 0 15px;
}

.serviceTitle a:link, .serviceTitle a:visited{
display:block;
color:#00CCFF;
text-decoration:none;
font-weight:bold;
font-size:1.1em;
}

.serviceTitle a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.serviceDate {
display:block;
float:right;
font-size: 0.8em;
margin: 5px 15px 0 0;
color:#315361;
}

.serviceDesp {
margin: 3px 15px;
padding-bottom: 15px;

}

.serviceDesp ul{
padding: 0 0 0 15px;
}

.serviceDesp ul li{
list-style: none;
}

.serviceBreak {
border-bottom: 1px solid #334966; 
}
.serviceDetails {
width:88%;
display:block;
margin:3% 6%;

}
#BlitzService .serviceTitle {
font-size:1.2em;
padding:7px 15px;
width:100%;
background:#04192d;
margin:0 0 10px 0;
color:#00CCFF;
font-weight:bold;

}

#serviceList{
width:900px;
overflow:hidden;
font-size:0.7em;
background:#1b1b1b url("../images/blitz/bg-content.png") 0 0 repeat-x;
border:1px solid #000;
}


#aboutBlitz {
width:340px;
overflow:hidden;
font-size:0.6em;
background:#212121;
padding:15px;
margin:20px 0;
border:1px solid #000;
}

#aboutBlitz h2{
background:url("../images/blitz/t-about_blitz_interactive.gif") 0 0 no-repeat;
height:25px;
width:150px;
}

#aboutBlitz img {
float:left;
display:block;
margin:6px 20px 0 0;
}

#aboutBlitz .wrapright {
display:block;
overflow:hidden;
}

/* About Us Page */
#BlitzAbout h2 {
background:url("../images/blitz/title-about.png") 0 0 no-repeat;
height:33px;
width:125px;
margin: 10px 0 20px 15px;
}

#BlitzAbout h2 span{
display:none;
}

.aboutDesp{
margin: 10px 20px 50px 15px;
font-size: 0.6em;
width:70%;
display:block;
}

/* News Page */

#BlitzNews h2 {
background:url("../images/blitz/title-news.png") 0 0 no-repeat;
height:33px;
width:125px;
margin: 10px 0 20px 15px;
}

#BlitzNews h2 span{
display:none;
}

#newsList{
width:900px;
overflow:hidden;
font-size:0.7em;
background:#1b1b1b url("../images/blitz/bg-content.png") 0 0 repeat-x;
border:1px solid #000;
}

#BlitzNews .newsDate {
color:#00CCFF;
font-size:1em;
}

#BlitzNews .newsTitle {
font-size:1.2em;
padding:7px 15px;
width:100%;
background:#04192d;
margin:0 0 10px 0;
color:#00CCFF;
font-weight:bold;

}

.newDetails {
width:88%;
display:block;
margin:3% 6%;

}

.newsImage {
display:block;
width:180px;
height:140px;
float:right;
background:#333333;
margin: 0 10px 10px 15px;
}

#selected_About{
width:105px;
background:url("../images/blitz/btn-navigation.png")  0 -62px no-repeat;
}

#selected_News{
background:url("../images/blitz/btn-navigation.png") -108px -62px no-repeat;
}

#selected_Projects{
background:url("../images/blitz/btn-navigation.png") -203px -62px no-repeat;
}

#selected_Contact{
background:url("../images/blitz/btn-navigation.png") -318px  -62px no-repeat;
}




/* project page */

#pIphone, #pWeb, #productDetails {
width:900px;
overflow:hidden;
font-size:0.6em;
background:#1b1b1b url("../images/blitz/bg-content.png") 0 0 repeat-x;
border-left:1px solid #000;
border-right:1px solid #000;
margin-bottom:20px;
}

#BlitzProject h2 {
background:url("../images/blitz/title-projects.png") 0 0 no-repeat;
height:33px;
width:125px;
margin: 10px 0 20px 15px;
}

#pIphone  h3 ,#pWeb  h3 {
background:url("../images/blitz/titlebar-iphone.jpg") 0 0 no-repeat;
height:33px;
}

#productDetails  h3 {
background:url("../images/blitz/titlebar-product.jpg") 0 0 no-repeat;
height:33px;
font-size: 1.2em;
height: 16px;
padding: 8px 15px;
color: #C3F6FF;
}


#productDetails  h4 {
font-size: 1.2em;
color: #CCCCCC;
font-weight: bold;
margin-top: 20px;
}

#productDetails  h5 {
font-size: 1.1em;
color: #CCCCCC;
font-weight: bold;
margin-top: 20px;
}

#productDetails  h6 {
color: #0fdef7;
font-weight: bold;
}


#BlitzProject h2 span, #pIphone h3 span, #pWeb h3 span{
display:none;
}

.projectDesp h5 {
 margin-top:20px;
 }
 
.thumbtitle {
margin:0 5px;
}

.thumbtitle .projectTitle{
margin-top:5px;
}

.appDetails {
margin:0 30px;
}
 
#screenshots  {
	
}

#screenshots ul{
	margin: 10px 0;
	overflow:hidden;
	background:#000;
}

#screenshots ul li{
list-style:none;
margin-left:0;
}

.screenshots_thumb{
	float:left;
	padding:15px;
}

/* contact us */

#BlitzContact h2 {
background:url("../images/blitz/title-contact.png") 0 0 no-repeat;
height:33px;
width:125px;
margin: 10px 0 20px 15px;
}

#BlitzContact h2 span{
display:none;
}

#contactForm, #contactTY{
width:900px;
overflow:hidden;
font-size:0.6em;
background:#1b1b1b url("../images/blitz/bg-content.png") 0 0 repeat-x;
border:1px solid #000;
margin-bottom:10%;
}

.contactDesp{
margin: 10px 15px 20px 15px;
font-size: 0.6em;
}

.contactInfo {
display:block;
width:45%;
float:left;
margin:3% 0 0 6%;
}

.contactInfo ul li {
margin-bottom:11px;
}

.formField{
width:180px;
display:block;
margin-bottom:8px;
}

.contactEnquire {
display:block;
width:41%;
float:right;
margin:3% 6% 0 0;
}
.formButton span {
display:none;
}

.formButton {
background:url("../images/blitz/btn-submit.png") 0 0 no-repeat;
display:block;
width:170px;
height:45px;
margin:0 40% 20px 40%;
border:0;
cursor: pointer;
}

.formButton:hover {
background:url("../images/blitz/btn-submit.png") 0 -46px no-repeat;
}

.formButton a {
display:block;
width:170px;
height:45px;
}

#contactTY p {
margin:3% 6% 10% 6% !important;
text-align:center;
}

.error {
color:#FF0000;
position: absolute;
}

.errormsg {
color:#FF0000;
margin:3% 6%;
display:block;
text-align:center;
}



/* class for box */
.corner {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.topcorner {
border-top-left-radius:4px;
border-top-right-radius:4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius:4px;

}

/* common style */
.wrap {
display:block;
overflow:hidden;
clear:both;
}