/*GLOBAL STYLES*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-shadow: #000000 0 0 0px;
	background-color: #B4CDD9;
	background-image: url('../images/gradient-bg.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0;
	padding: 0;
    font-weight: 700;
}
#wrapper {
	width: 900px;
	margin: 0;
	padding: 0;
	background-image: url(../images/wrapper-bg2.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	background-color: #B4CDD9;
	
}
#masthead {
	margin: 0;
	padding: 0;
}
#masthead img {
	margin: 10px 0 0 82px;
	padding: 0;
}
#topnav {
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 0 0 0 385px;
	padding: 0;
}
#column_wrapper {
	margin: 0;
	padding: 0;
	min-height: 520px;
}

.page_header
 {
    color: #006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
	}
	
.content_table  
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color : #000000;  
    line-height: 12px;
    border: #47433E solid 1px;
    font-weight: normal;
    width: 750px;
}

.content_table td  { 
    padding: 4px 10px;
    text-align: left;
    color: #003399;
    vertical-align: top;
    width: auto; 
    
 }
 
.content_table th  { 
    background: #006699;
    text-align: left;
    color: #000000;
    vertical-align: top; 
    padding: 4px 10px;  
    width: 100px;

}

/*LEFT COLUMN STYLES - GLOBAL*/
#left {
	width: 235px;
	float: left;
	margin: 0;
	padding: 0;
}
#leftnav {	
	padding: 0;
	margin: 58px 0 0 25px;
	min-height: 400px;	
}
#loggon {
	width: 190px;
	margin: 0 0 0 20px;
	padding: 0;	
	text-align: center;
	font-size: 12px;
	letter-spacing: 1px;
}

#loggon li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#loggon ul {
	margin: 0;
	padding: 0;
	z-index: 10000;
}
#loggon a {
	display: block;
	text-decoration: none;
	background-image: url(../images/loggon-bg.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding: 8px 0;
	color: #FFFFFF;
	line-height:1;
}
#loggon a:hover, #loggon a:active, #loggon a:focus {	
	color: #5BBBE7;	
}
#whatsnew {
	width: 190px;
	margin: 10px 0 0 20px;
	padding: 0;	
	font-size: 12px;
	letter-spacing: 1px;
	color: #FFFFFF;
}

#whatsnew .title{
	font-size: 12px;
	background-image: url(../images/whatsnew-bg.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding: 8px;
}
#whatsnew li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #0D344B;
}
#whatsnew ul {
	margin: 0;
	padding: 0;
	z-index: 10000;
}
#whatsnew a {
	display: block;
	text-decoration: none;
	padding: 5px 4px;
	color: #FFFFFF;
	line-height:1;

}
#whatsnew a:hover, #whatsnew a:active, #whatsnew a:focus {	
	color: #5BBBE7;	
}
#whatsnew .bottom {
	background-color: #8795A2;
	text-align: right;
}
#whatsnew .bottom a {
	display: block;
	text-decoration: none;
	padding: 4px;
	color: #075B82;
	line-height:1;

}
#whatsnew .bottom a:hover, #whatsnew .bottom a:active, #whatsnew .bottom a:focus {	
	color: #FFFFFF;	
}

#requestquote {
	margin: 15px 0 0 20px;
	background-image: url(../images/request-quote-bg.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0;
	height: 50px;
	font-size: 12px;
}
		
#requestquote a {
	display: block;
	text-decoration: none;
	padding: 18px 4px 5px 38px;
	color: #FFFFFF;
	line-height:1;

}
#requestquote a:hover, #requestquote a:active, #requestquote a:focus {	
	color: #5BBBE7;	
}	
/*RIGHT COLUMN STYLES*/

#right {
	width: 660px;
	float: left;
	margin: 0;
	padding: 0;
}
/*content is a front page style*/
#right .content {
	width: 577px;
	margin: 50px 0 0 50px;
	padding: 0;
}

#right .content h1 {
	font-size: 30px;
	font-weight:lighter;
	color: #B1B29D;
	letter-spacing: 1px;
}
#right .content li {
	list-style-image: url(../images/ltblu-arrow.gif);
	list-style-position: inside;
	list-style-type: disc;
	margin: 3px;
	padding: 5px 0;
	color: #FFFFFF;
	font-size: 14px;
	line-height:1;
}
#right .content ul {
	margin: 0;
	padding: 0;
	z-index: 10000;
}
#right .clientspot {
	width: 235px;
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
	font-size: 12px;
	color: #FFFFFF;
}
#right .clientspot .title {
	font-size: 16px;
	width: 232px;
	background-image: url(../images/client-spot-bg.jpg);
	background-position: left;
	background-repeat: no-repeat;
	color: #A8A896;
	padding: 4px;
}
#right .clientspot .bottom {
	background-color: #8795A2;
	text-align: right;
}
#right .clientspot .bottom a {
	display: block;
	text-decoration: none;
	padding: 3px;
	color: #075B82;
	line-height:1;

}
#right .clientspot .bottom a:hover, #right .clientspot .bottom a:active, #right .clientspot .bottom a:focus {	
	color: #FFFFFF;	
}

