@charset "utf-8";

@import url("lavalamp.css");



#logo, #mainbody, #footer-bg  { behavior: url(iepngfix.htc) }







/* Main Structure*/

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	margin-top: -10px;
	height: 100%;
	background-repeat: no-repeat;
}


img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	
}


#services {
	float: left;
	height: 200px;
	width: 400px;
	background-image: url(../images/spacer-horizontal.png);
	background-repeat: no-repeat;
	background-position: 170px 80px;
	color: #999;
	position: relative;
	padding-top: 20px;
}
#testimonial {
	float: right;
	height: 106px;
	width: 175px;
	background-image: url(../images/quotes.gif);
	background-repeat: no-repeat;
	top: 75px;
	position: absolute;
	z-index: 99;
	right: 8px;
	background-position: 10px top;
	padding-left: 32px;
	padding-top: 10px;
	font-size: 12px;
}

#services a:link, #services a:visited {
	text-decoration: none;
	color: #999;	
}

#services a:hover {
	text-decoration: none;
	color: #CCC;
}




a:link, a:visited {
	font-family: Calibri;
	font-size: 12px;
	color: #666666;
}
#mainbody {
	background-repeat: no-repeat;
	background-image: url(../images/background.png);
	width: 1000px;
	background-position: center top;
	height: 100%;
}
#header {
	height: 133px;
	width: 990px;
}
#banner {
	height: 200px;
	width: 850px;

	background-repeat: no-repeat;
	margin-left: 70px;
	position: relative;
	border: 2px solid #CCC;
	overflow: hidden;
}



/*   Main Menu */



            .nav {
	font-family: "Helvetica", Times, serif;
	font-size: 12.5px;
	line-height: normal;
	font-style: normal;
	float: right;
	margin-top: 50px;
	margin-right: 100px;
	
			}
			   
			   .nav li {
				float: left;
				list-style: none;
				background-repeat: no-repeat;
                }
                    .nav li.back {
                  
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
					
					
                        .nav li.back .left {
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
	
						
						
                    .nav li a:link, .nav li a:visited  {
	text-decoration: none;
	color: #666;
	outline: none;
	text-align: center;
	top: 7px;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 10px;
	font-family: Helvetica, "Helvetica LT Std Light";
	font-size: 14px;
                    }
					
					
                        .nav li a:hover, .nav li a:active, .nav li a:visited {
                            border: none;
                        }
						
	
						

/* Main Menu - END */


	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:850px;
		background:#fff;		
		margin-bottom:2em;
		}	

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	background-color: #CCC;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:855px;
		height:210px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	padding-top: 199px;
	padding-left: 10px;
		}	
	#nextBtn{ 
		left: 850px;
		}														
	#prevBtn a, #nextBtn a{
	display:block;
	width:100px;
	height:77px;
	position: absolute;
	top: 100px;
	left: 20px;
		}	
	#nextBtn a{ 
	
		}												

/* // Easy Slider */


























#logo {
	float: left;
	width: 250px;
	height: 65px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	margin-left: 80px;
	margin-top: 30px;
	text-align: center;
}


#logo a {
	display: block;
	text-indent: -9999px;
	height: 65px;
}



.menu {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: normal;
	font-style: normal;
	float: right;
	margin-top: 30px;
	margin-right: 100px;
}



.menu {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: normal;
	font-style: normal;
}



.mainmenu a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #999999;
}
.mainmenu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	text-decoration: none;
}
.mainmenu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #330;
	text-decoration: none;
}
.mainmenu a:active {
}





.mainmenu ul {
	display: block;
	float: right;
	margin-top: 60px;
	margin-right: 60px;

}
.mainmenu   li {
	font-style: normal;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	display: block;
	word-spacing: 5px;
	background-image: url(../images/spacer.gif);
	background-repeat: no-repeat;
	background-position: 1px;
	float: left;
	text-align: center;
}
.mainmenu       li.home       {
	background-image: none;
	width: 70px;




}
.mainmenu     li.company    {
	width: 90px;
	background-image: none;
}
.mainmenu li.services {
	width: 90px;
}
.mainmenu li.work {
	width: 70px;
}
.mainmenu li.contact {
	width: 90px;
}
#mainmenu1 {
	float: right;
	width: 550px;
	margin-top: 40px;
	color: #999999;
	text-align: right;
	font-size: 14px;
	word-spacing: -10px;
}



.home-page .home a:visited, .company-page .company a:visited, .contact-page .contact a, .services-page .services a, .work-page .work a {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}















         

