body {
	background-color: #FFFFFE;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	background-position: left top;
    color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 {color: #A44616; }
h2 {
	color: #EE8B13;
	font-size: 2.5em;
}
h3 {
	color: #EEB230;
	font-size: 2.0em; 
}
h4 { color: #ffffff; 
	font-size: 1.3em;
}


#header {
	height: 110px;
	margin-bottom:1 em;
}

#header h1 {
	margin-top: 0.1em;
	margin-bottom: -0.5em;
}

#wrapper {
	border: 2px solid #666;
	min-height: 46em;
	background-color: #000
}

#tab-set {
	position: relative;
	z-index: 0;
	min-height: 40em;
	background-color: #000;
	border: 1px solid #000;
	margin-bottom: 24px;
	margin-top: 36px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
}



#tab-set h1 {
	color: #A44616;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 3em;
	font-style: italic;
}

#mnav {
        background-image: url(http://www.constructiveconcepts.ca/images/nbg.png);
	background-repeat: repeat-x;
	width: 737px;
	height: 70px;
	position: absolute;
	left: 117px;
	top: -71px;
	z-index: 10;
}

.idTabs { 
	height:1%; /* fixing IE 6 */
	margin:0 0 .75em 0;
	min-height:auto;
	overflow:auto;
	background-color: #DE7F15;
}

.idTabs li {
	border:1px solid #ccc;
	border-bottom:none;
	float:left;
	line-height:3em; 
	list-style-type:none;
	margin:0 .25em 0 0;
	padding:0;
	font-size: 1.5em;
}

.idTabs li a { 
	background:#ddd;
	border:1px solid #eee;
	border-bottom:none;
	color:#222;
	cursor:pointer;
	display:block;
	float:left;
	font-weight:bold;
	padding:.15em .33em .25em .33em;
}

.idTabs li a.selected { 
	background:#666;
	border:1px solid #666;
	border-bottom:none;
	color:#fff;
	cursor:default;
}

.idTabs li a, .tabs li a:focus, .tabs li a:hover { 
	text-decoration:none;
}

.idTabs li a:focus, .tabs li a:hover { 
	color:#555;
	outline:none;
}

.tabs li a.selected:focus, .tabs li a.selected:hover { 
	color:#fafafa;
}	

.idTabs li.label { 
	border:none;
	font-weight:bold;
	line-height:1.5; 
	margin-right:.5em; 
	padding:.25em .33em .25em .33em;
}

#footer {
	margin-top: 0.5em;
	text-align: center;
}

#home {

}

#about-us {

}

#services {

}

#projects {

}

#contact-us {

}

ul#mnav li {
	display:block;
	float:left;
}
ul#mnav li a {
	display:block;
	outline:none;
	width:98px;height:70px;
	background:transparent url(http://www.constructiveconcepts.ca/images/navigationg.png) no-repeat 0 0;
	text-indent:-9009px;
	margin:0;
}

ul#mnav li a:hover {
	background-position:0 -70px
}

ul#mnav li#about a {
	width:133px;
	background-position:-98px 0;
}
ul#mnav li#about a:hover {
	background-position:-98px -70px
}
ul#mnav li#about a.selected {
	background-position:-98px -70px
}


ul#mnav li#services a { 
	width:120px;
	background-position:-232px 0;
}
ul#mnav li#services a:hover {
	background-position:-232px -70px
}
ul#mnav li#services a.selected {
	background-position:-232px -70px
}


ul#mnav li#portfolio a {
	width:120px;
	background-position:-351px 0;
}
ul#mnav li#portfolio a:hover {
	background-position:-351px -70px
}
ul#mnav li#portfolio a.selected {
	background-position:-351px -70px
}


ul#mnav li#gallery a {
	width:108px;
	background-position:-471px 0;
}
ul#mnav li#gallery a:hover {
	background-position:-471px -70px
}
ul#mnav li#gallery a.selected {
	background-position:-471px -70px
}


