html {
height: 100%;
width:100%;
margin: 0;
padding: 0;
}



body {
height: 100%;
width:100%;
margin: 0;
padding: 0;
text-align:center;
}


/*style hundred sticky*/

#wrapper {
    height: auto !important;
    min-height: 100%;
    height: 100%;
    position: relative; /* Required to absolutely position the footer */
}

#footer {
    height: 48px; /* Define height of the footer */
    position: absolute;
    bottom: 0; /* Sit it on the bottom */
    left: 0;
    width: 100%; /* As wide as it's allowed */
}

#content {
    padding-bottom: 48px; /* This should match the height of the footer */
}


#headerbg {
	width:100%;
	height:300px;
	background:#131313 url(images/bgtop.png) repeat-x;
	margin:0;
	padding:0;
}

#headercontent {
	width:960px;
	margin:0 auto;
	text-align:left;
}

#bodybg {
	width:100%;
	height:100%;
	min-height:100%;
	background:#999 url(images/bodybg_a.png) repeat;
	margin:0;
	padding:0;
	border:0;
}

#bodycontent {
	width:960px;
	margin:0 auto;
	text-align:left;
	padding:40px 0 0 0;
	font-family: "pt-sans",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:10pt;
}

#bodycontentclouds {
	width:960px;
	height:200px;
	position:relative;
	top:0;
	left:0;
	background:url(images/bodyclouds.png) no-repeat;
}

#shadowdividebg {
	width:100%;
	height:7px;
	background:#fff url(images/100shadowdivide.png) repeat-x;
	margin:0;
	padding:0;
}

#footerdividebg {
	width:100%;
	height:4px;
	background:#fff url(images/footerdivide.png) repeat-x;
	margin:0;
	padding:0;
	_margin-bottom:-15px;
}

#headerdivide {
	width:100%;
	height:18px;
	background:#fff url(images/headerdivide.png) repeat-x;
	margin:0;
	padding:0;
	border:0;
	_margin-bottom:-2px;
}

#prefooterbg {
	width:100%;
	background:#fff;
	margin:0;
	padding:0;
}

#prefootercontent {
	width:960px;
	margin:0 auto;
	text-align:left;
	padding:20px 0;
	font-family: "pt-sans",sans-serif;
	font-style: normal;
	font-weight: 400;
}

#prefootercontentwrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 960px;
}

#prefootercontentside-a {
	float: left;
	width: 304px;
	margin-right:14px;
	font-family: "pt-sans",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:10pt;
}

#prefootercontentcenter {
	float: left;
	width: 304px;
	font-family: "pt-sans",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:10pt;
}

#prefootercontentside-b {
	float: right;
	width: 304px;
	margin-right:20px;
	font-family: "pt-sans",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:10pt;
}

#prefootercontentfooter {
	clear:both;
}



#footerbg {
	width:100%;
	background:#333 url(images/footerbgnew.png) repeat;
	margin:0;
	padding:0;
}

#footercontent {
	width:960px;
	margin:0 auto;
	text-align:center;
	padding:20px 0;
	font-family: "pt-sans",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:8pt;
	color:#00ccff;
}

#footercontent A:link {text-decoration: none; color: #00ccff;}
#footercontent A:visited {text-decoration: none; color: #00ccff;}
#footercontent A:active {text-decoration: none; color: #00ccff;}
#footercontent A:hover {text-decoration: none; color: #ccc;}

 #stage {
     top: 0px;
     left: 0px;
     z-index: 100;
 }
 .stage {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     min-width: 960px;
     height: 300px;
     overflow: hidden;
 }

 #logocontainer {
 	width:960px;
 }

 .logopad {
 	padding-top:5px;
 }

 #logocontainerwrapper {
 	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 300px;
	float:left;
 }

 #logocontainerside-a {
 	float: left;
	width: 40px;
	margin-right:5px;
 }

 #logocontainerside-b {
 	float:left;
	width:250px;
 }

 #logocontainerfooter {
 	clear:both;
 }

 #logocontainertext {
	font-family: "pt-sans",sans-serif;
	font-style: normal;
	font-weight: 700;
	margin-top:5px;
	color:#00ccff;
 }

 #otherstagecontainer {
 	width:960px;
	position:relative;
	left:0;
 }

 #otherstageleft {
	float:left;
 }

 #otherstageright {
	float:right;
	width:700px;
	margin-right:100px;
	margin-top:-170px;
 }

 #otherstageclear {
 	clear:both;
 }

#clouds {
       background: transparent url(images/cloud1a.png) 305px 0px repeat-x;
 }
 #clouds2 {
     background: transparent url(images/cloud2a.png) 305px 0px repeat-x;
 }

  #nav {
	position:absolute;
 	top:0;
 	z-index:200;
  }
  img { border: 0 none; }



  /*nav*/

  #menuback {
  		position: absolute;
        left: 0;
		top: 0;
        min-width: 960px;
        width: 100%;
        height: 61px;
        z-index: 100;
		background: url('images/nav/navbg.png');
}

