@charset "utf-8";
body
{
	margin:0px;
	background-color: #393a43;
	background-repeat:no-repeat;
	background-position:top center;
	font-family: Arial, Verdana, Tahoma;
	font-size:12px;
	width: 100%;
	outline: 0;
	padding:0;
 	line-height: 1.2;
}
em 
{
		font-style: italic;
}
p
{
	font-family:Arial, Helvetica, sans-serif;
	color:#757575;		
}
img
{
	outline:none;
	border-style: none; 
}
a 
{ 
	outline: none; 
}

#outsidebox
{
	
	margin-left:auto;
	margin-right:auto;
	background-image: url(images2/mainbg4.jpg);
	width: 992px;
	height: 1450px;
	background-repeat: no-repeat;
	
	text-align: center;
	
}
/*Start of Header */
#headeri
{
	background-color: #1a1a25; /* original height of 75px */
	float: left;
	height: 80px;
	width: 992px;
	margin: 0 0 2px 0;
	padding: 0;
}
.logoi
{
	float: left;
	width: 252px;
	height: 80px;
	margin: 0 0 0 40px;
	background-image: url(images2/logomain2.png);
	text-indent: -1000em;
    overflow:hidden;
}
.homei
{
 
	float: left;
	margin: 20px 0 0 200px;
    background-image: url(images2/homerollover2.png);
    width: 70px;
    height: 30px;
    text-indent: -1000em;
    overflow:hidden;
	outline: none; 
  
    background-position: left top;
    border:none;
}

.homei:hover 
{
    background-position: left bottom; 
	width: 70px;
    height: 30px;
	outline: none; 
}
.servicesi
{
 
	float: left;
	margin: 20px 0 0 0px;
    background-image: url(images2/servicesrollover.png);
    width: 70px;
    height: 30px;
    text-indent: -1000em;
    overflow:hidden;
  outline: none; 
    background-position: left top;
    border:none;
}

.servicesi:hover 
{
    background-position: left bottom; 
	width: 70px;
    height: 30px;
	outline: none; 
}
.portfolioi
{
 
	float: left;
	margin: 20px 0 0 5px;
    background-image: url(images2/portrollover.png);
    width: 85px;
    height: 30px;
    text-indent: -1000em;
    overflow:hidden;
  outline: none; 
    background-position: left top;
    border:none;
}

.portfolioi:hover 
{
    background-position: left bottom; 
	width: 85px;
    height: 30px;
	outline: none; 
}
.abouti
{
	 background-image: url(images2/aboutrollover2.png);
	width: 70px;
    height: 30px;
	text-indent: -1000em;
    overflow:hidden;
	float: left;
	margin: 20px 0 0 10px;
	outline: none; 
}

.abouti:hover
{
	background-position: left bottom; 
	width: 70px;
    height: 30px;
	outline: none; 
}

.contacti
{
 
	float: left;
	margin: 20px 0 0 12px;
    background-image: url(images2/contactrollover2.png);
    width: 75px;
    height: 30px;
    text-indent: -1000em;
    overflow:hidden;
  outline: none; 
    background-position: left top;
    border:none;
}

.contacti:hover 
{
    background-position: left bottom; 
	width: 75px;
	outline: none; 
    height: 30px;
}
/*End of Header */
/* Flash Box */
#flashbox
{
	width: 992px;
	height: 300px;
	background-color: #000;
	float: right;
	outline: none; 
}
.coda-slider-wrapper{background-image: url(images2/mainbg.jpg); background-repeat: no-repeat;}
.panel-wrapper h1
{
	font: Tahoma;
	color: #ffffff;
	font-weight: normal; font-size:37px;
	a  outline: none;
}
.panel-wrapper p
{
	color:#ffffff; /*436aad*/
	font-size:1.166em;
	line-height:1.714em;
	margin: 140px 0 0 0;  
	
	margin: 0 20px 0 10px;
	
}
.coda-slider-wrapper a{outline:none;}
.panel-wrapper a {outline:none;}

#slider 
{
    background-image: url(images2/slideradd.gif);
    width: 992px;
    height: 57px;
    float: left;
}
#slider a {outline:none;}
.title
{
	text-indent: -10000em;
	a  outline: none;
}
.title a {outline:none;}
/* End of Flash Box */
/* Middle Box original color white is #ededf6 */
#middlebox
{
	background-image: url(images2/lowmidconten9.jpg);
	background-repeat: no-repeat; /*DONT REPEAT THE BACKGROUND 304 > 250 PICTURE SIZE!@!!!! NEXT TIME DO THE HEIGHT OF HTE PICTURE IF YOU DONT WANT A REPEAT */
	height: 250px;
	width: 992px;
	
}
.containers /* container */
{	
	float: left;
	height: 200px;	
	width: 248px;
}

