/* 

By Marek van de Watering / rvdwate@cs.vu.nl / July 2008

New additions by Winoe Bhikharie / June 2009

*/


body {
	
	margin:			0;
	padding:		0;
	line-height: 		1.5em;
	font-family:		"myriad pro";
	font-size:		14px;
	text-align: 		center;

}

#centerall { 
	
	margin-left: 		auto;
	margin-right:	 	auto;
	width: 			50em;
	text-align: 		left;
	margin-top: 		2%;

}

#maincontainer {
	
	width: 			700px; /*Width of main container*/
	margin-top: 		30px;
	margin-left: 		50px;
	
	/*margin: 0 auto; Center container on page*/
}

#topsection {
	
	left:			0px;
	width: 			700px;
	height:			56px;
	
	/*background-image:	url(ximpel_website_top_links_1.jpg);*/
}

#navigation {

	color:			white;
	font-weight:		bold;
}

#navigation ul {
	
	position: relative;
	margin-top: 2.4%;
	margin-left: 285px;
	letter-spacing:		"1";
	
}

#navigation li {
	
	display: 		inline;
	list-style: 		none;	
}

#navigation a {
	
	font-size:		12px;
	text-decoration:	none;
	font-weight:		bold;
	color:			white;
	margin:			1px;
}

#topsection {
	
	margin: 		0;
	padding-top:		0px;
}

#topsection h1 {
	
	margin: 		0;
	padding-top: 		15px;
}

#contentwrapper {
	
	float: 			left;
	width: 			100%;
}

#contentcolumn {
	
	margin-left: 		350px; /*Set left margin to LeftColumnWidth*/
	
	/*background: #C8FC98;*/
}

#leftcolumn {
	
	float:			left;
	width:			350px; /*Width of left column*/
	margin-left:		-680px; /*Set left margin to -(MainContainerWidth)*/
	
	/*background: #C8FC98;*/
}

#footer {
	
	clear: 			left;
	padding: 		1px 0;
	background-image:	url(ximpel_website_bottom_line_1.jpg);
	margin-top: 		50px;
}

.innertube {
	
	margin: 		10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 		0;

}

#textblock {
	
	text-align: 		justify;	
}

#imageblock {
		
}

#text {
	
	position: 		relative;
	left: 			0px;
	margin: 		18px 0px auto;
	width: 			270px;  
	text-align: 		justify;
}

#featurestext {
	
	position: 		relative;
	left: 			0px;
	width: 			300px;  
	text-align:		justify;
}

#featurestext li {
	
	margin-left:		-16px;
	margin-right:		12px;
}

#featuresimage {
	
	margin:			20px 0px auto;
}

#downloadstext {
	
	position:		relative;
	left: 			0px;
	width: 			310px; 
	text-align: 		justify;
}

#downloadicons {
	
	margin: 		115px 35px auto;
}

#downloadicon {
	
	margin-left:		110px;
	margin-top:		46px;
}

#contactinfo {
	
	margin-left: 		0px;	
}
#thumbnails {
	
	margin: 		12px -8px auto;
	
	/*width: 255px;*/
	/*border: 2px dashed #333;*/
	
}

#thumbnails p {
	
	text-align: 		center;
        font-style: 		none;
}

#heading {
	
	font-size: 		13px;
	font-weight: 		bold;
	left: 			0px;
	margin: 		26px 0px auto;
	width: 			255px;  
	text-align: 		justify;
	color: 			orange;
}

#showcaseimages {
	
	margin-bottom: 		60px;
}

div.float {
	
	float: 			left;
	padding: 		8px;
}
  
div.float caption {
   
	text-align:		center;
}

div.spacer {
  
	clear: 			both;
}

#documentstext {
	
	position: 		relative;
	left: 			0px;
	width: 			300px;  
	text-align:		justify;
}

#documentstext p {
	
	margin-left:		20px;
	margin-right:		12px;
}

#ccimage {
	
	position:		relative;
	left:			165px;
	top:			-15px;
	width:			88px;
}

#tutorialwrapper {
	margin-left:	20px;
}

.tut_title {
	font-size: 		18px;
	font-weight: 	bold;
	left: 			0px;
	margin: 		26px 0px 20px auto;
	text-align: 	justify;
	color: 			orange;
}

.tut_description {
	border: 1px solid gray; 
	padding: 10px
}

.tut_header {
	font-weight: 	bold;
	margin: 		16px 0px 10px auto;
}

.tut_example {
	font-family: monospace;
}

.tut_code { 
	font-size: 			12px;
	font-family: 		monospace;
	border:				1px solid #EEEEEE; 
	padding:			10px;
	background-color: 	#FAFAFA;
	margin:				0px;
}