/*.mainmenu a:link, .mainmenu a:visited, .mainmenu a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #999999;
}

.mainmenu a:hover {
	color: #999;
	text-decoration: none;
}



.mainmenu ul {
	display: block;
	float: right;
	margin-top: 60px;
	margin-right: 60px;

}
.mainmenu   li {
	font-style: normal;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	display: block;
	word-spacing: 5px;
	background-image: url(../images/spacer.gif);
	background-repeat: no-repeat;
	background-position: 1px;
	float: left;
	text-align: center;
}
.mainmenu       li.home       {
	background-image: none;
	width: 70px;




}*/
/*.mainmenu     li.about    {
	width: 90px;

}
.mainmenu li.services {
	width: 90px;
}
.mainmenu li.work {
	width: 70px;
}
.mainmenu li.contact {
	width: 90px;
}
#mainmenu1 {
	float: right;
	width: 550px;
	margin-top: 40px;
	color: #999999;
	text-align: right;
	font-size: 14px;
	word-spacing: -10px;
}*/



#services ul  {
	width: 200px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}


#services h3 {
	font-family: Calibri;
	font-size: 22px;
	color: #666666;
	margin-left: 10px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #DFDFDF;
	width: 300px;
	height: 35px;
	margin-top: 0px;	
}


#maincontent {
	height: 100%;
	background-image: url(../images/bg.png);
	background-repeat: repeat-y;
	margin-left: 17px;
	background-color: #FFF;
	margin-right: 17px;
	clear: both;
	padding-bottom: 15px;
}
#footer-bg {
	background-image: url(../images/footer-bg.png);
	background-position: center top;
	height: 35px;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	background-repeat: no-repeat;
}
#clear {
	clear: both;
}


#leftcontent {
	width: 430px;
	height: 480px;
	float: left;
	margin-left: 50px;
	background-repeat: no-repeat;
	background-position: right;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #DFDFDF;
	padding-top: 20px;
}
#rightcontent {
	float: left;
	height: 450px;
	width: 430px;
	padding-top: 20px;
}
#leftcontent p {
	font-family: Calibri;
	font-size: 14px;
	color: #999999;
	margin-left: 10px;
	margin-right: 20px;
	text-align: left;
}
#leftcontent  a {
	font-family: Calibri;
	font-size: 16px;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}
#leftcontent  h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #999;
	margin-left: 10px;
	font-weight: lighter;
	margin-top: 0px;	
}

#casestudy  h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #999;
	margin-left: 10px;
	font-weight: lighter;
	margin-top: 0px;	
}

#leftcontent h3{
	font-family: Calibri;
	font-size: 22px;
	color: #666666;
	margin-left: 10px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #DFDFDF;
	width: 400px;
	height: 35px;
}

#blog {
	margin-left: 10px;
	margin-right: 30px;
	height: 150px;
}
#blog h2 {
	font-family: Calibri;
	font-size: 13px;
	color: #666666;
	text-decoration: none;
}

#blogtitle1 {
	height: 50px;
}

#blogtitle2 {
	height: 50px;
	margin-top: 10px;
}

#casestudy {
	width: 450px;
	height: 450px;
	float: left;
	margin-left: 10px;
	padding-left: 20px;
}
#casestudy1 {
	width: 160px;
	background-image: url(../images/featured-habitat.jpg);
	height: 80px;
	background-repeat: no-repeat;
	padding-top: 60px;
	float: left;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 20px;
}
.internal-work-text {
	height: 40px;
	width: 250px;
	float: left;
	padding-left: 40px;
	margin-bottom: 20px;
	padding-right: 40px;
}
#casestudy1 a, #casestudy2 a {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	color: #999;
}


#blog a {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	color: #999;
	font-size: 12px;
	font-weight: normal;
}


#casestudy1 a:hover, #casestudy2 a:hover {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	color: #CCC;
}



#casestudy2 {
	width: 170px;
	background-image: url(../images/featured-sparkfires.jpg);
	height: 80px;
	background-repeat: no-repeat;
	padding-top: 60px;
	float: right;
	margin-right: 60px;
	font-size: 12px;
	padding-left: 10px;
}

#casestudy3 {
	width: 170px;
	background-image: url(../images/i5.jpg);
	height: 100px;
	background-repeat: no-repeat;
	padding-top: 60px;
	float: left;
}

#casestudy4 {
	width: 170px;
	background-image: url(../images/case4.jpg);
	height: 100px;
	background-repeat: no-repeat;
	padding-top: 60px;
	float: right;
	margin-right: 70px;
}
#footer {
	text-align: center;
	padding-top: 15px;
	padding-left: 160px;
}

h1 {
	font-family: Calibri;
	font-size: 22px;
	color: #666666;
}

.bodycontent {
	font-family: "Times New Roman", Times, serif;
	color: #666666;
	font-size: 15px;
	font-style: normal;
}