.containers h3
{
		font-size:1.6em;
		margin: 15px auto 5px auto;
}
.containers p
{
	font-size: 100.01%;
	width: 190px;
	margin: 0 auto;
	
}

.buttons { width: 248px; height: 50px; float: left; outline: none; }
/* end of middle white section */
#bottombox /*bottom half container */
{
	height: auto;
	width: 992px;
	background-color: #161e2c;/*161e2c*/
	float: left;
	margin: 5px 0 0 0;
}

#blogcontainer /* whole container of first image for blog design services */
{
	width: 450px;
	background-color: #161e2c;
	float: left;
	min-width: 450px;
	display: inline;
}	

#bottombox h4
{
    text-align: left;
	font-size:1.44em;
	font-weight:bold;
	color: #ffffff;
	padding: 0px;
	margin: 10px 0 0 0;
}
#bottombox p
{
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 100.01%;
}
#blogbutton
{
	background-image: url(images2/learnmorew.gif);
	 height:50px; 
	 width:135px;
	 float: right;
	 text-indent: -1000em;
    overflow:hidden;
	margin: 20px 25px 0 0px;
}
#blog /* first image on left side */
{
	margin: 25px 0 0 42px;
	padding: 0 20px 0 0;
}
#blog2 /* first image on left side */
{
	margin: 25px 0 0 42px;
	padding: 0 20px 0 0;
}
#blog3 /* first image on left side */
{
	margin: 25px 0 0 42px;
	padding: 0 20px 0 0;
}
#blog4/* first image on left side */
{
	margin: 25px 0 0 42px;
	padding: 0 20px 0 0;
}
#rightbox /*2nd box from top */
{
	float: left;
	width: 450px;
	background-color: #161e2c;
	margin: 0 50px 0 0;
	display: inline;
	min-width: 450px;
	
}
#rightbox h4 /* font-weight:bold;
	font-size:1.46em;
	margin:0 17px 6px; */
{
	text-align: left;
	font-size:1.44em;
	font-weight:bold;
	color: #ffffff;
	padding: 0px;
}
#rightbox p
{
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 100.01%;
}
#mountain
{
	margin: 5px 0 0 1px;
}

#ecocontainer
{
	width: 450px;
	min-width: 450px;
	height: auto;
	background-color: #161e2c;
	float: left;
	display: inline;
	clear: both;

}
#ecocontainer h4
{
    text-align: left;
	font-size:1.44em;
	font-weight:bold;
	color: #ffffff;
	padding: 0px;
	margin: 10px 0 0 0;
}
#ecocontainer p
{
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0;
}
#ecobutton
{
	background-image: url(images2/readmorew.gif);
	 height:50px; 
	 width:140px;
	 float: right;
	 text-indent: -1000em;
    overflow:hidden;
	margin: 20px 25px 0 0px;
}

#leaves
{
	float: left;
	height: auto;
	width: 450px;
	background-color: #161e2c;
	margin: 0 50px 0 0;
	min-width: 450px;

}
#leaves h4
{
    text-align: left;
	font-size:1.44em;
	font-weight:bold;
	color: #ffffff;
	padding: 0px;
	margin: 10px 0 0 0;
}
#leaves p
{
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0;
}
#appbutton
{
	background-image: url(images2/learnmorew.gif);
	 height:50px; 
	 width:140px;
	 float: right;
	 text-indent: -1000em;
    overflow:hidden;
	margin: 20px 25px 0 0px;
}
#appbutton2
{
	background-image: url(images2/learnmorew.gif);
	 height:50px; 
	 width:140px;
	 float: right;
	 text-indent: -1000em;
    overflow:hidden;
	margin: 20px 25px 0 0px;
}
#bottom
{
	float:left;
	width: 992px;
	height: 100px;
	background-color: #223958; /*223958*/
	margin: 0 0 0 0;
}
#wrapper5
{
	width:749px;
	height:102px;
	margin:0px;
	float:left;
background-image: url(images2/expand2.png)	
}
#wrapper6
{
	width:215px;
	height:52px;
	margin:25px 0 0 0;
	float:left; 
}
#wrapper7
{
	width:243px;
	height:102px;
	margin:0px;
	float:left;
background-image: url(images2/bottombg.png);	
background-repeat: repeat-x;
}
#bottom h2
{
	color: #ffffff;
	text-align:left;
	margin:20px 0 0 30px;
	
	
}
#bottom p
{
	color: #9ba6b3;
	text-align:left;
	margin:10px 0 0 30px;
	font-size:100%;
}
.quote
{
	float: right;
	width: 220px;
	height: 55px;
	margin: 20px 25px 0 0;
	background-image: url(images2/quote6.png);
	text-indent: -1000em;
    overflow:hidden;
}
/*footer */
.listtext 
{
	font-size:.85em; /*.75*/
	color: #cdd4e1;
	margin: 5px 4px 0 0px;
	padding: 0 0 0 10px;
	float: left;	
	font-family: Tahoma,Helvetica,sans-serif;
}

