/***************************************************
LAYOUT ELEMENTS
***************************************************/

html, body {height: 100%;}

#frame {
    width: 950px;
    margin: 0px;
    padding: 0px;
    font-family: arial, helvetica;
    font-size: 14px;
}



#topframe {
    width: 930px;
}
#topleft { 
	float: left;
	width: 425px;
	left: 0px;
	margin-left: 0px; 
	padding-left: 0px;
}
#topright { 
	float: right;
	left: 425px;
	width: 505px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#nav_project_management_software { 
	float: left;
	width: 930px;
	height: 34px;
	margin: 0px;
	padding: 0px;
}



#bordertop {
    width: 960px;
}
#project_management_frame {
	background: #fff url(images/interface/bg.gif) repeat-y;
	width: 960px;
	margin: 0px; 
	padding: 0px;
}
#borderleft { 
	float: left;
	width: 50px;
	margin: 0px; 
	padding: 0px;
}
/* this is for content and right border */
#bordercontent { 
	float: left;
	left: 50px;
	width: 860px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#borderright { 
	float: right;
	width: 50px;
	margin: 0px; 
	padding: 0px;
}
/* this is for content and box on righ hand side */
#bordercontent2 { 
	float: left;
	left: 50px;
	width: 610px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#borderright2 { 
	float: right;
	width: 300px;
	margin: 0px; 
	padding: 0px;
	text-align: left;
}

#borderright2_quote { 
	float: right;
	width: 250px;
	margin: 0px; 
	padding: 0px;
	text-align: left;
}
#borderright2_top {
	width: 960px;
	height: 36px;
	margin: 0px; 
	padding: 0px;
}

#bordercontent3 { 
	float: right;
	left: 50px;
	width: 910px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}



#newsleft {
    float: left;
    width: 500px; 
    margin: 0px;
    padding: 0px;
}
#newsleft2 {
    float: left;
    width: 460px; 
    margin: 0px;
    padding: 0px;
}

#quotes_bgblue {
    float: left;
    width: 610px;
	text-align: center;
	background-color: #E3F1F6;
    margin: 0px;
    padding: 0px;	
}
#quotes_bgblue_long {
    float: left;
    width: 850px;
	text-align: center;
	background-color: #E3F1F6;
    margin: 0px;
    padding: 0px;	
}


#footer {
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 11px;
	color: #003366;
}

#footer_left {
    float:left;
    width: 100px;
    height: 140px;
}

#footer_right p {
    font-size: 10px;
    margin-left:0px;
}

#copyrights {
    width: 890px;
	font-size: 11px;
	text-align: right;
}



#tourborder {
	width: 850px;
    margin: 0px;
    padding: 0px;
	font-size: 12px;
}

#tour1 {
    float: left;
    width: 210px; 
    margin: 0px;
    padding: 0px;
}

#tour2 {
    float: left;
    width: 220px; 
    margin: 0px;
    padding: 0px;
}

#tour3 {
    float: left;
    width: 200px; 
    margin: 0px;
    padding: 0px;
}
#tour4 {
    float: left;
    width: 220px; 
    margin: 0px;
    padding: 0px;
}


#nav {
	text-align: right;
	padding-right: 15px;
}


#tour_text  { 
	font-size: 14px;
	font-weight: bold;
	height: 18px;
    padding-top: 7px;
    padding-bottom: 7px;
	padding-left: 15px;
    border-top:  2px solid #000000;
    border-bottom:  2px solid #000000;
    background-color: #E5F3F7;
	clear: both;
  }
#tour_description {
	width: 810px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
    margin: 0px;
	font-size: 14px;
}
#tour_sub1 {
    float: left;
    width: 270px; 
    margin: 0px;
    padding-top: 7px;
}

#tour_sub2 {
    float: left;
    width: 270px; 
    margin: 0px;
    padding-top: 7px;
}

#tour_sub3 {
    float: left;
    width: 270px; 
    margin: 0px;
    padding-top: 7px;
}


#news {
    width: 610px; 
    margin: 0px;
	padding: 0px;
	clear: both;
}

#col1 {
    float: left;
    width: 300px; 
    margin: 0px;
    padding-top: 7px;
}

#col1_news {
    float: left;
    width: 290px; 
    margin: 0px;
    padding-top: 7px;
	padding-right: 20px;
}

#col2 {
    float: left;
    width: 310px; 
    margin: 0px;
    padding-top: 7px;
}

#col2_news {
    float: left;
    width: 290px; 
    margin: 0px;
    padding-top: 7px;
}

#col3 {
    float: left;
    width: 250px; 
    margin: 0px;
    padding-top: 7px;
}



#sub_nav1 {
    float: left;
    width: 200px; 
    margin: 0px;
    padding: 0px;
}

#sub_nav2 {
    float: left;
    width: 200px; 
    margin: 0px;
    padding: 0px;
}

#sub_nav3 {
    float: left;
    width: 210px; 
    margin: 0px;
    padding: 0px;
}


#col_left {
    float: left;
    width: 500px; 
    margin: 0px;
    padding-top: 7px;
}