ul.cssmenu li {

position:absolute;
left:0;
top:0;

}

ul.cssmenu li.zero {
	position:relative;
	left:0;
	width:422px;
	height:61px;

	}
ul.cssmenu li.one {
	position:relative;
	left:422px;
	top:-63px;
	_top:-65px;
	width:68px;
	height:61px;

	}
ul.cssmenu li.two {
	position:relative;
	left:490px;
	top:-124px;
	_top:-134px;
	width:69px;
	height:61px;
	}
ul.cssmenu li.three {
	position:relative;
	left:559px;
	top:-185px;
	_top:-203px;
	width:88px;
	height:61px;
	}
ul.cssmenu li.four {
	position:relative;
	left:649px;
	top:-246px;
	_top:-272px;
	width:90px;
	height:61px;
	}
ul.cssmenu li.five {
	position:relative;
	left:742px;
	top:-307px;
	_top:-326px;
	height:61px;
	width: 76px;
	}
	
ul.cssmenu li.six {
	position:relative;
	left:818px;
	top:-368px;
	_top:-326px;
	height:61px;
	width: 76px;
	}

#tagline {
	font-family: "pt-sans",sans-serif;
	font-style: normal;
	font-weight: 400;
}

#kdgbig {
	font-size:14pt;
	margin-bottom:-7px;
}



#boxbgclouds1 {
	background: url(images/boxcloudbg.png) no-repeat;
	width:288px;
	height:217px;
}

#boxbgclouds2 {
	background: url(images/boxcloudbg2.png) no-repeat;
	width:288px;
	height:217px;
}

#boxbgclouds3 {
	background: url(images/boxcloudbg3.png) no-repeat;
	width:288px;
	height:217px;
}

#boxstyle {
	padding:0 15px;
	text-align:center;

}

#boxcontent {
	margin-left:25px;
	margin-right:25px;
}

#boxstylehead {
	font-size:36pt;
	font-family: "lobster",serif;
	font-style: normal;
	font-weight: 400;
	text-align:center;
	color:#fff;
}

#pagestylehead {
	font-size:36pt;
	font-family: "lobster",serif;
	font-style: normal;
	font-weight: 400;
	color:#fff;
	margin-left:5px;
	margin-bottom:10px;
}

#boxsubhead {
	font-size:18pt;
	font-family: "pt-sans",sans-serif;
	font-style: italic;
	font-weight: 700;
	margin-top:-10px;
	margin-bottom:5px;
}

#verticaldivide {
	float:left;
	margin-top:30px;
}

#verticaldividepadleft {
	float:left;
	margin-top:30px;
	margin-left:10px;
}

#clear {
	clear:both;
}



#servicesbodywrapper {
	width:940px;
}



#servicestopbg {
	width:940px;
	background:url(images/contactheadbgtop.png) no-repeat;
	height:53px;
}

#servicesbodybg {
	width:940px;
	background:url(images/contactcontentbg.png) repeat-y;
}

#servicesbottombg {
	background:url(images/servicesbottombg.png) no-repeat;
	width:940px;
	height:7px;
}

#servicescontent {
	padding-left: 100px;
	padding-right:20px;
	padding-top:25px;
	padding-bottom:5px;
	font-size:14pt;
	width:750px;
}

#designdevelicon {
	float:right;
}

#searchicon {
	float:left;
	margin-right:20px;
}

#ppcicon {
	float:right;
	margin-left:20px;
}

#socialicon {
	float:left;
	margin-right:20px;
	margin-top:10px;
}

#analyticsicon {
	float:right;
}

#buyingicon {
	float:left;
	margin-right:20px;
}

#conversionicon {
	float:right;
	margin-top:15px;
}

#mobileicon {
	float:left;
	margin-right:20px;
}

#bannericon {
	margin-top:10px;
	text-align:center;
}

#servicessubhead {
	padding-top:25px;
	font-size:21pt;
	font-family: "pt-sans",sans-serif;
	font-style: italic;
	font-weight: 700;
	margin-bottom:5px;
	text-align:center;
}

#contactbgtop {
	width:940px;
	background:url(images/contactheadbgtop.png) no-repeat;
	height:53px;
}

#homebgtop {
	width:940px;
	height:53px;
}

#contactbodywrapper {
	width:940px;
}

#contactbgnew {
	width:940px;
	background:url(images/contactcontentbg.png) repeat-y;
}

#contactcontent {
	padding-left: 100px;
	padding-right:20px;
	padding-top:25px;
	padding-bottom:5px;
	font-size:14pt;
	width:750px;
}

#portfoliocontent {
	margin-left:15px;
	margin-right:25px;
	padding-top:25px;
	padding-bottom:5px;
	font-size:14pt;
	width:900px;
}

#portfoliowrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 900px;	
}

#portfoliointro {
	width:900px;
	font-size:14pt;
}

#portfoliointropad {
	padding-top:7px;
	padding-left:10px;
}

#floatright {
	float:right;
	margin-left:5px;
}

