/* CSS Document */

BODY {
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-image:url(../img/bg-main.jpg);
	background-repeat:repeat-x;
	background-color:#efefef;
}
TABLE {
	font-size:10px;
}

H1 {
	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:36px;
	text-shadow:#999;
	color:#ffffff;
	margin-top:18px;
	margin-left:30px;
}

H2 {
	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:15px;
	text-shadow:#999;
	padding-left:0px;
	color:#760000;
	margin-top:8px;
	margin-left:30px;
}

H3 {
	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	text-shadow:#999;
	padding-left:0px;
	color:#760000;
	margin-top:42px;
	margin-left:30px;
}

H4 {
	background-image:url(../img/index_illustration.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:607px;
	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:30px;
	color:#ffffff;
	text-shadow:#999;
	margin-top:0px;
	margin-bottom:0px;
}

#pageTitle H1{
	margin:0px;
	color:#007CC4;
	font-size:18px;
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
}
#pageTitle {
	height:25px;
}

#main-web {
	width:100%;
	margin:0 auto;
}

#main-container {
	width:973px;
	padding:0px;
}

#main-header {
	width:100%;
}

#main-content {
	width:100%;
}

#index_banner {
	width:100%;
	height:432px;
	background-image:url(../img/index_banner.png);
	background-repeat:no-repeat;
	background-position:center;
}

/*---- Navigation----*/
#main-navigation {
	width:100%;
	height:42px;
	background-image:url(../img/nav_bg.png);
	background-repeat:no-repeat;
	margin:0px;
	padding-left:0px;
}

#main-navigation UL {
	display:inline;
}

#main-navigation LI {
	list-style:none;
	float:left;
	display:inline;
}

#nav_spacer {
	width:631px;
	height:42px;
	display:block;
}


#navHowItWorks {
	background-image:url(../img/btn_HowItWorks.png);
	background-repeat:no-repeat;
	background-position:top;
	width:106px;
	height:42px;
	display:block;
}
#navHowItWorks:hover {
	background-position:bottom;
}

#navBlog {
	background-image:url(../img/btn_blog.png);
	background-repeat:no-repeat;
	background-position:top;
	width:46px;
	height:42px;
	display:block;
}
#navBlog:hover {
	background-position:bottom;
}

#navMyAccount {
	background-image:url(../img/btn_myAccount.png);
	background-repeat:no-repeat;
	background-position:top;
	width:92px;
	height:42px;
	display:block;
}

#navMyAccount:hover {
	background-position:bottom;
}

#navLogin {
	background-image:url(../img/btn_login.png);
	background-repeat:no-repeat;
	background-position:top;
	width:54px;
	height:42px;
	display:block;
}
#navLogin:hover {
	background-position:bottom;
}



/*-----NAVIGATION_TOP-------*/

#main_navigation_top {
	background-image:url(../img/header.png);
	width:960px;
	height:113px;
}

#main_navigation_top UL {
	display:inline;
}

#main_navigation_top LI {
	list-style:none;
	float:right;
	display:inline;
	margin-top:30px;
}


#navHome {
	background-image:url(../img/btn_home.png);
	background-repeat:no-repeat;
	background-position:top;
	width:35px;
	height:51px;
	display:block;
}

#navHome:hover {
	background-position:bottom;
}

#navServices{
	background-image:url(../img/btn_services.png);
	background-repeat:no-repeat;
	background-position:top;
	width:56px;
	height:51px;
	display:block;
}

#navServices:hover {
	background-position:bottom;
}

#navPortfolio {
	background-image:url(../img/btn_portfolio.png);
	background-repeat:no-repeat;
	background-position:top;
	width:65px;
	height:51px;
	display:block;
}

#navPortfolio:hover {
	background-position:bottom;
}

#navContact {
	background-image:url(../img/btn_contact.png);
	background-repeat:no-repeat;
	background-position:top;
	width:55px;
	height:51px;
	display:block;
}

#navContact:hover {
	background-position:bottom;
}



/*-------CONTENTS_INDEX--------*/

#index_contents_box UL {
	display:inline;
	padding:0px;
}

#index_contents_box LI {
	list-style:none;
	float:left;
	display:inline;
}

#index_contents_box1 {
	background-image:url(../img/index_contents_box1.png);
	background-repeat:no-repeat;
	background-position:top;
	width:236px;
	height:198px;
	display:block;
}

#index_contents_box1:hover {
	background-position:bottom;
}

#index_contents_box2 {
	background-image:url(../img/index_contents_box2.png);
	background-repeat:no-repeat;
	background-position:top;
	width:236px;
	height:198px;
	display:block;
}

#index_contents_box2:hover {
	background-position:bottom;
}

#index_contents_box3 {
	background-image:url(../img/index_contents_box3.png);
	background-repeat:no-repeat;
	background-position:top;
	width:236px;
	height:198px;
	display:block;
}

#index_contents_box3:hover {
	background-position:bottom;
}

#index_contents_boxForm {
	background-image:url(../img/form_getStarted.png);
	background-repeat:no-repeat;
	background-position:top;
	width:252px;
	height:198px;
	display:block;
}

#content_box_popularIndustries {
	width:100%;
	height:143px;
	background-image:url(../img/content_box_popularIndustries.png);
	background-repeat:no-repeat;
	background-position:center;
	padding:0px;
}

#content_box_featuredIndustries {
	width:100%;
	height:254px;
	background-image:url(../img/content_box_featuredIndustries.png);
	background-repeat:no-repeat;
	background-position:center;
	padding:0px;
}

#content_box_spacer {
	width:100%;
	height:30px;
	display:block;
}

#content_box_middleSpacer {
	width:80px;
	height:30px;
	display:inline;
}



/*-------FOOTER--------*/
#main-footer {
	width:973px;
	/*border-top:1px solid #E8E8E8;*/
	margin:0px;
	font-family: "Century Gothic",Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#555555;
	clear:both;
}
#main-footer a {
	color:#003399;
	text-decoration:none;
}
#main-footer a:hover {
	color:#0066CC;
	text-decoration:underline;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 100%;
}

#footer-wrapper {
	text-align: left;
	float:right;
	margin: 5px auto;
	padding: 0px;
	border:0;
	width:50%;
}

/*******************************/