@charset "UTF-8";
/* CSS Document */
body {
	margin:0px; 
	background-color:#D0D0D0;
	color: black;
}

h1
{
	padding: 0px;
	margin: 0px;
	font-size:24px;
	font-weight:bold;
	color:#CC0000;
	line-height: 1.2em;
	display:inline;
}

h2
{
	padding: 0px;
	margin: 0px;
	font-size: 14pt;
	font-weight:bold;
	color:#CC0000;
}

img
{
		border: none;
}


#mainbody
{
 	width:1000px; 
	height: auto;
	margin-left:auto; 
	margin-right:auto;
	overflow:hidden;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}

#header
{
	background-color:white;
	width:1000px; 
	height:84px; 

}
#slogan {
	float:left; 
	width:250px; 
	height:34px; 
	padding-top:33px; 
	padding-left:0px; 
	font-size:19px; 
	font-weight:100;
}

#contact {
	width:300px; 
	height:34px; 
	float:right; 
	padding-top:37px;
	text-align:left; 
	font-size:12px;
	color:#000;
}

#top_nav {
	width:998px; 
	height:30px; 
	margin-top:0px; 
	background-color:#000000;
	color: #ffffff;
	background-image:url(http://www.syclo.com/images/header/corner_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

.nav_text {
	color:#FFFFFF; 
	padding-right:15px; 
	padding-top:8px; 
	font-size:12px; 
	text-align:right
}

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

#top_nav a:hover {
	text-decoration:none;
	color:#D9D9D9;
}

#main_background
{
 	width:996px;
	height:auto;
	background-color:#fff;
	border: none;
}

#nav_section {
	width: 945px; 
	height: 170px;
	margin-left: auto; 
	margin-right: auto;
}

.navlinks a {
	margin-left:0px; 
	padding-left:5px; 
	text-align: left; 
	list-style:none; 
	margin-top:0px; 
	padding-top:0px; 
	font-size: 10px;
}

ul
{
	width: 220px;
}	

li {
	margin-top:5px;
}

li a {
	margin-left:0px;
	text-decoration:none;
	color:#000;
	font-size:14px;
	padding-left:0px;
	margin-top:10px;
	font-weight: normal;
}


li a:hover {
	margin-left:0px;
	text-decoration:none;
	color:#FC1921;
	font-size:14px;
	padding-left:0px;
	list-style:none;
	margin-top:10px;
}

/* banner section */
#banner_section { 
	width: 100%; 
	height: 380px; 
	margin-top: 20px;
}

#banner_container {
	height: 269px; 
	width: 675px; 
	margin-left: 20px;
}

#left_arrow {
	height: 269px; 
	width:33px;
	float:left;
}

#banner
{
	height: 269px; 
	width:543px;
	float:left;
}

#right_arrow {
	height: 269px; 
	width:33px;
	float:left;
}

#right_image {
	float:right;
	border: none; 
	vertical-align:bottom; 
	padding-top: 10px;
	height: 370px; 
	width:299px;
}

#footer_section {
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
}

#sap_partner_logo
{
	height: 68px; 
	width: 89px;
	padding-right: 20px;
}

#sap_netweaver_logo {
	height: 37px; 
	width: 153px;
	padding-left: 20px;
}

#header_logo {
	margin-top: 60px;
	width: 250px; 
	height: 78px; 
	margin-left: 25px; 
	float:left; 
	border: none;
}

#header_right {
	width: 650px; 
	float: left;
	font-size: 22px; 
	line-height: 1.1em;
}
#header_top {
	width:560px;
}
#orange_text {
	float: left; 
	width: 65px;
	color:#FE8C12;
}
#why_syclo {
	text-align: left; 
	width:227px;
	background-image:url(http://syclo.com/images/menubar/grey_header_widest.jpg);
}
#why_syclo_container {
	width:227px; 
	height:155px; 
	background:url(http://syclo.com/images/grey_bg.jpg) bottom repeat-x; 
	float:left; border-bottom: 
	3px solid #d9d9d9;
}

#co_innovated {
	text-align: left; 
	background-image:url(http://syclo.com/images/menubar/grey_header_widest.jpg); 
	width:215px;
}
#co_innovated_container {
	width:215px; 
	height:155px; 
	background:url(http://syclo.com/images/grey_bg.jpg) bottom repeat-x; 
	float:left; 
	border-bottom: 
	3px solid #d9d9d9; 
	margin-left: 12px;
}

#benefits {
	text-align: left; 
	background-image:url(http://syclo.com/images/menubar/grey_header_widest.jpg); 
	width:228px;
}
#benefits_container{
	width:228px; 
	height:155px; 
	background:url(http://syclo.com/images/grey_bg.jpg) bottom repeat-x; 
	float:left; 
	border-bottom: 
	3px solid #d9d9d9; 
	margin-left: 12px;
}

#deploying {
	text-align: left; 
	background-image:url(http://syclo.com/images/menubar/grey_header_widest.jpg); 
	width:239px;
}
#deploying_container {
	width:239px; 
	height:155px; 
	background:url(http://syclo.com/images/grey_bg.jpg) bottom repeat-x; 
	float:left; 
	border-bottom: 3px solid #d9d9d9; 
	margin-left: 12px;
}