body {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	color:#fffff;
	font-family:arial;
	font-size:13px;
	background-image: url(../gfx/bg-cf.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
* :focus { outline: 0; }
.top-header-con {

text-align:center;

}
.top-header {
width: 1000px;
position:relative;

}

.home-boxes {
width:200px;
float:left;
padding:10px;
text-align:left;
margin:10px;
}
.latestproject {

	position: absolute;

	top: 15px;

	float: right;

	width: 319px;



}
.formbut {
width:100px;font-size:15px;background-color: #C53727;
background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
background-image: -o-linear-gradient(top,#dd4b39,#c53727);
background-image: linear-gradient(top,#dd4b39,#c53727);
border: 1px solid #B0281A;
-webkit-box-shadow: 0px 1px #000000; color:#ffffff;
border-image: initial;
}
#box {
background-color: #333333;
padding:15px;
color:#ffffff;
font-size:15px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px #fff;
-webkit-box-shadow: 1px 1px #fff;
box-shadow: 1px 1px #fff;
border-image: initial;
}
#box input {
border: 1px solid #EEE;
background: white;
padding: 6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px #fff;
-webkit-box-shadow: 1px 1px #fff;
box-shadow: 1px 1px #fff;
border-image: initial;

}
.title-box {
font-family:geneva;
 
text-align:right;
margin-top:40px; 
margin-bottom:10px;
padding-top:5px; 
padding-bottom:5px;

width:900px;
/*background-color: #333333;
background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
background-image: -o-linear-gradient(top,#dd4b39,#c53727);
background-image: linear-gradient(top,#dd4b39,#c53727);
border: 1px solid #B0281A;
-webkit-box-shadow: 0px 1px #000000; 
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border-image: initial;*/
color:#444444;}

.title-box h1 {
	color:#444444;
	letter-spacing: 2px;
}

#cpanel table {
background-color: #333333;
padding:15px;
color:#ffffff;
font-size:15px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px #fff;
-webkit-box-shadow: 1px 1px #fff;
box-shadow: 1px 1px #fff;
border-image: initial;
}
#cpanel input {
border: 1px solid #EEE;
background: white;
padding: 6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px #fff;
-webkit-box-shadow: 1px 1px #fff;
box-shadow: 1px 1px #fff;
border-image: initial;

}

  /*this is what we want the div to look like*/

  div.topright{

    display:block;



    /*set the div in the top right corner*/

    position:absolute;

    top:25px;

    right:25px;

    width:319px;



  }





.splash {

	text-align: center;

	vertical-align: middle;

}



.headings {	color:#444444;

	font-family:Geneva;

	font-size:37px;
	
	}

	

.main-link {

	color:#333333;

	font-family:Geneva;

	font-size:16px;

	line-height: 25px;

	font-weight:bold;

}

.services-titles {

	color:#333333;

	font-family:Geneva;

	font-size:18px;

	line-height: 25px;

	font-weight:bold;

}

.footer-links {color:#FFFFFF; text-decoration:none;}

.footer-links a:link {font-size:11px;color:#FFFFFF; text-decoration:none;}

.footer-links a:active {font-size:11px;color:#FFFFFF; text-decoration:none;}

.footer-links a:visited {font-size:11px;color:#FFFFFF; text-decoration:none;}

.footer-links a:hover {font-size:11px;color:#FFFFFF; text-decoration:underline;}



a:link {

	color: #eeeeee;

	text-decoration: none;

}

a:visited {

	color: #eeeeee;

	text-decoration: none;

}

a:hover {

	color: #FFCC33;

	text-decoration: none;

}

a:active {

	color: #eeeeee;

	text-decoration: none;

}



#mainbodyright img {
max-width: 240px;
}




#topnavcontainer {
background-color:#333333;
	height: 31px;
	padding: 0;
	margin-top: 10px;
}
.main-box-w {
width:1000px; position:relative; margin-bottom:15px; background-color:#eeeeee;-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border-image: initial;
color:#000000;

}
.main-boxes {
	width:300px;
	float:left;
	margin:15px;
	text-align:left;
	color:#ffffff;
	font-size:13px;
	/*height:330px;*/
	overflow:hidden;
	/*background-image: url(../gfx/main-box-bg.png);
	background-repeat: repeat-x;
	background-position: left top;*/
		-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.main-boxes-b {
	width:300px;
	float:left;
	text-align:left;
	color:#ffffff;
	font-size:13px;
	/*height:180px;*/
	overflow:hidden;
	/*background-image: url(../gfx/main-box-bg.png);
	background-repeat: repeat-x;
	background-position: left top;*/
		-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.main-boxes-w {
	width:310px;
	float:left;
	margin:10px;
	text-align:left;
	color:#000000;
	font-size:13px;
	height:260px;
	overflow:hidden;
	background-image: url(../gfx/box-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	
}

.titles-w {
	font-size:20px;
	
	font-family:arial;
	font-weight:bold;
	padding:8px;
background-color: #ca4d9b;
background-image: -webkit-linear-gradient(top,#ca4d9b,#a62e79);
background-image: -moz-linear-gradient(top,#ca4d9b,#a62e79);
background-image: -ms-linear-gradient(top,#ca4d9b,#a62e79);
background-image: -o-linear-gradient(top,#ca4d9b,#a62e79);
background-image: linear-gradient(top,#ca4d9b,#a62e79);
color:#ffffff;
	-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border-image: initial;
}

.titles {
font-size: 23pt;
    color: #666666;
    font-family: arial;
    text-align: left;
    padding: 15px;
    font-weight: bold;
/*	background-image: url(../gfx/menu-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	text-align:left;
color:#ffffff;
	-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border-image: initial;*/
}
.widget-button-more{float:right; margin:15px}
.small-buttons {

font-family: geneva;
text-align:center;

padding: 5px;
background-color:#333333;

/*background-color: #ca4d9b;
background-image: -webkit-linear-gradient(top,#ca4d9b,#a62e79);
background-image: -moz-linear-gradient(top,#ca4d9b,#a62e79);
background-image: -ms-linear-gradient(top,#ca4d9b,#a62e79);
background-image: -o-linear-gradient(top,#ca4d9b,#a62e79);
background-image: linear-gradient(top,#ca4d9b,#a62e79);
border: 1px solid #B0281A;
-webkit-box-shadow: 0px 1px black;*/
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border-image: initial;
color: white;
font-size:12px;

}


/*  footer scrolling  */
#scroller-header a{text-decoration:none;color:#867863;padding:0 2px;}
#scroller-header a:hover{text-decoration:none;color:#4b412f}
a.selected{text-decoration:underline!important;color:#4b412f!important;}
#scroller-header{
	width:160px;
	height:24px;
	padding:0px;
	font-weight:700;
	float: right;
}
#scroller-body{;}
#mask{width:300px;overflow:hidden;margin:0 auto;}
#panel{}#panel div{float:left;}
#panel ul{list-style:none;margin:0px;padding:0;}
#panel ul li{padding:0px;color:#CA4D9B;border-bottom:1px dotted #333333;}
#panel ul li.last{border-bottom:none!important;}
#panel-1{
	padding: 0px;
}#panel-2{}#panel-3{}

/*  footer scrolling  */




#home-services  {
 font-size:13px;
}
#home-services ul {
margin:0px;
padding:0px;
list-style:none;
}
#home-services li {
 font-size:13px;
padding:4px 4px 4px 10px;
border-bottom:1px solid #222222;
color:#999999;
}


hr {
color: #333333;
background-color: #333333;
height: 1px;
border: 0;
}

#imagegal-breadcrumb  {
font-size:17px;
color:#ffffff;
text-align:center;
 padding:5px;
 border-bottom:1px solid #333333;
 margin-bottom:15px;
}

#imagegal-breadcrumb  a{
font-size:15px;
color:#ffcc33;

}
 .TabbedPanelsTabHover {	color: #FFCC33;	background-color: transparent;}
    .TabbedPanelsTabSelected {	color: #FFCC33;	background-color: transparent ;}
	.TabbedPanelsContent a:link    {  text-decoration:none; font-weight:bold;color: #FFCC33;   }
	.TabbedPanelsContent a:visited    {  text-decoration:none; font-weight:bold;color: #FFCC33;    }
	.TabbedPanelsContent a:active    {  text-decoration:none; font-weight:bold;color: #FFCC33;    }

	
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
/*	border: 1px solid #000;*/
}

.TabbedPanelsTab {
	position: relative;
	top: 8px;
	float: left;
	padding: 5px 0px 5px 0px;
	
	margin: 0px 0px 0px 0px;
	color:#585858;
	font-weight: bold;
	font-family: arial;
	font-size:14px;
	text-transform:uppercase;
	text-align:left;
	background: transparent;/*#DDD;* url(../images/separator_red.png) no-repeat right;*/
	list-style: none;
	border-bottom: solid 1px #151515;
	/*border-left: solid 1px #CCC;
	
	border-top: solid 1px #999;
	border-right: solid 1px #50b848;*/
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	width:180px;
}


.TabbedPanelsTab a {
	color: #585858;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
/*	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #14bec7;
	border-right: solid 1px #999;*/
	background-color: transparent ;/* #EEE;*/

}

.TabbedPanelsContent {
	padding: 0px;
	vertical-align:top;
	margin-bottom: 20px;
	width:300px;
	color:#999999;
	font-size:13px;
	line-height:20px;
}
.TabbedPanelsContent-titles {
font-size:23pt; color:#333333;font-family:helvetica; line-height:32pt;
font-weight:bold;
}

.TabbedPanelsContentVisible {

}

.VTabbedPanels {
/*	height:33em;*/
height:350px;
}
/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
margin-left: 330px;
	/*background-color: #EEE;*/
	position:absolute;
	
	margin-top:10px;

	/*border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;*/
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	/*background-color: #EEE;*/
/*	border-bottom: solid 1px #999;*/
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px 0px 0px 0px;
/*margin-left: 170px;
	20em;*/
	vertical-align:top;
}

#pl-latestimages {
	width:100%; padding: 0px 0px 15px 0px
	
}

.pl-latest-images-block {
	height:30%; max-height:220px; overflow:hidden; width:100%;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;   margin:8px; background-position: center center;background-repeat:no-repeat;background-size:cover
}
.pl-latest-images-cont {
	display: inline-block;width:30%; margin:15px; max-height: 220px
}


.imagegal-thumbs {
display:inline-block; width:16%; height:auto; max-height:90px; overflow:hidden; margin:2px; background-position: center center;background-repeat:no-repeat;list-style:none; background-size:cover
}
.imagegalsec-thumbs {
width:32%; height:auto;max-height:220px;  display:inline-block; margin:5px;overflow:hidden;	
}

	#serviceshome {width:100%;max-width:1020px; border-top: 1px solid #222222;border-bottom: 1px solid #222222; margin:15px 0px 15px 0px; padding: 15px 0px 15px 0px;}
	#serviceshome ul {
		margin:0px; padding:0px; }
	#serviceshome li {
		width: 33%; 
		margin:0px; 
		padding:0px; 
		display:inline-block;
		list-style:none;
		color:#555555; 
		font-size:15px; text-align:left; }
		
		#serviceshome li:hover{ background-color:#222222;}
		
		#serviceshome img {
		margin:10px 10px 0.75em 10px; padding:0px;vertical-align: middle; border:0px;
  }

.blocktwo {
	display:inline-block;width:45%; margin:6px  }

@media(max-width:767px){
.imagegal-thumbs {
display:inline-block;  width:27%; height:auto; max-height:90px; overflow:hidden; margin:2px; background-position: center center;background-repeat:no-repeat;list-style:none; background-size:cover
}
.imagegalsec-thumbs {
width:48%; height:auto;max-height:200px;  display:inline-block; margin:5px;overflow:hidden;	
}


}

@media(max-width:620px){
  #serviceshome li {
		width: 49%; 
		margin:0px; 
		padding:0px; 
		display:inline-block;
		list-style:none;
		color:#555555; 
		font-size:15px; text-align:left; }
	  #serviceshome img {
		margin:10px 10px 0.75em 10px; padding:0px;vertical-align: middle; border:0px;
  }
  .blocktwo {
	width:100%; margin:10px; }
	
	#pl-latestimages {
	width:100%; padding: 0px 0px 15px 0px
	
}

.pl-latest-images-block {
	height:30%; max-height:220px; overflow:hidden; width:100%;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;   margin:8px; background-position: center center;background-repeat:no-repeat;background-size:cover
}
.pl-latest-images-cont {
	display: block;width:100%; margin:15px; max-height: 220px
}

  }

@media(max-width:450px) {
	
	 #serviceshome li {
		width: 100%; 
		margin:0px; 
		padding:0px; 
		
		list-style:none;
		color:#555555; 
		font-size:15px; text-align:left; }
	  #serviceshome img {
		margin:10px 10px 0.75em 10px; padding:0px;vertical-align: middle; border:0px;
  }
  
	.imagegal-thumbs {
display:inline-block;  width:48%; height:auto; max-height:110px; overflow:hidden; margin:2px; background-position: center center;background-repeat:no-repeat;list-style:none; background-size:cover
}
	.imagegalsec-thumbs {
width:100%; height:auto;max-height:350px;  display:inline-block; margin:5px;overflow:hidden;	
}

#pl-latestimages {
	width:100%; padding: 0px 0px 15px 0px
	
}

