@import 'reset.css';
@import 'typography.css';

html {
	overflow-y: scroll;
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #FFF url(../images/background-main.gif) repeat-x left top;
}

#container {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background: #FFF url(../images/faux-column.png) repeat-y right top;
}

#container-home {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background: #FFF ;
}

#header {
	background: #FFF url(../images/background-header.gif) repeat-y center top;
	border-bottom: 10px solid #fe9d00;
	padding: 10px;
	float: left;
	width: 930px;
	height: 75px;
}

#header-logo {
	margin: 10px 0 0 12px;
	float: left;
}

#header p {
	margin: 25px 25px 0 0;
	padding: 2px 0 13px 30px;
	background: url(../images/telephone-icon.png) no-repeat left top;
	float: right;
	font-size: 1.5em;
	font-weight: bold;
}

#content {
	float: right;
	width: 800px;
}

#content-header {
	height: 91px;
}







/*---------------NAVIGATION--------------*/
#nav {
	background: #fff;
	width: 150px;
	float: left;
}

#nav ul {
	list-style-type :none;
	margin: 0;
}

#nav li a {
	background: #f3f3f3 url(../images/nav-1st-back.gif) repeat-y left top;
	padding: 8px 10px 8px 18px;
	display:block;
	height: 1%;
	margin: 1px 1px 0 0;
	text-decoration: none;
	line-height: 1.167;
}

#nav li a:focus,
#nav li a:hover {
	text-decoration: underline;
	background: #f6f6f6 url(../images/nav-1st-back-ro.gif) repeat-y left top;
}

#nav li a.selected {
	background: #f0f0f0 url(../images/nav-1st-back-ro.gif) repeat-y left top;
	font-weight: bold;
	color: #333;
}

#nav li li a {
	background: #FFF;
	padding: 6px 10px 6px 18px;
	margin: 1px 1px 0 0;
	border-bottom: 1px solid #ddd;
}

#nav li li:last-child a {
	border-bottom: none;
}

#nav li li a:focus,
#nav li li a:hover {
	text-decoration: underline;
	background: #f6f6f6;
}

#nav li li a.selected {
	background: #FFF;
	padding: 6px 10px 6px 18px;
	margin: 1px 1px 0 0;
	color: #333;
}

#nav li li li a {
	font-size: 0.917em;
	padding: 3px 10px 3px 28px;
}

#nav li li li:last-child a {
	padding: 3px 10px 8px 28px;
}

#nav li li li a.selected {
	color: #333;
	font-weight: bold;
	padding: 3px 10px 3px 28px;
}

#nav li li li a:focus,
#nav li li li a:hover {
	text-decoration: underline;
	background: #f6f6f6;
}






/*---------------BREADCRUMB--------------*/
#breadcrumb {
	background: #0e0f85;
	padding: 4px 0 4px 20px;
	border-top: 1px solid #ffffff;
	font-size: 0.95em;
	color: #bbb;
	font-weight: normal;
}

#breadcrumb p {
	margin: 0;
}

#breadcrumb a {
	color: #ddd;
	font-weight: normal;
	text-decoration: underline;
	margin-right: 4px;
	margin-left: 2px;
}

#breadcrumb strong {
	color: #fff;
	font-weight: bold;
	margin-right: 4px;
	margin-left: 4px;
}





/*---------------CONTENT--------------*/

#content-header.about-us {
	background: #999 url(../images/placeholder.gif) no-repeat left top;
}
#content-header.partners {
	background: #999 url(../images/2ndlevel_Headers_partners.gif) no-repeat left top;
}
#content-header.news {
	background: #999 url(../images/2ndlevel_Headers_news.gif) no-repeat left top;
}
#content-header.contact {
	background: #999 url(../images/2ndlevel_Headers_contact.gif) no-repeat left top;
}
#content-header.casestudies{
	background: #999 url(../images/2ndlevel_Headers_casestudies.gif) no-repeat left top;
}
#content-header.about-us{
	background: #999 url(../images/2ndlevel_Headers_about-us.gif) no-repeat left top;
}
#content-header.products{
	background: #999 url(../images/2ndlevel_Headers_products.gif) no-repeat left top;
}
#content-header.whatwedo{
	background: #999 url(../images/2ndlevel_Headers_whatwedo.gif) no-repeat left top;
}
#content-header.technical{
	background: #999 url(../images/2ndlevel_Headers_technical.gif) no-repeat left top;
}



