/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family: 'ProximaNovaLight', Arial, sans-serif;
	line-height: 1;
	text-align: center;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/************ Layout ***********/

#container							{ height: 100%; width: 100%; text-align: left; background-color: #bfbfbf; background: url('../images/content_bg.png') repeat; }
#content-wrapper                    { margin: 0 auto; width: 100%; background: url('../images/menu_bg.png') repeat-x; }
#content-top a                      { color: #fc6e27; text-decoration: none; font-size: 18px; }
#content-top a:hover,
#content-top a:focus     		    { text-decoration: underline; }

span.link-arrow                     { color: #738dbc;}

#header								{ width: 100%; height: 81px; }
#header-content					    { width: 980px; margin: 0 auto; } 

.anchor-links a					    { text-decoration: none; color: #9bb8e9; font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 17px; }
.anchor-links a:hover,
.anchor-links a:focus		        { text-decoration: underline; }
.anchor-links						{ float: right; padding: 35px 0 0 0; }
.anchor-links li                    { display: inline; color: #9bb8e9; padding-right: 45px; }

#content-top                        { width: 100%; overflow: hidden; margin: 0 auto; background: url('../images/mainimage_bg.jpg') repeat-x; }
#top-content-holder                 { width: 980px; margin: 0 auto; background: url('../images/image_cloud.png') no-repeat; background-position: right center; }

#introduction                       { padding: 120px 0 50px 0; width: 450px; overflow: hidden; }
#introduction-paragraphs            { padding: 45px 80px 10px 0; margin: 0 auto; width: 980px; background: url('../images/contentbox_bg.png') no-repeat; height: 220px; }
#introduction-paragraphs p          { padding-bottom: 20px; }

#paragraph-left                     { width: 280px; float: left; padding: 0 0px 0px 9px; margin-left: 37px; }

#content-middle  					{ background: url('../images/content_topgradient.png') repeat-x; padding: 0 0 110px 0; overflow: hidden; }
#middle-content-holder              { width: 980px; margin: 0 auto; padding: 90px 0 100px 0; background: url('../images/image_screenshots.png') no-repeat; background-position: 350px 100px; }
#what-is-erp-cloud                  { margin: 0 auto; width: 980px; }
#what-is-erp-cloud p,
#why-erp-in-cloud p                 { color: #314b7b; width: 330px; padding-bottom: 20px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0); }

#middle-content-holder-two          { width: 980px; margin: 0 auto; padding: 90px 0 40px 0; background: url('../images/hr_line.png') no-repeat; background-position: top; }
#why-erp-in-cloud                   { width: 330px; }

#image-grid-holder					{ float: right; margin-right: 30px; padding: 0 0 15px 0; }
#image-grid-holder img              { padding: 0 0 10px 0; }
#image-grid-holder p                { padding: 0 0 0 8px; font-style: italic; font-size: 13px; color: #314b7b; height: 90px; text-shadow: 1px 1px 1px rgba(251, 253, 254, 1.0); }
#first-row							{ width: 230px; overflow: hidden; padding: 0 30px 0 0; }

#get-in-touch-holder                { background: url('../images/contact_bg.png') repeat-x; background-position: top; height: 493px; overflow: hidden; }
#get-in-touch-left					{ float: left; height: 493px; }
#get-in-touch-left-content          { height: 403px; width: 266px; padding: 90px 55px 0 0; background: url('../images/contact_shadow_left.png') no-repeat; background-position: 0px 33px; }
#contact-content-center             { width: 980px; margin: 0 auto; }
#form								{ float: left; padding: 90px 0 0 60px; width: 545px; height: 410px; font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 16px;}
#form p.wide						{ padding: 0 0 10px 0; width: 560px; }
#form p.submit                      { width: 220px; }

label.error                         { color: red; float: right; font-size: 14px; padding: 0; }
label 								{ width: 5em; float: left; margin-right: 30px; color: #7b8598; font-size: 16px; font-family: 'ProximaNovaLight', Arial, sans-serif; padding: 8px 0 0 0; }
input.form							{ width: 342px; height: 39px; background: url('../images/input_small_bg.png') no-repeat; background-position: left center; border: 0; line-height: 39px; padding: 0 0 0 5px; display: inline; }
textarea                            { width: 342px; height: 112px; background: url('../images/input_large_bg.png') no-repeat; border: 0; resize: none; padding: 5px 0 0 5px; }
.submit input						{ margin-left: 105px; background: url('../images/button_send_a.png') no-repeat; width: 120px; margin-top: 10px; }
.submit input:hover,
.submit input:focus					{ background: url('../images/button_send_b.png') no-repeat; cursor: pointer; }

.submit_en input						{ margin-left: 105px; background: url('../images/button_send_a_en.png') no-repeat; width: 120px; margin-top: 10px; }
.submit_en input:hover,
.submit_en input:focus					{ background: url('../images/button_send_b_en.png') no-repeat; cursor: pointer; }

#get-in-touch-right					{ background: url('../images/contact_shadow_right.png') no-repeat; background-position: 0px 33px; height: 494px; overflow: hidden; }

#contact-info						{ height: 266px; background: url('../images/footer_bg.png') repeat-x; }
#contact-info a		        		{ color: #4b73b5; text-decoration: none; font-size: 14px; font-family: Georgia, Arial, sans-serif; }
#contact-info a:hover,
#contact-info a:focus    		    { text-decoration: underline; }
#contact-info p.align               { padding-bottom: 20px; width: 210px; }

#top-footer-holder                  { width: 980px; height: 190px; margin: 0 auto; }
#top-footer-holder p,
#bottom-footer-holder p             { color: #5384d1; font-style: italic; font-size: 14px; font-family: Georgia, Arial, sans-serif; }
#contact-join                       { float: left; width: 300px; padding: 30px 0 0 0; height: 160px; }

input.newsletter		            { font-family: Georgia, Arial, sans-serif; font-size: 13px; font-style: italic; color: #fff; background: url('../images/input_small_blue_bg.png') no-repeat; width: 210px; border: 0; height: 34px; overflow: hidden; margin-top: 15px; line-height: 34px; padding: 0 0 0 5px; }
.submit-newsletter-button input		{ background: url('../images/button_go_a.png') no-repeat; height: 33px; width: 49px; border: 0; display: inline; float: right; margin-top: 15px; margin-right: 35px; }
.submit-newsletter-button input:hover,
.submit-newsletter-buttom input:focus{ background: url('../images/button_go_b.png') no-repeat; cursor: pointer; } 

#contact-address                    { float: left; width: 230px; padding: 30px 0 0 70px; height: 160px; background-image: url('../images/footer_shadow.png'); background-repeat: no-repeat; background-position: 10px 2px; }
#contact-address li, #contact li	{ color: #5384d1; font-style: italic; font-size: 14px; font-family: Georgia, Arial, sans-serif; line-height: 1.4; width: 210px; }
#contact                            { float: left; padding: 30px 0 0 0; width: 380px; background: url('../images/logo-footer.png') no-repeat; background-position: right top; height: 160px; }

.list-right                         { margin-left: 30px; }
span.ghost-margin                   { margin-left: 75px; }

#feedback p.error	                { width: 220px; float: right; margin-right: 90px; margin-top: -43px; }
#feedback p.thank-you	            { width: 220px; float: right; margin-right: 90px; margin-top: -33px; }

#bottom-footer-holder               { width: 980px; height: 40px; margin: 0 auto; padding: 32px 0 0 0; overflow: hidden; }
#bottom-footer-holder p             { width: 300px; color: #3d619b; }
#bottom-footer-holder li            { display: inline; float: right; color: #3d619b; padding: 0 15px 0 0; }
 


.list ul							{ list-style-type: none; padding: 0px; margin: 0px; }
.list li 							{ background-image: url(../images/check.png); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 17px; font-style: italic; font-size: 14px; font-family: Georgia, Arial, sans-serif; line-height: 1.4; color: #314b7b; }


/*Opera Fix*/

body:before 						{ content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; }
					
/* Clearfix floats *
.clearfix:after 					{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix            		{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix 		{ zoom: 1; } /* IE7 */

/* Min-height IE fix */
.some-selector 						{ min-height:500px; height:auto !important; height:500px; }

/*********** Typography **********/

h1                                  { color: #4d6eaa; font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 38px; padding-bottom: 30px; text-shadow: 1px 1px 1px rgba(251, 253, 254, 1.0); }
h2                                  { color: #89b847; font-family: 'ProximaNovaLight', Arial, sans-serif; font-size: 25px; padding-bottom: 20px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0); }
#image-grid-holder h3               { padding: 0 0 5px 8px; font-size: 18px; color: #314b7b; text-shadow: 1px 1px 1px rgba(251, 253, 254, 1.0); }
h4                                  { color: #c2d9ff; font-size: 18px; font-family: 'ProximaNovaLight', Arial, sans-serif; padding: 0 0 8px 0; text-shadow: 1px 1px 1px rgba(63, 83, 111, 1.0); }
p                  					{ font-family: Georgia, Arial, sans-serif; font-size: 14px; color: #314b7b; line-height: 1.4; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0); }
p.bold								{ font-size: 19px; color: #314b7b; font-style: italic; font-family: Georgia, Arial, sans-serif; }
.big-article-title                  { font-size: 32px; padding: 0 0 25px 0; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0); }
.italic-georgia                     { font-size: 17px; font-style: italic; font-family: Georgia, Arial, sans-serif; }
.footer								{ text-shadow: 1px 1px 1px rgba(21, 42, 71, 1.0); }

/*********** Images **********/
.logo        						 { text-indent: -9999px; background: url('../images/logo.png') no-repeat; background-position:center; width: 252px; height: 50px; padding: 30px 0 0 0; }
.microsoft-logo        			     { text-indent: -9999px; background: url('../images/image_microsoft.jpg') no-repeat; background-position: bottom center; width: 185px; height: 64px; padding: 150px 0 0 0; }