.pl-latest-images-block {
	height:30%; max-height:220px; overflow:hidden; width:100%;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;   margin:8px; background-position: center center;background-repeat:no-repeat;background-size:cover
}
.pl-latest-images-cont {
	display: block;width:100%; margin:15px; max-height: 220px
}

	}
	

	

  
 #blogcont { font-size:17px; color:#000000;
	 
 }
  #blogcont h2{ font-size:47px; color:#000000;
	 
 }
 
 
 #article-list {}
  #article-list h2 {font-size:27px; color:#000000;}
  
  
  #footer-cont { max-width:1050px;
  }
  .footer-block {width:30% ; display: inline-block; margin:0px}
  

/* top menu */

.main-menu-cont {
width:100%; text-align:center; background-color: #333333;
}

#main-menu {
width:100%;
display:block;
}
#main-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333; color: #FFFFFF; max-width:1050px ;display:inline-block;
}

#main-menu ul li {float: left;}

#main-menu ul li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 15px 15px 15px 15px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 17px;
  font-family: arial;
  text-transform: uppercase;
}

#main-menu ul li a:hover {background-color: #555555; color:#ffffff;}

#main-menu ul li.icon {display: none;}

/* SUB MENU LINK CONTAINER */
#main-menu ul li ul { position: absolute; background-color: #555555; color:#ffffff; width: 160px; height: auto; text-align: left; left: -999em; z-index:150;  margin:0px 0px 0px 0px; display:block; /*border-top:1px solid #cccccc;*/  }
#main-menu ul li ul li { line-height: normal; height: auto; padding:0px; width:160px; margin:0px 0px 0px 0px; text-align:left;   color: #FFFFFF; }