ul#mnav li#contact a {
	width:152px;
	background-position:-580px 0;
}
ul#mnav li#contact a:hover {
	background-position:-580px -70px
}
ul#mnav li#contact a.selected {
	background-position:-580px -70px
}


ul li a:hover, body#contact ul li a {
	background-position: 0px -70px
}


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

#bnav li {
	/*float: left;
	margin: 0 0.15em;*/
	display:inline
}

#bnav li a {
	height: 2em;
	color: #333333;
	margin-right: 10px;
	margin-left: 10px;	
	text-decoration: none;
}
#bnav li a:hover {
	height: 2em;
	color: #692814;
	margin-right: 10px;
	margin-left: 10px;
	text-decoration: underline;
}
#bnav {
	/*margin-left: auto;
	text-align: center;
	margin-right: auto;*/
	text-align:center;
	list-style:none
}
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}
a, a:visited, a:focus {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
}
a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FF9900;
	font-size: 16px;
	font-weight: normal;
}
p + p {
	margin-top:1.5em;
	text-indent:0em;
}

#project-map {
height: 400px;

}


#popeye2 {
	margin-top: 15px;
}
.ppy-text {
	font-size: 1.3em;
	margin-top:-3.5em;
}
.ppy {
	margin-top:-3.5em;
}
.ppy-stage {
	border:10px solid #1C1C1C;
	position:relative;
}
ul, ol {
	margin-top: 0;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 3.0em;
	font-size: 15px;
}
#photoborder {
	border: 1px solid #CCCCCC;
	background-color: #1C1C1C;
	padding: 10px;
	margin-left: 15px;
	margin-bottom: 15px;
}
#crumbtext {
	font-size: 16px;
}
.img_right {
	float: right;
}
#backlinks a, #backlinks a:visited, #backlinks a:hover {
	font-size: 14px;
	text-decoration: none;
}

#backlinks a:hover {
	font-size: 14px;
	text-decoration: underline;
}
#about-logos {
	background-color: #FFFFFF;
	margin: 8px;
	padding: 8px;
	text-align: center;
	width: 440px;
}
#about-logos img {
	padding: 5px;
}
.homephoto {
	border: 3px solid #D47814;
}
#shaboo {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	border-color:#CCCCCC #AAAAAA #AAAAAA #CCCCCC;
	border-style:solid;
	border-width:1px;
}	
.fakebox {
	border:10px solid #1C1C1C;
	
}
.fakebox2 {
	border: 5px solid #1C1C1C;
}

#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:696px;
	height:241px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	}	
#nextBtn{ 
	left:696px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
	}
#mssHolder {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
}













.topmenuul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.topmenuli{
	list-style-type:none;
	float:left;
}

.topmenutitle{
	display:block;
	width:100px;
}

.submenuul{
	list-style-type:none;
	position:absolute;
	margin: 0;
	padding:0;
	display:none;
}

.submenuli a{
	display:block;
	width:250px;
}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
	display: block;
}

#dmenu li>ul { 
	top: auto;
	left: auto;
}

#content {
	clear: left;

}

/* menu design */

#dmenu {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
}

.topmenuul {
	
}

.topmenutitle {
	text-indent:3px;
	text-decoration: none;
	border:1px solid #000000;
	padding:3px;
	line-height:14px;
}

.submenuul {
	margin-top:-1px;
	background-color:#E7F7FF;
	background-position: left top;
	background-repeat: repeat-x;
	border-top:1px solid #000000;
	border-bottom:2px solid #000000;
	border-right:2px solid #000000;
	border-left:7px solid #FF0000;
	background-image: none;
}

.submenuli a{
	padding:3px;
	text-decoration: none;
	color: #000000;

}

.submenuli a:hover{
	text-decoration: none;
	background:#336699;
	color: #FFFFFF;
}
#realhigh {
	z-index: 5000;
}