#portfolioside-a {
	float: left;
	width: 300px;
}

#portfoliomiddle {
	float: left;
	width: 300px;
}

#portfolioside-b {
	float: right;
	width: 300px;
}

#portfoliofooter {
	clear: both;
}

#pagewrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 900px;	
}

#aboutwrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 900px;		
}

#aboutside-a {
	float: left;
	width: 300px;
}

#aboutmiddle {
	float: left;
	width: 300px;
}

#aboutside-b {
	float: right;
	width: 300px;
}

#aboutfooter {
	clear: both;
}

#aboutcontent {
	width:900px;
	margin-left:25px;
	margin-right:25px;
	padding-top:10px;
	padding-bottom:10px;
}

#abouttitle {
	font-size:12pt;
	font-family: "pt-sans",serif;
	font-style: normal;
	font-weight: 400;
	margin-left:10px;
}

/*contact form*/

*{ margin:0; padding:0;}
body{ font:100% "pt-sans", sans-serif; background:#161712;}
form,input,select,textarea{margin:0; padding:0; color:#ffffff;}

div.box {
margin:0 auto;
width:500px;
background:#222222;
position:relative;
}


div.box h1 { 
color:#ffffff;
font-size:18px;
text-transform:uppercase;
padding:5px 0 5px 5px;
border-bottom:1px solid #161712;
border-top:1px solid #161712; 
}

div.box label {
width:100%;
display: block;
background:#1C1C1C;
border-top:1px solid #262626;
border-bottom:1px solid #161712;
padding:10px 0 10px 0;
}

div.box label span {
display: block;
color:#bbbbbb;
font-size:12px;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box .input_text {
padding:10px 10px;
width:200px;
background:#262626;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
}

div.box .message{
padding:7px 7px;
width:350px;
background:#262626;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
overflow:hidden;
height:150px;
}

div.box .button
{
margin:0 0 10px 0;
padding:4px 7px;
background:#33ccff;
border:0px;
position: relative;
top:10px;
left:0px;
width:100px;
border-bottom: 1px double #00ccff;
border-top: 1px double #00ccff;
border-left:1px double #00ccff;
border-right:1px double #00ccff;
}
div.box .button2
{
margin:0 0 10px 0;
padding:4px 7px;
background:#33ccff;
border:0px;
position: relative;
top:10px;
left:120px;
width:100px;
border-bottom: 1px double #00ccff;
border-top: 1px double #00ccff;
border-left:1px double #00ccff;
border-right:1px double #00ccff;
}

#sliderposition {
	margin-top:100px;
	text-align:center;
}


				.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }

				.details{ margin:5px 10px; }
					h4{ font:300 16px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:140%; color:#fff; text-shadow:1px 1px 0 rgb(0,0,0); }
					p{ font:300 12px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#aaa; text-shadow:1px 1px 0 rgb(0,0,0);}
					a{ text-decoration:none; color:#00ccff; }
					h3 { text-decoration:none; color:#00ccff; }
					h2 { text-decoration:none; color:#00ccff; font-size:14pt;}
					.mosaic-block {
						float:left;
						position:relative;
						overflow:hidden;
						width:300px;
						height:256px;
						margin:0px;
						background: url(img/progress.gif) no-repeat center center;
						border:0px;
						-webkit-box-shadow:none;
					}

					.mosaic-backdrop {
							display:none;
							position:absolute;
							top:0;
							height:100%;
							width:100%;
							border:0px;

					}


		.mbar .mosaic-overlay {
			bottom:-96px;
			height:80px;
			width:267px;
			margin-left:16px;
			margin-bottom:16px;
			background:url(img/bg-black.png);
			border:0px;

		}

#sliderposition {
	position:absolute;
	top:-37px;

	text-align:center;
	z-index: 101;
}

#slider1 {
	z-index: 101;
}

#mprev {
position:absolute;
top:-198px;
left: 25px;
z-index:999;
width: 152px;
height: 40px;
background: url(fancybox/fancybox_sprite.png) no-repeat 0 -33px;

}

#mprevwrapper {
position:relative;
}

#s1 {
	width: 930px;
	height: 236px;
	background: transparent url(images/slider4.png) no-repeat 0 0px;
}

/*previous button*/
.bx-prev {
position:absolute;
top:40%;
left:-5000px;
z-index:999;
width: 152px;
height: 40px;
background: url(fancybox/fancybox_sprite.png) no-repeat 0 -33px;
}
.bx-next {
position:absolute;
top:40%;
left:870px;
z-index:999;
width: 152px;
height: 38px;
text-indent: -999999px;
background: url(fancybox/fancybox_sprite.png) no-repeat 0 -69px;
}

#scrollingbg {
	background:url(images/requestquote.png) no-repeat;
	width:243px;
	height:117px;
	float:right;
	position:absolute;
	left: 63%;
	z-index: 1000;
	top: 340px;

}
#formatcontactcontent {
	text-align:center;
}

#squig {
	text-align:center;
	margin-top:20px;
}