#right .clientimage {
	margin: 20px 0 0 10px;
	padding: 0px;
	float: left;
	border-left: solid 1px #84939C;
}
#right .clientimage2 {
	margin: 10px 0 0 18px;
	background-image: url(../images/client-image-bg.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#right .clientimage img{
	border: #FFFFFF solid 8px;
	margin: -6px -6px 5px 5px;
}


/*each interior page style has its own style*/
/*Products pages*/
#right .contentprod {
    width: 537px;
	margin: 50px 0 0 50px;
	padding: 65px 20px 20px 20px;
	background-color: #FFFFFF;
	background-image: url(../images/content-prod-bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 300px;
	font-size: 12px;
}

#right .contentprodmenu {
	margin: 0 0 0 300px;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	width: auto;
	padding: 0;
}
#right .contentprodmenu li{
	list-style-type: none;
	margin: 0;
	padding: 0 12px 0 0;
	float: left;
}
#right .contentprodmenu ul {
	margin: 0;
	padding: 0;
}

#right .contentprodmenu a {
	display: block;
	text-decoration: none;
	padding: 0;
	color: #666666;
	line-height:1;
}
#right .contentprodmenu a:hover, #right .contentprodmenu a:active, #right .contentprodmenu a:focus {	
	color: #0089CF;	
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width. */
#right .contentprodmenu  li {width: auto;}

#right .contentprod p {
	padding: 0 20px;
	font-size: 12px;
}
#right .contentprod h1 {
	padding: 0 20px;
	color: #666666;
	font-size: 22px;
}	

/*Services pages*/
#right .contentserv {
    width: 537px;
	margin: 50px 0 0 50px;
	padding: 65px 20px 20px 20px;
	background-color: #FFFFFF;
	background-image: url(../images/content-serv-bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 300px;
	font-size: 12px;
}

#right .contentservmenu {
	margin: 0 0 0 200px;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	width: auto;
	padding: 0;
}
#right .contentservmenu li{
	list-style-type: none;
	margin: 0;
	padding: 0 12px 0 0;
	float: left;
}
#right .contentservmenu ul {
	margin: 0;
	padding: 0;
}

#right .contentservmenu a {
	display: block;
	text-decoration: none;
	padding: 0;
	color: #666666;
	line-height:1;
}
#right .contentservmenu a:hover, #right .contentservmenu a:active, #right .contentservmenu a:focus {	
	color: #0089CF;	
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width. */
#right .contentservmenu  li {width: auto;}

#right .contentserv p {
	padding: 0 20px;
	font-size: 12px;
}
#right .contentserv h1 {
	padding: 0 20px;
	color: #666666;
	font-size: 22px;
}

#right .contentserv table {
	margin-left: 20px;
}	

/*About Us pages*/
#right .contentabout {
    width: 537px;
	margin: 50px 0 0 50px;
	padding: 65px 20px 20px 20px;
	background-color: #FFFFFF;
	background-image: url(../images/content-about-bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 300px;
	font-size: 12px;
}

#right .contentaboutmenu {
	margin: 0 0 0 180px;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	width: auto;
	padding: 0;
}
#right .contentaboutmenu li{
	list-style-type: none;
	margin: 0;
	padding: 0 12px 0 0;
	float: left;
}
#right .contentaboutmenu ul {
	margin: 0;
	padding: 0;
}

#right .contentaboutmenu a {
	display: block;
	text-decoration: none;
	padding: 0;
	color: #666666;
	line-height:1;
}
#right .contentaboutmenu a:hover, #right .contentaboutmenu a:active, #right .contentaboutmenu a:focus {	
	color: #0089CF;	
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width. */
#right .contentaboutmenu  li {width: auto;}

#right .contentaboutsubmenu {
	margin: 0 0 0 0px;
	font-size: 11px;
	height: 15px;
	width: auto;
	padding: 0;

}
#right .contentaboutsubmenu li{
	list-style-type: none;
	margin: 3px 0 0 0;
	padding: 0 6px 0 0;
	float: left;

}
#right .contentaboutsubmenu ul {
	margin: 0;
	padding: 0;
}

#right .contentaboutsubmenu a {
	display: block;
	text-decoration: none;
	padding: 2px 0;
	color: #666666;
	line-height:1;
}
#right .contentaboutsubmenu a:hover, #right .contentaboutsubmenu a:active, #right .contentaboutsubmenu a:focus {	
	color: #0089CF;	
}
#right .contentabout p {
	padding: 0 20px;
	font-size: 12px;
}
#right .contentabout h1 {
	padding: 0 20px;
	color: #666666;
	font-size: 22px;
}

