/* Base CSS - Basic CSS For Alll Pages */

body {
	background-color: #CCCCCC;
	color:#3B5998;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 14px;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

a:link, a:active, a:visited {
	color: #3B5998;
}

a:hover {
	color: #3B5998;
	text-decoration: underline;
}

img {
	border: 0;
}

.heading {
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: 2px solid;
	padding-bottom: 0.10em;
	margin-bottom: 0.25em;
}

/* main body container */
#container {
	background-color: #FFFFFF;
	width: 760px;
	margin: 0 auto;
}

h1 {
	display: inline;
	font-size: 0.75em;
}

#top-intro {
	text-align: left;
	margin: 0.25em 0 0 0.25em;
}

#top-intro a {
	text-decoration: none;
	color: #666666;
}

/* the top shortcuth (live chat) */
#chat-icon {
	float: right;
	margin-bottom: 0;
	padding-bottom: 0;
}

#top-shortcut {
	text-align: right;
	margin: 0 0.5em 0.25em 0;
	font-size: 0.75em;
	padding-top: 0;
}

#top-shortcut a {
	text-decoration: none;
	color: #666666;
}

#top-shortcut a:hover {
	text-decoration: underline;
	color: #FF0000;
}

#top-shortcut ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#top-shortcut li {
	list-style: none;
	display: inline;
	margin: 0;
	border-right: 1px solid #3B5998;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-top: 0;
}

#top-shortcut li.last{
	border-right: none;
	padding-right: 0;
	padding-top: 0;
}

/* logo header */
#header {
	background-color: #3b5998;
}

/* main menu */
#main-menu {
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0.25em 0 0.25em 0;
	font-size: 1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #6D84B4;
}

#main-menu a {
	text-decoration: none;
	color: #FFFFFF;
}

#main-menu a:hover {
/*	color: #3B5998; */
	color: #CCFF66;
}

#main-menu ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#main-menu li {
	list-style: none;
	display: inline;
	margin: 0;
	border-right: 2px solid #3B5998;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

#main-menu li.last{
	border-right: none;

}

/* main menu ends */

/* white-box: for all bordered boxes */
.white-box {
	color: #3B5998;
	border: 1px solid #CCCCCC;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
}

.white-box ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

.white-box a {
	text-decoration: none;
}

/* intro movie (image) */
#intro-box {
	text-align: center;
	background-color: #333333;
	margin: 0 0 0 0;
	padding: 0;
}

#intro-buttons {
	text-align: right;
	margin: 0;
	padding: 0;
}

.intro-button {
	margin: 0 30px 0 0;
}

/* order button of features pages */
.order-button {
	text-align: right; 
	margin-right: 20px;
}


#footer {
	text-align: right;
	margin: 0;
	padding: 0.5em 1.50em 0.5em 0;
	font-size: 0.85em;
	color: #FFFFFF;
	background-color: #6D84B4;
}

#footer a {
	text-decoration: none;
	color: #FFFFFF;
}

#footer a:hover {
	color: #3B5998;
}

#footer-ad {
	text-align: justify;
	margin: 0;
	padding: 0.5em 1.50em 0.5em 0;
	font-size: 0.75em;
	color: #FFFFFF;
	background-color: #CCCCCC;
}

#footer-ad a {
	text-decoration: none;
	color: #FFFFFF;
}

#footer-ad a:hover {
	color: #FFFFFF;
}