@charset "utf-8";
/* CSS Document */


/***********************************************************************************************************
********************************************* CSS LAYOUT FOR NEXCON ****************************************
************************************************* www.nexcon.ca ********************************************
******************************************** CSS LAYOUT DEVELOPED BY: **************************************
*********************************************** Colors to Web, Inc. ****************************************
***********************************************************************************************************/


html, body, h1, h2, h3, h4, p, td, div, ul, li, a {
	margin:0;
	padding:0;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#5f5f5f;
	font-size:11px;
}


body {
	background:url(../images/bg.jpg) repeat-x top #eef1f2;
}


.wrapper {
	background:url(../images/footerbg.jpg) repeat-x bottom;
}

.mainwrapper {
	margin:0 auto;
	width:940px;
}

.clear {
	clear:both;
}

a {
	text-decoration:none;
}

a:hover {
	color:#ffba00;
}


/***************************** HEADER CSS *******************************************/
.header {
	height:465px;
}

.bannerhead {
	height:134px;
}

.navigation {
	height:46px;
}

.navigation ul {
	padding-left:34px;
}

.navigation ul li {
	float:left;
	list-style:none;
}

.navigation ul li a {
	float:left;
	display:block;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:13px;
	padding-right:13px;
	line-height:46px;
}

.navigation ul li a:hover {
	background:url(../images/nav-bg.jpg) top center no-repeat #404041;
	color:#FFFFFF;
	
}

.banner {
	height:285px;
}
/***************************** END OF HEADER CSS ************************************/


/***************************** BODY CSS *******************************************/
.mainbody {
}

.bodyleft {
	float:left;
	width:639px;
}

.bodyleftmain {
	padding-right:23px;
}

.bodyright {
	float:left;
	width:301px;
	background:url(../images/rightbx-bot.jpg) left bottom no-repeat #ffba00;
}

.bodyrightmain {
	padding-left:19px;
	padding-right:21px;
}

.news {
}

.newstop{
	height:39px;
	background:url(../images/newshead.jpg) left top no-repeat;
}

.newsmid {
	background:#404041;
	padding-left:15px;
	padding-right:15px;
}

.newsmid hr {
}

.newsbot {
	background:url(../images/newsbot.jpg) left top no-repeat;
	height:16px;
}

.newsmore {
	padding-left:203px;
}

a.maillink {
	color:#666666;
	text-decoration:none;
}

a.maillink:hover {
	color:#666666;
	text-decoration:underline;
}

h1.contacthead {
	color:#FFFFFF;
	font-size:18px;
}

.welcomeimg {
	padding-right:10px;
}

h1.bodyheading {
	font-size:18px;
	color:#6d5512;
	padding-top:15px;
	padding-bottom:15px;
}

.bodytop {
	padding-bottom:25px;
}

.bodybottom {
	height:227px;
	background:url(../images/pr-galbg.jpg) no-repeat;
	padding-bottom:15px;
}

.bodybottommain {
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}
/***************************** END OF BODY CSS ************************************/


/***************************** FOOTER CSS *******************************************/
.footer {
	height:122px;
	background:url(../images/footerlogo.jpg) top left no-repeat;
}

.footercontent{
	padding-left:309px;
	padding-top:24px;
	text-transform:uppercase;
	font-size:10px;
}

.footercontent img {
	padding-right:10px;
}

.footercontent a {
	font-size:10px;
	color:#686868;
	text-transform:uppercase;
	text-decoration:none;
}

.footercontent a:hover {
	color:#ac8311;
}


/***************************** END OF FOOTER CSS ************************************/


/************************* PRODUCTS PAGE ********************************/

ul.arch-gal {
	margin:0;
	padding:0;
	padding-top:15px;
}

ul.arch-gal li {
	float:left;
	list-style:none;
	text-align:center;
	font-weight:bold;
	padding:15px;
}

img.off {
	border:solid 3px #FFFFFF;
}

img.on {
	border:solid 3px #FF9900;
}


.bodysubheading {
	color:#bb8f17;
	font-size:15px;
	font-weight:bold;
	margin:0;
	padding:0
}

/******************************** CONTACT PAGE ***********************************/

.contacttop-left {
	float:left;
	width:168px;
	height:105px;
}

.contacttop-right {
	float:left;
	width:227px;
	padding-left:59px;
	height:105px;
	border-left:dashed 1px #a0a1a0;
}