#content-header h1 {
	position: absolute;
	left: -999em;
}

#content-primary {
	float: left;
	width: 600px;
	padding: 20px 30px 10px 20px;
}

#content-primary p.calltoaction {
	font-size: 1.5em;
	font-weight: bold;
	margin: 55px 0 0 0;
	clear: both;
}

#content-primary  p.callus {
	margin: 6px 0 0 0;
	padding: 0px 0 10px 20px;
	background: url(../images/icon-phone.gif) no-repeat left top;
	font-size: 1.2em;
	font-weight: normal;
}

#content-primary  p.emailus {
	margin: -2px 0 40px 0;
	padding: 0 0 0 20px;
	background: url(../images/icon-email.gif) no-repeat 0 5px ;
	font-size: 1.2em;
	font-weight: normal;
}

#content-primary p.newsdate {
	font-size: 0.85em;
	font-weight: bold;
	margin-bottom: 2px;
	color: #666;
}

#content-primary p.newsdate-article {
	font-size: 0.85em;
	font-weight: bold;
	margin-bottom: 14px;
	margin-top: -4px;
	color: #666;
}

#content-primary a.backtotop {
	font-size: 0.85em;
	font-weight: bold;
	margin-bottom: 60px;
	display:block;
}

#content-secondary {
	float: right;
	width: 130px;
	padding: 30px 10px 10px 10px;
}

#content-secondary p {
	margin: 0 0 10px 0;
}

#content-secondary h1 {
	font-size: 1.25em;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#content-secondary a {
	text-decoration: none;
}

#content-secondary a:hover {
	text-decoration: underline;
}

a.pdfdownload {
	background: url(../images/icon-pdf.gif) no-repeat 10px 10px;
	border: #ddd solid 1px;
	display: inline-block;
	padding: 10px 20px 10px 36px;
	text-decoration: none;
}

a.pdfdownload:hover {
	text-decoration: underline;
	background: #eaeaea url(../images/icon-pdf.gif) no-repeat 10px 10px;
}

a.otherpagelink {
	background: url(../images/icon-linkout.gif) no-repeat 1px 6px;
	padding: 2px 2px 2px 19px;
	text-decoration: none;
}

a.otherpagelink:hover {
	text-decoration: underline;
	background: #eaeaea url(../images/icon-linkout.gif) no-repeat 1px 6px;
}

a.emaillink {
	background: url(../images/icon-mailto.gif) no-repeat 1px 6px;
	padding: 2px 2px 2px 14px;
	text-decoration: none;
}

a.emaillink {
	text-decoration: underline;
}


a.sectionlink {
	background-color: #FFFFFF;
	border: #eee solid 4px;
	padding: 15px 20px 15px 20px;
	margin: 4px 10px 20px 0px;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	vertical-align: top;
	display: inline-block;
}

a.sectionlink:hover {
	background-color: #eee;
	text-decoration: underline;
}

p.wwww {
	background-color: #FFFFFF;
	border: #eee solid 4px;
	padding: 15px 20px 15px 20px;
	margin: 4px 10px 20px 0px;
	text-decoration: none;
	display: inline-block;
	width: 230px;
	vertical-align: top;
}


/*---------------NEWS--------------*/
a.newsitem {
	font-size: 1.25em;
	font-weight: bold;
}

a.newsitem :hover {
	text-decoration: underline;
}

p.newsitem {
	margin-top: 24px;
	margin-bottom: 0;
}


a.anewsitem {
	font-size: 1.10em;
	font-weight: normal;
}

a.anewsitem :hover {
	text-decoration: underline;
}