#right .contentabout img{
	border: #FFFFFF solid 8px;
	margin: 0px 0px 5px 5px;
	float: right;
}

#right .contentabout select {
	float: right;
	margin: 20px 50px 0 20px;
}

/*Portfolio pages*/

#right .contentport {
	width: 537px;
	margin: 50px 0 0 50px;
	padding: 65px 20px 20px 20px;
	background-color: #FFFFFF;
	background-image: url(../images/content-port-bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 300px;
	font-size: 12px;
}

#right .contentportmenu {
	margin: 0 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	width: auto;
	padding: 0;
}
#right .contentportmenu li{
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 0;
	float: left;
}
#right .contentportmenu ul {
	margin: 0;
	padding: 0;
}

#right .contentportmenu a {
	display: block;
	text-decoration: none;
	padding: 0;
	color: #666666;
	line-height:1;
}
#right .contentportmenu a:hover, #right .contentportmenu a:active, #right .contentportmenu a:focus {	
	color: #0089CF;	
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width. */
#right .contentportmenu  li {width: auto;}

#right .contentport p {
	padding: 0 20px;
	font-size: 12px;
}
#right .contentport h1 {
	padding: 0 20px;
	color: #666666;
	font-size: 22px;
}

#right .contentport img{
	border: #FFFFFF solid 8px;
	margin: 0px 0px 5px 5px;
	float: right;
}

/*Project Management pages*/

#right .contentprojects {
    width: 850px;
	margin: 20px 0 0 10px;
	padding: 65px 20px 20px 20px;
	background-color: #FFFFFF;
	background-image: url(../images/content-projects-bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 300px;
	font-size: 12px;
}

#right .contentprojectsmenu {
	margin: 0 0 0 50px;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	width: auto;
	padding: 0;
}
#right .contentprojectsmenu li{
	list-style-type: none;
	margin: 0;
	padding: 0 12px 0 0;
	float: left;
}
#right .contentprojectsmenu ul {
	margin: 0;
	padding: 0;
}

#right .contentprojectsmenu a {
	display: block;
	text-decoration: none;
	padding: 0;
	color: #666666;
	line-height:1;
}
#right .contentprojectsmenu a:hover, #right .contentprojectsmenu a:active, #right .contentprojectsmenu a:focus {	
	color: #0089CF;	
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width. */
#right .contentprojectsmenu  li {width: auto;}

#right .contentprojectssubmenu {
	margin: 0 0 0 0px;
	font-size: 11px;
	height: 15px;
	width: auto;
	padding: 0;

}
#right .contentprojectssubmenu li{
	list-style-type: none;
	margin: 3px 0 0 0;
	padding: 0 6px 0 0;
	float: left;

}
#right .contentprojectssubmenu ul {
	margin: 0;
	padding: 0;
}

#right .contentprojectssubmenu a {
	display: block;
	text-decoration: none;
	padding: 2px 0;
	color: #666666;
	line-height:1;
}
#right .contentprojectssubmenu a:hover, #right .contentprojectssubmenu a:active, #right .contentprojectssubmenu a:focus {	
	color: #0089CF;	
}
#right .contentprojects p {
	padding: 0 20px;
	font-size: 12px;
}
#right .contentprojects h1 {
	padding: 0 20px;
	color: #666666;
	font-size: 22px;
}

#right .contentprojects img{
	border: #FFFFFF solid 8px;
	margin: 0px 0px 5px 5px;
	float: right;
}

#right .contentprojects select {
	float: right;
	margin: 20px 50px 0 20px;
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}


#footer {
 height: 52px;
 float:none;
 padding: 0;
 margin: 10px 10px 10px 10px;
 font-size: 10px;
 clear: both;
}

#footer .content {
	float: left;
	padding: 0 0 0 20px;
	margin: 30px 0 0 0;
	font-size: 9px;
	color: #000000;
}
#footer .bott-menu {
	margin: 0 0 0 490px;
	height: 15px;
	padding: 0 0 0 0;
}
#footer .bott-menu li {
	list-style-type: none;
	margin: 34px 0 0 0;
	padding: 0 12px;
	float: left;
	width: 105px;
}
#footer .bott-menu ul {
	margin: 0;
	padding: 0;
}

#footer .bott-menu a {
	display: block;
	text-decoration: none;
	padding: 0;
	color: #FFFFFF;
	line-height:1;
}
#footer .bott-menu a:hover, #footer .bott-menu a:active, #footer .bott-menu a:focus {	
	color: #5BBBE7;	
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width. */
#footer .bott-menu li {width: auto;}


.errorMessage { color:Maroon; font-weight:bold; margin:10px; }