#col_right {
    float: right;
    width: 340px; 
    margin: 0px;
    padding-top: 7px;
}


/* for news.html page */
#news_frame {
    width: 600px; 
    margin: 0px;
    padding: 0px;
}
#news_title {
    float: left;
    width: 400px; 
    margin: 0px;
    padding: 0px;
}


#news_archive {
    float: right;
    width: 200px; 
    margin: 0px;
    padding-top: 10px;
	text-align: right;
}

#news_archive2 {
    float: right;
    width: 180px; 
    margin: 0px;
    padding-right: 15px;
	text-align: right;
}



/***************************************************
TEXT ELEMENTS
***************************************************/
a:link {color: #660000; text-decoration: underline;}
a:visited {color: #660000; text-decoration: underline;}
a:hover {color: #666666; text-decoration: underline;}
a:active {color: #660000; text-decoration: underline;}

a.news:link {color: #660000; text-decoration: none;}
a.news:visited {color: #660000; text-decoration: none;}
a.news:hover {color: #666666; text-decoration: none;}
a.news:active {color: #660000; text-decoration: none;}


H1 {
    font-size: 24px;
	color: #660000;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
}

H1.pm {
	font-family: verdana, arial, helvetica;
	font-size: 24px;
	color: #cc0000;
    margin-top: 0px;
    margin-bottom: 5px;
}

H1.orange {
	font-family: verdana, arial, helvetica;
	font-size: 28px;
	color: #ff4900;
    margin-top: 0px;
    margin-bottom: 10px;
}

H2.green {
    font-size: 12px;
	color: #660000;
	letter-spacing: 2px;
	margin: 0px;
	padding-bottom: 10px;
}

H2.gray {
    font-size: 18px;
	color: #666666;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
}

H2.title {
    font-size: 18px;
	color: #660000;
	margin: 0px;
	padding: 0 0 10 0px;
}

H2.title_bgblue {
    font-size: 18px;
	color: #660000;
	margin: 0px;
	padding: 0 0 10 0px;
}

H3 {
    font-size: 14px;
	letter-spacing: 1px;
	margin: 0 0px;
	padding: 0 0px;
}

H3.gray {
    font-size: 14px;
	color: #666666;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
}

.tagline {
    font-size: 15px;
	letter-spacing: .15em;
	color: #003573;
	margin: 0px;
	padding: 0px;
}


.list {
    list-style-image: url(images/bullets_red.gif);
	background-position: left top;
    background-repeat: no-repeat;
	padding-left: 30px;
    margin: 0 0px;    
    list-style-position: outside;
}

.list_bgblue {
    list-style-image: url(images/bullets_gray.gif);
	background-position: left top;
    background-repeat: no-repeat;
	padding-left: 30px;  
    margin: 0 0px; 
    list-style-position: outside;
}

ul#home{ margin:0px; padding:0px;}
ul#home li{ margin-left:27px; padding:0px; }

.paragraphlarge {
	font-size: 16px;
	color: #000000;
}

.paragraph {
	font-size: 14px;
	color: #000000;
}
.paragraphsm {
	font-size: 12px;
	color: #000000;
}

.author {
	font-size: 11px;
	color: #000000;
	padding-bottom: 0px;
}

.footer {
	font-size: 11px;
	color: #000000;
	text-align: right;
	padding: 0px;
}

.legend {
	font-family: arial, helvetica;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	padding-top: 7px;	
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 10px;
}

.legendabc {
	padding-top: 10px;
	padding-bottom: 10px;
}


.date {
	font-family: arial, helvetica;
	font-size: 12px;
	color: #660000;
    font-weight: bold;
}

.sources {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}


/* start of tags for pricing page */
.headingwhite {
	font-family: arial, helvetica;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	color: #ffffff;
}

.headingwhite2 {
	font-family: arial, helvetica;
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	color: #ffffff;
}

.paragraphpad {
	font-family: arial, helvetica;
	font-size: 13px;
	color: #000000;
    padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.paragraphpads {
	font-family: arial, helvetica;
	font-size: 13px;
	color: #000000;
    padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.paragraphpad2 {
	font-family: arial, helvetica;
	font-size: 13px;
	color: #000000;
    padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
}
/* end of tags for pricing page */

.orgtitle {
	font-family: verdana, arial, helvetica;
	font-size: 15px;
	color: #cc0000;
	font-weight: bold;
    padding-top: 30px;
    margin-bottom: 0px;
}

.address{
	font-family: verdana, arial, helvetica;
	font-size: 15px;
	color: #E17C04;
	font-weight: bold;
    padding-top: 10px;
    margin-bottom: 0px;
}


/* use for online store online */
.parayellow {
font-family: arial, helvetica;
font-size: 13px;
background-color: yellow;
padding: 5px;
color: #000000;
}


.trademarks {
	font-family: arial, helvetica;
	font-size: 14px;
	color: #000000;
}

/***************************************************
ONLINE STORE CSS
***************************************************/

.one {
   position: absolute;
   top: 404px;
   align: center:
   z-index: 5;
  }

.two {
   position: absolute;
   top: 104px;
   align: center:
   z-index: 10;
   border: 1px solid red;
  }