/* CSS Document */

/* New Structure */

#wrapper { width:760px; margin:0 auto; }
#header { width:100%; height:265px; }
#middle { width:100%; }
#middlecontent { width:100%; background:url(../../images/mainimages/middleline.gif) #333; overflow:hidden; }
#footer { width:100%; }
#navbar { float:left; background:#002A55; margin-left:12px; width:196px; }
#topline { background-position:bottom; height:5px; }
#contents { width:539px; float:right; margin-right:10px; margin-left:3px; }
#bottomline { background-position:top; height:5px; }
#contents, #navbar {
	padding-bottom:32767px !important;
	margin-bottom:-32767px !important;
}

.titlebarwrapper { width:100%; text-align:left; margin-top:5px; margin-bottom:5px; }
.titlebar { padding:3px; padding-left:5px; color:#00FF00; background-color:#333; text-align:left; font:Arial, Helvetica, sans-serif; font-size:14px; width:290px; }

.leftcolumn { width:49%; float:left; }
.rightcolumn { width:49%; float:right; }

.main_address { padding-left:10px; color:#FFF; font-size:12px; padding-top:1px; font:Arial, Helvetica, sans-serif; padding-bottom:10px; }

/* Index Page Layout */


.middlelink {
	width:532px;
	padding:2px;
	margin-bottom:9px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
.middlelink .leftcontent { float:left; width:430px; }
.middlelink .rightcontent { float:right; width:100px; padding-top:5px; }
.middlelink .frontbutton { background:url(../../images/front_button.png) no-repeat; height:67px; width:99px; text-align:center; padding-top:8px; padding-right:8px;}

.buttonspacetop {
	clear:both;
	height:18px;
	display:block;
}

#canadian {
	float:right;
	width:80px;
	margin-right:10px;
	margin-top:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-align:center;
}

#frontwelcome {
	margin-top:7px;
	width:350px;
	text-align:left;
	margin-left:2px;
	float:left;
}

#frontmotto {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	width:435px;
	margin-bottom:9px;
	margin-top:5px;
	padding-top:0px;
	padding-left:6px;
	text-align:left;
	margin-left:3px;
	float:left;
}

#frontparagraph {
	text-align:left;
	width:530px;
	margin-right:10px;
	margin-bottom:7px;
}

#middlesentence {
	text-align:left;
	width:530px;
	margin-left:2px;
	margin-bottom:9px;
}

.frontparapic {
	margin-top:35px;
	margin-bottom:25px;
	margin-right:15px;
}

#frontparagraph p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	font-weight:200;
	text-align:left;
	margin-bottom:5px;
	margin-top:5px;
}

#frontpanel {
	width:540px;
	text-align:left;
	float:left;
	margin-bottom:15px;
}

#frontpanel .leftinner {
	width:250px;
	float:left;
}

#frontpanel .rightinner {
	width:250px;
	float:right;
	margin-right:12px;
	margin-left:3px;
}

#frontpanel .paneltitle {
	text-align:center;	
	margin-bottom:3px;
}

#frontpanel .pastprojectsimage {
	margin-left:5px;
}

#frontpanel .pastprojectstitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	font-weight:200;
	text-align:center;
}

#frontpanel .designerscorner {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	font-weight:200;
	text-align:left;
	margin-bottom:7px;
	margin-left:5px;
}

#frontpanel .designerline1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	font-weight:200;
	text-align:left;
	margin-bottom:5px;
	margin-left:5px;
}

#frontpanel .builderslink {
	text-align:center;
	padding:5px;
}

.bottomtext {
	text-align:center;
	margin-right:23px;
	margin-top:0px;
}	

.bottomlinks {
	margin-top:5px;
	text-align:center;
}	

.frontplimg {
	float:left;
	cursor:pointer;
	margin-left:3px;
	margin-right:3px;
	margin-top:4px;
}
.linktextright {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0099FF;
	font-weight:bold;
	padding:3px;
}
.frontparagraphlinkleft {
	float:left;
	width:169px;
	margin-left:8px;
	text-align:center;
	cursor:pointer;
}
.frontparagraphlinkright {
	float:left;
	height:40px;
	width:250px;
	text-align:center;
	margin-bottom:20px;
	margin-top:20px;
	margin-left:5px;
	background-color:#333333;
	cursor:pointer;
}
.frontad {
	width:240px;
	margin-left:6px;
	text-align:center;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#00FF00;
	font-weight:normal;
	padding-left:2px;
	padding-right:2px;
}
.frontad p {
	margin-bottom:4px;
	margin-top:4px;
}
.frontparagraphlinkright img {
	margin-right:5px;
	margin-left:5px;
}

#popupContainer a:link, #popupContainer a:visited {
	position:relative;
	display:block;
	width:250px;
}
#popupContainer a span {
	position:absolute;
	left:-10000px;
	top:-10000px;
}
#popupContainer a:hover span, #popupContainer a:focus span, #popupContainer a:active span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:400px;
	margin-top:-120px;
	margin-left:-290px;
	padding:20px;
	border:none;
	z-index:10;
	text-indent:0;
}
#popupContainer a:hover span img, #popupContainer a:focus span img, #popupContainer a:active span img {
	border:none;
	float:left;
	margin-left:15px;
	margin-bottom:5px;
	z-index:10;
}
.clearfix:after{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.linkbox { width:49%; float:left; color:#fff; }
.linkbox p { margin-top:5px; margin-bottom:5px; padding-left:5px; }
.linkbox ul { margin-top:0px; padding-left:0px; margin-left:25px; }
.linkbox a:link { color:#FFF; text-decoration:none; }
.linkbox a:hover { color:#FFF; text-decoration:underline; }
.linkbox a:visited { color:#FFF; text-decoration:none; }
.linkbox a:active { color:#FFF; text-decoration:none; }