p.anewsitem {
	margin-top: 14px;
	margin-bottom: 0;
}

h3 a {
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}

h3 a:hover {
	text-decoration: underline;
}




/*---------------HOME CONTENT--------------*/

#home-header {
	border-top: 1px solid #ffffff;
	height: 247px;
	background: url(../images/placeholder-home.gif) no-repeat left top;
}

#home-header h1 {
	position: absolute;
	left: -999em;
}

#home-box-1 {
	padding: 10px 20px 10px 20px;
	width: 359px;
	float: left;
	margin: 3px 1px 0 0;
	background-color: #f3f3f3;
}

#home-box-1 a {
	text-decoration: none;
}

#home-box-1 a:hover, #home-box-1 a:focus {
	text-decoration: underline;
}

#home-box-1.right {
	float: right;
	margin-right: 0;
}

#home-box-1.rightblog {
	float: right;
	margin-right: 0;
	background-color: #fff;
	border: #e2e2e2 solid 2px;
	width: 355px;
	background: url(../images/home-blog-back.gif) no-repeat bottom right;
}

#home-box-1.rightblog p {
	width: 300px;
}

#ibmlogo {
	position: relative;
	top: 16px;
	left: 16px;
}

#subscribe {
	position: relative;
	top: 16px;
	left: 16px;
	margin-bottom: 16px;
}

#vote {
	position:relative;
	top: 16px;
	left: 16px;
	margin-top: 16px;
}

#ibmlogo.lefthandside {
	top: 26px;
	left: 0px;
}



/*---------------FOOTER--------------*/

#footer {
	background: #FFF;
	border-top: 1px solid #fe9d00;
	color: #333;
	margin: 1px 0 0 0;
	clear: both;
	height: 1%;
	padding: 10px 0 10px 20px;
}

#footer p {
	color: #666;
	font-size: 0.92em;
}



/*---------------FORM--------------*/

#webinar {
	float: left;
	width: 220px;
	margin-right: 10px;
	padding: 0px 10px 10px 0px ;
}

#webinar  h3 span {
	line-height: 1;
	padding: 0 2px 0 2px;
}

#webinar h3 {
	margin-top: 0.5em;
}

#webinar ul {
	list-style-type: none;
	margin: 20px 0 0 0;
	padding: 0;
	width: 200px;
}

#webinar  li {
	float: left;
	width: 250px;
	margin-bottom: 5px;
}

#webinar  li input {
	position: relative;
	top: -1px;
}

form {
	display:block;
}



/*---------------FORM--------------*/

#lcty {
	float: left;
	width: 550px;
}

#lcty-graphic {
	float: right;
	padding: 0;
	margin-right: -30px;
}

.lcty-banner {
	padding-left: 17px;
	margin-bottom: 15px;
}

#lcty-text {
	padding-left: 18px;
	width: 280px;
}

#lcty-link {
	padding-left: 20px;
	margin: 20px 0px 20px 0px;
}

.toplink {
	color:#000;
	text-decoration:none;
	font-weight:bold;
	padding-left: 14px;
	margin: 20px 0px 20px 0px;
	background: url(../images/lcty-arrow.gif) no-repeat left top;
}

.toplink:hover {
	text-decoration:underline;
}



/*---------------CONTACT FORM--------------*/


#contact-area {
	float:left;
	margin:25px 0;
	width:390px;
}

#contact-area input, #contact-area textarea {
	border:1px solid #CCCCCC;
	float:right;
	font-family:Helvetica,sans-serif;
	font-size:1em;
	margin:0 0 10px;
	padding:5px;
	width:300px;
}

#contact-area textarea {
	height:90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border:2px solid #fec353;
}

#contact-area input.submit-button {
	clear:both;
	float:left;
	margin-bottom:25px;
	margin-left:78px;
	width:80px;
}

label {
	clear:both;
	float:left;
	font-size:0.95em;
	margin-right:15px;
	padding-top:5px;
	text-align:right;
	width:55px;
}