#main-menu ul li ul li a:hover {background-color: #333333; color:#ffffff;}

#main-menu ul li ul a:link, #main-menu ul li ul a:visited {
    width: 160px;
    float: none;
    width/**/: /**/ 130px;
    height: auto;
    padding: 10px 15px 10px 15px;
    color: #FFFFFF;
    line-height: normal;
    font-weight: normal;
    text-decoration: none;
   /* font-size: 12px;*/
    font-family: arial;text-align:left;
}





/* SUB MENU Links  */




#main-menu ul li:hover ul ul, #main-menu ul li:hover ul ul ul, #main-menu ul li.sfhover ul ul, #main-menu ul li.sfhover ul ul ul { left: -999em; }
#main-menu ul li:hover ul, #main-menu ul li li:hover ul, #main-menu ul li li li:hover ul, #main-menu ul li.sfhover ul, #main-menu ul li li.sfhover ul, #main-menu ul li li li.sfhover ul { left: auto; }

#main-menu ul li li:hover, #main-menu ul li li.sfhover { background-color: #333333; }
#main-menu ul li li:hover a:link, #main-menu ul li li:hover a:visited, #main-menu ul li li:hover a:hover, #main-menu ul li li:hover a:active, #main-menu ul li li.sfhover a:link, #main-menu ul li li.sfhover a:visited, #main-menu ul li li.sfhover a:hover, #main-menu ul li li.sfhover a:active { color: #FFFFFF; color:#FFFFFF; }




@media screen and (max-width:680px) {
  #main-menu ul li:not(:first-child) {display: none;}
  #main-menu ul li.icon {
    float: right;
    display: inline-block;
  }
}

@media screen and (max-width:680px) {
  #main-menu ul.responsive {position: relative; width:100%;}
  #main-menu ul.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav {width:100%;}
  #main-menu ul.responsive li {
    float: none;
    display: inline;
  }
  #main-menu ul.responsive li a {
    display: block;
    text-align: left;
  }
  
#main-menu ul li ul {
  width:100%;
    background-color: #222222;
    color: #ffffff;
   position: static;
    text-align: left;
   
}
#main-menu ul li ul li {
    float: none;
    display: block;
	color: #ffffff;line-height: normal;
   
    width:100%;
    margin: 0px;
    text-align: left;
  }
#main-menu ul li ul a:link, #main-menu ul li ul a:visited {
   padding: 15px 15px 15px 15px;
    float: none;
    display: block;
    text-align: left;
    color: #FFFFFF;
    line-height: normal;
   width:100%;
}
#main-menu ul li li:hover, #main-menu ul li li.sfhover { background-color: #555555; }
#main-menu ul li ul li a:hover {background-color: #555555; color:#ffffff;}
}