@charset "utf-8";
/* CSS Document */

html {margin: 0; padding: 0;}
body {
	font: 14px Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #fff url(../images/background_page_2000px.jpg) no-repeat center top;
	/*background-attachment:fixed;*/
}
h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 10px 0; padding: 0;}
ul ,li {list-style: none; margin: 0; padding: 0;}
img {border: none;}
a {color: blue; text-decoration: underline;}
a:visited {color: purple; text-decoration: underline;}
a:hover {color: #EB562A; text-decoration: underline;} /* orange */

/* function classes ****************************** */
.leftIt {text-align: left;} /* left align */
.rightIt {text-align: right;} /* right align */
.centerIt {text-align: center;} /* center align */
.boldIt {font-weight: bold;}
.clearIt {clear: both; margin: 0; padding: 0;} /* used to clear floats near bottom of holder div */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* layout *************************************** */

/* top bar */
#top {
	height: 35px;
	background: #fff url(../images/background_top.png) repeat;
	width: 100%;
	text-align: center;
	border-bottom: solid 1px #ccc;
}
	#topinner {width: 960px; margin: auto;}
		ul#toplinks {
			display: inline; float: left; text-align: left; width: 480px;
			font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
			ul#toplinks li {padding: 10px 15px 10px 0; display: inline; float: left;}
			ul#toplinks li a {border-right: solid 1px #ccc; padding-right: 15px; color: #213B81; font-weight: bold; text-transform: uppercase; text-decoration: none;}
			ul#toplinks li a:hover {color: #83D1F2;}
			ul#toplinks li.lastlink a {border-right: none !important;}
			
		#flags {float: right; text-align: right; width: 480px;}
			#flags ul {float: right; text-align: right;}
				#flags ul li {padding: 10px 0 10px 5px; display: inline; float: left;}

/* header */
#header {clear: both; width: 960px; margin: 18px auto 20px auto;}
	#logo {background: url(../images/convert-my-image-logo.png) no-repeat;width: 216px; height: 68px; float: left; margin-top: 13px; text-indent: -9000px}
	#topbanner {float: right; width: 728px;}

/* container */
#container {width: 960px; margin: 20px auto;}
	
	/* main */
	#container #main {float: left; width: 640px;}
		
		/* box 1 */
		#maincontent {width: 580px; margin: 0 auto -2px auto; padding: 10px 30px 20px 30px; background: url(../images/background_box_large.png) no-repeat;}
			
			/**/
			#topcontent {}
				#biglogo {margin: 20px 40px 20px 10px; float: left;}
				#contenttext {float: left; width: 400px;}
					#maincontent h2 {font-size: 18px; font-weight: normal; line-height: 1;}
					#maincontent p {line-height: 1;}
			
				.simplelist {margin-left: -10px; margin-bottom: 20px;}
					.simplelist li {clear: left; padding-left: 20px; background: url(../images/orange-bullet.png) no-repeat top left; margin: 7px 10px 0 10px;}

			/* converter */
			#convertcontent {clear: both; border-top: solid 1px #ccc; width: 580px; padding-top: 10px;}
				#convertcontent h2 img {float: left; margin: 0 10px 20px 0;}
				#convertcontent h2 a {padding-top: 10px; color: #EB562A; font-size: 23px; text-decoration: none; color: #EB562A;}
				#convert-form {clear: left; float: left; width: 330px;}
					#convert-form label {clear: left; margin-top: 15px; font-weight: bold; display: block;}
					#convert-form .txt {}
					#convert-form .lst {width: 280px; padding: 2px 0;}
					#convert-form .btn {margin: 15px 0; display: block; font-size: 16px;}
			#convert-other {float: right; width: 200px; text-align: center;}
				#sociallinks {}
					#sociallinks li {display: inline; margin-left: 5px;}
			#container #mainbottom {width: 600px; margin: 0 auto 20px auto; padding: 20px; background: url(../images/background_box_large.png) no-repeat bottom;}
			
			/* sidebar */
			    #container #sidebar {float: right; width: 300px; overflow: hidden;}
			        #container #sidebar .ad {height: 300px; overflow: hidden;}
			        #container #sidebar #doc2pdf {clear: right; width: 300px; height: 150px; background: url(../images/ad-doc2-pdf.png) no-repeat; margin-top: 20px; margin-bottom: 20px;}
			        #container #sidebar #doc2pdf p {text-align: center; font-size: 15px; font-weight: bold; padding: 87px 20px 0 20px;}

			        #container #sidebar .rightbox {width: 300px; background: url(../images/rightbox.png) no-repeat; padding: 20px 20px 1px 20px;}
			        #container #sidebar .rightbox p {margin: 0; padding: 5px 0;}
			            #container #sidebar .rightbox_bottom {width: 300px; height: 20px; background: url(../images/rightbox_bottom.png) no-repeat; padding: 0; margin: 0;}

			        #container #sidebar .donation p {text-align: center; width: 260px;}
			        #container #sidebar .donation #donationform {margin: 10px 0 0 0; text-align: center; width: 260px;}


	
/* bottom */
#bottom {clear: both;}

/* footer */
#footer {
	 color: #000;
	 background: url(../images/footer-bg.jpg) repeat;
	 text-align: center;
	 border-top: solid 1px #ccc;
	 border-bottom: solid 1px #ccc;
	 clear: both;
	 width: 100%;
	 margin: auto;
	 padding: 20px 0;
	 text-align: center;
}