#footerborder
{
	background-image: url(images2/mainbg.jpg);
	width: 992px;
	height: 1px;
	float: left;
}

.footershell
{
	float:left;
	width:992px;
	height:262px;
	background-image: url(images2/fbg.png);
	background-repeat:repeat-x;
}
.fcol1
{
	float:left;
	width:255px;
	height:262px;
	
}
.fcol2
{
	float:left;
	width:225px;
	height:262px;
	
}
.newfline
{
	float:left;
	margin:40px 0 0 0;
}
.fcol3
{
	float:left;
	width:211px;
	height:262px;
	
}
.fcol4
{
	float:left;
	width:301px;
	height:262px;
	
}
.servhead
{
	float:left;
	margin:30px 0 0 72px;
	width:72px;
	height:17px;
}
.experhead
{
	float:left;
	margin:30px 0 0 32px;
	width:72px;
	height:17px;
}
.abouthead
{
	float:left;
	margin:30px 0 0 12px;
	width:72px;
	height:17px;
}
.logohead
{
	float:left;
	margin:30px 0 0 32px;
	width:172px;
	height:17px;
}
.fobox1
{
	float:left;
	width:165px;
	height:110px;
	margin:0 0 0 40px;
}
.fobox1 li a:hover
{
	color:#4374c8;
	text-decoration:underline;
}

.fobox4
{
	float:left;
	width:165px;
	height:60px;
	margin:35px 0 0 22px;
}
.fobox5
{
	float:left;
	width:148px;
	height:110px;
	margin:0 0 0 0px;
	
	
}
.fobox5 li a:hover
{
	color:#4374c8;
	text-decoration:underline;
}
.fobox6
{
	float:left;
	width:148px;
	height:110px;
	margin:0 0 0 0px;
	
	
}
.fobox6 li a:hover
{
	color:#4374c8;
	text-decoration:underline;
}
.copyright
{
	float:left;
	width:165px;
	height:20px;
	margin:0px 0 0 22px;
}
.socialmedia
{
	float:left;
	width:165px;
	height:20px;
	margin:2px 0 0 22px;
}
#fbtn1
{
	width:17px;
	height:16px;
	float:left;
	margin:0px 0 0 10px;
}
#fbtn2
{
	width:17px;
	height:16px;
	float:left;
	margin:0px 0 0 4px;
}
.fbtn3
{
	width:18px;
	height:16px;
	float:left;
	margin:0px 0 0 4px;;
}
.fsublist
{
	text-align: left;
	list-style-type:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:12px;
}
.fsublist2
{
	text-align: left;
	list-style-type:none;
	margin: 0 0 0 -8px;
	padding: 0 0 0 0;
	
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:12px;
}
.copytext
{
	font-size:.85em; /*.75*/
	/*color: #cdd4e1;*/
	color:#4374c8;
	margin: 5px 4px 0 0px;
	padding: 0 0 0 10px;
	float: left;	
}
.fsublist2 li { width: 100%;color: white; margin-left: 20px; text-align: left; font-family: Tahoma,Helvetica,sans-serif; font-size: 12px; }
.sublist2 li a
{
  color: white; 
  margin-left: 20px; 
  text-align: left; 
  font-family: Tahoma,Helvetica,sans-serif; 
  font-size: 12px;
 }
.fsublist li { margin-left: 20px; width: 100%; }
.fcol4 ul li {  margin-left: 0 }
.listtext2
{
	font-size:.85em; /*.75*/
	color: #cdd4e1;
	margin: 5px 4px 0 0px;
	padding: 0 0 0 10px;
	
}
.fcol4 .fsublist li { margin-left: 0px; }
#listsone{width:130px; float: left; text-align: left; font-size: 12px;color: #ffffff; margin: 2px 0 0 25px; }
#liststwo{width:130px; float: left; text-align: left;font-size: 12px; color: #ffffff; margin: 2px 0 0 5px; }