/* General Demo Style */

body, html
{ 
height: 100%; 
margin: 0;
height: auto; 
min-height: 100%; 
}

body{ 
font-family: 'Lato', Arial !important;
color: #222222;
font-size: 14px;
background-color:#efefef;
background:url(../images/pagebg.jpg) repeat-x top left;
background-attachment:fixed;
font-weight:300;
}

img
{
border-style:none;
}

a{ outline: none; text-decoration: none; color:#d06125; }
a:hover{ text-decoration: none; color:#924497; }
a img{ border: none; }
.clear {clear:both;}
.clearlast {clear:both;padding-bottom:35px;}
.clearlastgallery {clear:both;padding-bottom:55px;}
.ienoclear {clear:both;}
.clearfix:after	{ content: "."; visibility: hidden; height: 0px; clear: both; }
* html .clearfix{ height: 1%; }
*+html .clearfix{ height: 1%; }


.dotted{ background:url(../images/dotted.gif) repeat-x center center; height:10px;}

ul
{
margin-bottom:0px;
padding-bottom:0px;
margin-top:5px;
}

.iframeclass
{border:1px solid #dddddd;
 padding:5px;
box-shadow:0 2px 3px #DDDDDD;
				-moz-box-shadow:0 2px 3px #DDDDDD;
				-webkit-box-shadow:0 2px 3px #DDDDDD;
				box-shadow:0 2px 3px #DDDDDD;

 }
 
p {
margin:14px 0px;
line-height:20px;
}
	

h1
{
font-size:30px;
font-weight:normal;
color:#000000;
margin:0px;
font-weight:300;



}

h2
{
font-size:24px;
font-weight:normal;
color:#000000;
font-weight:300;

}

h3
{
font-size:110%;
font-weight:normal;
color:#000000;
margin:0px;
margin-top:5px;

}

h4
{
font-weight:normal;
font-weight:300;
margin-bottom:7px;
}

.redtext
{
color:#00a8cd;
}

.purpletext
{
color:#000;
}
.darkpurple
{
color:#2c166b;
}

.greytext
{
color:#222222;
}

.lightgrey
{
color:#999999;
}


/* -------- Layout -------- */

 
 
#wrapper
{
width:1000px;
margin:auto;
margin-top:10px;


}


#header-area
{
width:1000px;
margin:auto;
height:130px;
background-color:#ffffff;
padding-top:15px;
}

#logoarea
{
float:left;
padding-left:18px;
padding-top:15px;
}

#right-header
{
float:left;
width: 840px;
padding-top:10px;

}

#callus
{
color:#e12315;
font-size:24px;
text-align:right;
font-family: 'Oswald', arial !important;
font-weight:normal;
padding-right:5px;
}

#mailus
{
color:#666666;
font-size:16px;
text-align:right;
font-weight:normal;
padding-right:5px;
}

#mailus a, #mailus a:link, #mailus a:visited
{
color:#111111;
}

#mailus a:hover
{
color:#e12315;
}


/* -------- Quote Me -------- */

#quoteme
{
padding-top:10px;
float:right;
z-index:100;
}

#quoteme a,#quoteme a:link, #quoteme a:visited
{
color:#222222;

}

#quoteme a:hover
{
background-color:#8c489f;
}

#quoteme ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding:0px;
  list-style: none;
}
#quoteme ul li {
  display: inline-block;
  position: relative;
  background: #fff;
  cursor: pointer;
  padding:8px 15px;
}
#quoteme ul li:hover {
  background-color:#8c489f;
  color: #fff;
}

#quoteme ul li:hover a {

  color: #fff;
}


#quoteme ul li ul {
  padding: 15px;
  position: absolute;
  top: 30px;
  right: 0;
  width: 310px;
background-color:#8c489f;
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index:100;

}
#quoteme ul li ul li { 
  background-color:#8c489f;
  display: block; 
  color: #fff;
}
#quoteme ul li ul li:hover 
{ 

}

#quoteme ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}


#quoteme label
{
 float:left;
 padding-right:10px;
 display:inline;
 width:65px;
 margin-top:5px;
 margin-bottom:5px;
}

#quoteme input
{
font-family:inherit;
padding:5px;
float:left;
border:none;
 margin-top:5px;
 margin-bottom:5px;
 width:190px;
 font-size:inherit;
 color:#555555;
}

#quoteme textarea
{
font-family:inherit;
padding:5px;
float:left;
border:none;
 margin-top:5px;
 margin-bottom:5px;
 width:190px;
  font-size:inherit;
 color:#555555;
  resize: none;
  height:60px;
}

#quoteme input[type="submit"]
{
width:80px;
background-color: #521762;
color:#ffffff;
margin-left:75px;

}



#menu-container
{
background-color:#ffffff;
padding-left:20px;
}

#menu-area
{
text-align:left;
background-color:#26146f;
border-top:1px solid #26146f;
line-height:42px;
height:42px;
width:960px;

}

#content-container
{
width:100%;
margin:auto;
background-color:#ffffff;
margin-bottom:50px;
/*border-top:5px solid #8C489F;*/
}

#titlearea
{
padding:20px 10px;
}

#titlearea2
{
padding:20px 10px 10px 10px;
}


#content-area
{
padding:0;
}

#content-left
{
width:660px;
float:left;
padding-left:20px;
}

#content-right
{
width:280px;
float:right;
font-weight:300;
margin-right:20px;
}


#recentproject
{
padding:20px 0px;
}

#recentproject a, #recentproject a:link, #recentproject a:visited
{
display:block;
font-size:125%;
color:#26146f;

}

#projecttext
{
padding:10px 0px;
width:260px;
}

#recentproject  table
{
margin-top:10px;
}