body {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Calibri;
	font-size: 14px;
	color: #999999;
	background-image: url(../images/white-bg.png);
	background-repeat: repeat;
}
ul {
	list-style-type: none;

}
li {
	vertical-align: 12%;
}
#internal-banner {
	height: 130px;
	width: 700px;
	float: right;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#leftinternal {
	height: 300px;
	background-image: url(../images/line-dotted-vertical.gif);
	background-repeat: repeat-y;
	background-position: right;
	width: 155px;
	text-align: left;
	list-style-type: none;
	padding-right: 50px;
	line-height: 28px;
	padding-left: 0px;
}

#leftinternal li a   {
	display: block;
	height: 18px;
	padding-left: 25px;
	width: 200px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}





[if IE]


#leftinternal li  {
	width: 250px;
	padding-left: 10px;
	display: inline;
	height: 15px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}


![endif]


#leftinternal ul {
	margin: 0px;
	padding: 0px;
}


#leftinternal ul a {
	
	display: block;
	float: left;
	clear: left;
}
				   


#internal-content {
	float: left;
	width: 300px;
	height: 700px;
	border-right-width: 1px;
	border-right-color: #CCCCCC;
	border-right-style: dashed;
}

#leftinternal a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #999999;
}
#leftinternal a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}
#leftinternal a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333300;
	text-decoration: none;
}

body.i5-page #leftinternal .i5  a, .sparks-page .spark a, .poly-page .poly a, .derosha-page .derosha a, .bit-page .bit a, .habitat-page .habitat a, .design-page .design a, .big-page .big a, .think-page .think a, .elkins-page .elkins a, .princess-page .princess a, .arogya-page .arogya a, .watchbuilder-page .watchbuilder a, .bestofbreed-page .bestofbreed a, .sbrown-page .sbrown a, .attitude-page .attitude a, .antiapparrel-page .antiapparrel a, .bbc-page .bbc a, .iphoto-page .iphoto a, .Inblaze-page .Inblaze a, .swapjet-page .swapjet a, .juicy-page .juicy a, .mmajoe-page .mmajoe a, .parrot-page .parrot a, .samjones-page .samjones a {
	font-size: 14px;
	font-weight: bolder;
	color: #660;
	
	background-image: url(../images/check.png);
	background-repeat: no-repeat;
	background-position: -1px 12px;
}
#main-content-internal {
	float: right;
	width: 700px;
	height: 100%;
	min-height:600px;
	clear: both;
	padding-left: 20px;
	padding-right: 30px;
}
#main-content-internal H1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	color: #666;
	background-image: url(../images/double-line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 10px;
}
#right-description {
}
#main-content-internal p {
	width: 500px;
}
.internal-work {
	height: 160px;
	width: 250px;
	float: left;
	padding-left: 40px;
	margin-bottom: 20px;
	padding-right: 40px;
}
#site-description {
	width: 420px;
	float: left;
}
#right-description a {
	border-bottom:1px dashed #999999;
	text-decoration: none;
}
#right-description h1 {
	padding-top: 15px;
	margin-top: 0px;
}
#main-content-internal h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	color: #666666;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 10px;
}
#site-description img{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
#right-description {
	float: right;
	width: 240px;
	padding-top: 0px;
	padding-left: 25px;
	text-align: left;
	padding-right: 15px;
	color: #666;
}
strong#rigth-description{
	color: #666;
}




#right-description p{
	width: 250px;
}
#right-description img, #main-content-internal img{
	border: 1px solid #E8E8E8;
}

#right-description img:hover, #main-content-internal img:hover{
	border: 1px solid #E8E8E8;
}

#internal-banner  img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	
}


#internal-banner  img:hover {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	
}

#site-description p {
	width: 350px;
	padding-left: 10px;

}
form {
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}
text {
	width: 30px;
	height: 30px;
	background-color: #FF0000;
}
input.text {
	background-color: #999999;
	width: 200px;
	height: 30px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
}
input.button {
	color: #000000;
	background-color: #6699CC;
	border: 1px inset #666666;
}
.info h2{
	color: #999;
}
#form {
	width: 700px;
}
#internal-contact {
	height: 230px;
	width: 692px;
	float: right;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	padding-left: 15px;
}
#internal-contact a {
	color: #999;
	text-decoration: none;
}
#leftblog h2 {
	font-size: 14px;
	text-decoration: none;
}
#leftblog ul{
	width: 200px;
	text-decoration: none;
	list-style-type: none;
}
#leftblog {
	padding-top: 100px;
	padding-left: 45px;
	font-size: 14px;
	font-weight: bold;
}
#leftblog li {
	width: 200px;
	list-style-type: none;
}
#follow-us {
	float: right;
	height: 70px;
	width: 300px;
}
#footer-icons {
	float: right;
	width: 160px;
	height: 20px;
	margin-top: 28px;
}
#blog p {
	font-family: Calibri;
	font-size: 14px;
	color: #999999;
	margin-left: 0px;
	margin-right: 20px;
	text-align: left;
}


a.no-underline  {
border-bottom:none !important;
color:#999999;
text-decoration:none;



}