#recentproject td
{
border-bottom:1px solid #cccccc;
font-size:95%;
padding:4px 0px;
}

#recentproject td strong
{
color:#26146f;
}


.photoframe
{
margin-right:8px;
border:1px solid #cccccc;
padding:3px;

}

#projecttext a, #projecttext a:link, #projecttext a:visited
{
font-size:inherit;
display:inline;
}

.boxing
{
padding:20px;
}

.boxing2
{
padding:5px 15px;
padding-right:0px;
}

.boxing3
{
padding:0px 10px;
padding-right:0px;
border-top:1px dotted #cccccc;
}

.boxing3 h2
{
font-size:150%;

}

.bg-purle
{
background-color:#8C489F;
color:#ffffff;
}

.dotted
{
background:url(../images/dotted.gif) repeat-x center center;
height:11px;
}

.dotted2
{
border-bottom:1px solid #d5d5d5;

}


.bigger
{
font-size:125%;
}

.smaller
{
font-size:85%;
}



#sidenav
{
padding:10px 0px;
}

#sidenav a, #sidenav a:link, #sidenav a:visited
{
display:block;
padding:9px 5px;
color:#333333;
border-bottom:1px dotted #8C489F;
}

#sidenav a:hover
{
color:#643272;

}

body.pside1 #sidenav a.pro1,
body.pside2 #sidenav a.pro2,
body.pside3 #sidenav a.pro3,
body.pside4 #sidenav a.pro4,
body.pside5 #sidenav a.pro5,
body.pside6 #sidenav a.pro6,
body.pside7 #sidenav a.pro7,
body.pside8 #sidenav a.pro8,
body.pside9 #sidenav a.pro9
{
color:#8c489f;
}



	
/* -------- Table -------- */
	
.table			{
				border:1px solid #DDDDDD;
				border-top:1px solid #F2F2F2;
				border-radius:4px;
				-moz-border-radius:4px;
				-khtml-border-radius:4px;
				-webkit-border-radius:4px;
				box-shadow:0 1px 2px #DDDDDD;
				-moz-box-shadow:0 1px 2px #DDDDDD;
				-webkit-box-shadow:0 1px 2px #DDDDDD;
				box-shadow:0 1px 2px #DDDDDD;
				margin-bottom:20px;
				}
				
.table th,
.table td		{
				text-align:left;
				padding:5px 10px;
				
color:#454545; 
line-height:1.5em;

				}


.table th.txtleft,
.table td.txtleft{text-align:left;}
.table th.txtright,
.table td.txtright{text-align:right;}
.table th.txtcenter,
.table th.txtcenter{text-align:center;}
				
.table thead th	{
				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;
				-khtml-border-radius:4px;
				}
				
.table th.nobrd,
.table td.nobrd	{border-left:none !important;}
				
.table th		{
				background:url(../images/table_bg_purple.gif) bottom repeat-x #ffffff;
				border-left:1px solid #dddddd;
				color:#ffffff;
				font-weight:normal;
				}
				
.table td		{
				border-left:1px solid #dddddd;
				border-bottom:1px solid #D8D8D8;
				}

.table tfoot th,
.table tfoot td	{
				border-bottom-left-radius:4px;
				border-bottom-right-radius:4px;
				-moz-border-radius-bottomleft:4px;
				-moz-border-radius-bottomright:4px;
				-webkit-border-bottom-left-radius:4px;
				-webkit-border-bottom-right-radius:4px;
				-khtml-border-radius:4px;
				border-bottom:none;
				}
				
.table td ol
{
padding-left:20px;
}

.table th
{
font-weight:normal;
}	


	
/* -------- Footer -------- */

#footer
{
width:100%;
margin:auto;
}
	
#footerwrap {
		padding: 15px 0px 20px 0px;
		width:999px;
		background:none;
		color:#666666;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		width:999px;
		margin:auto;
		line-height:14px;
		
		}
	
		
#footerwrap a 
{
		color:#333333;
		text-decoration:none;

		
		}
		
#footerwrap a:hover
 {
		text-decoration:none;
		color:#666666;
		
		}
		
		
#footerbarwrap-left 
{
		float:left;
		padding: 15px 20px;
		}
		
		
#footerbarwrap-right 
		{
		float:right;
		padding: 15px 20px;
		text-align:right;
		}
		

	/*----------------------------------------------*/
/* 1.9 Forms */
/*----------------------------------------------*/


#buildings-list
{
}

#buildings-list ul
{
list-style:none;
padding:0px;
margin:0px;
}

#buildings-list li
{
list-style:none;
border-bottom: 1px dotted #999999;
}

#buildings-list li span
{
float:right;
color:#8c489f;
} 

#buildings-list li a, #buildings-list li a:link, #buildings-list li a:visited
{
display:block;
color:#222222;
padding:7px;
}

#buildings-list li a:hover
{
color:#8c489f;
background-color:#f8f8f8;
}

#list01-section, #list02-section, #list03-section, #list04-section, #list05-section, #list06-section
{
padding:10px 0px 20px 0px;
border-bottom:3px solid #dddddd;
}


#buildings-list ul ul li
{
border:none;
list-style:disc;
padding-left:0px;
margin-left:25px;
}

#buildings-list ul ul
{
margin-top:5px;
}

.blacklink
{
color:#000000;
}

label.error {	
		text-align: left;
	width: auto;
	padding: 0px 0 0 22px;
	margin: 0px 0 0 8px;
	float: none;
	clear: none;
	display: inline;
	color: #CC3366;
	font-size: 12px;
	border: none;
	background:url(../images/requireddot.gif) no-repeat left center;
}

.largerphoto
{
color:#666666;
margin-top:5px;
}