/* CSS Code Template
   Project: Xambala Website (www.xambala.com)
   Creator: Randolf Franco (randolf@szinf.com)
   Version: 0.1
   Last Updated: 5/26/2006   
*/

/*	RESERVED FOR CONTENT REVISIONS  

6/5/2006
changed padding-right to margin-right 30px #desc


*/

/* table of contents */
/*
I. common attributes
II. headings
III. paragraphs, lists and navigation
III. ids
		a. wrapper
		b. container		
		c. header
		d. body
		e. footer
IV. classes
*/
/* end table of contents */

/* I. common attributes */

/* avoid browser inconsistencies */
ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div
{ margin:0; padding:0; }
/* remove blue linked image borders */
a img,:link img,:visited img { border:none; }
/* de-italicize address */
address { font-style:normal; }

body {
	font: normal 12px arial;
	}
	
/* end common attributes */	
	
	
	
/* Headings H1-H6 */

h1 { font: 14pt Arial, Helvetica, sans-serif; font-weight: bold;}

h2 { }

h3 { }

h4 { }

h5 { }

h6 { }

/* end Headings H1-H6 */

/* Paragraph and Link Styles */
p { color: #4b4b4b;}
	#whatsNew p { font-size: 12px; font-weight: bold; color: #fff; }	
	#whatsNew a { font-size: 9px; color: #ffa55f;}
	#whatsNew a:hover { font-size: 9px; color: #cf952f;}

	p a { }
	
ul { }	
	#whatsNew ul { padding: 0px; margin: 0px; margin-left: 15px;list-style-image: url(../images/arrow_yellow.gif); }
	#whatsNew ul li {padding: 0px; margin: 0px; font-size: 11px; margin-left: 10px; }

	

	


/* end Paragraph and Link Styles */

/* ids */

#wrapper {
position: relative;
top: 7px;
width: 986px;
}

#header, #logo, #body, #footer {
position: relative;
}

#header {
width: 1003px;
}

#links {
position: absolute;
top: 0px;
text-align: right;
width: 980px;
font-size: 10px;
z-index: 100;
}
	#links ul,#links ul li {
	padding: 0; margin:0;	
	display: inline;       
	}
	
	#links a {
	text-decoration: none;
	color: #448ccb;
	}
	#links a:hover {
	text-decoration: none;
	color: #f26522;
	}
        #links ul li {
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid #448ccb;
	}
	#links .nobullet {
	border: 0;
	}	
	

#search {
position: absolute;
top: 45px; left: 700px;
width: 300px;
font: 14px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #777777;
text-transform: uppercase;
}
	#search .textbox {
	padding: 0; margin: 0;
	border: 1px solid #448ccb;
	width: 250px;
	}
	
	#search .go_button {
	padding: 2px 2px 1px 2px; 
	border: 0;
	color: #fff; 
	background: #448ccb; 
	font-size: 10px;
	}


#logo {
top: 0px;
left: 28px;
width: 200px;
}

#eyecandy {
position: relative;
top: 0px;
height: 28px;
background-image: url(../images/candy.jpg);
background-repeat: repeat-y;
}

#body {
top: 20px;
background: #fff;
}

#firstRow {
position:relative;
height: 100px;
color: white;
}

#blueHeader{
background-image: url(../images/background.jpg);
background-repeat: repeat;
position: relative;
top: 0px;
height: 130px;
width: 1002px;
}

#desc {
position: relative;
top: 15px; left: 30px;
float: left;
padding: 0px;
width: 330px; height: 130px;
}

#whatsNew {
position: relative;
float: left;
top: 6px; left: 90px;
width: 210px; height: 100px;
color: #fff;
}

#secondRow {
position: relative;
background: #fff;
height: auto;
min-height: 157px;
}

	#secondRow #firstCol {
	background: #fff;
	position: relative;
	width: 681px;
	float: left;
	
	}
	
	#firstCol #vert1, #firstCol #vert2, #firstCol #vert3 {
	min-height: 83px;
	height: auto !important;
	height: 83px;		
	width: 219px;
	}	
	
	#vert1 {
	background:url(../images/vert1.gif) no-repeat;
	}
	
	#vert2 {
	background:url(../images/vert2.gif) no-repeat;
	}

	#vert3 {
	background:url(../images/vert3.gif) no-repeat;
	}
	
	#secondRow #secondCol {
	background: #fff;
	position: relative;
	width: 264px;
	float: right;
	}

	#secondRow #newsHeader {
	padding: 0px; margin: 0px;
	background-image: url(../images/header_blue.gif);
	height: 29px;		
	width: 264px;
	text-align: center;
	}
	
		.newsContent {
		background: #71a8d7;
		font-family: Arial, Helvetica, sans-serif;
		height: 150px;
		width: 264px;
		color: #fff;
		font-size: 10px;
		}
		
		.newsContent p {
		color: #fff;
		margin-left: 40px;
		}
		
		.newsContent ul {
		padding: 0px; margin: 0px;
		padding-top: 10px;
		margin-left: 40px;
		list-style-image: url(../images/blue_list.gif);
		}

		.newsContent ul li{
		padding: 0px; margin: 0px;
		}
		
		.newsBottom {
		background-image:url(../images/bottom_blue.gif);
		width: 264px; height: 23px; 
		
		}
		

#footer {
top: 10px;
font: Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: -0.1px;
color: #7c7c7c;
}

	#footer #footerContent {	
	padding-top: 12px;	padding-left: 30px;
	margin-top: 10px;
	width: 200px;
	}
		#footer ul {
		padding:0; margin: 0;
		padding-top: 10px;
		display: inline;
		}
		#footer ul li {
		padding:0; margin: 0;
		font-size: 9px;
		padding-left: 5px;
		display: inline;
		}
		
		#footer a {
		color: #448ccb;
		font-size: 9px;

		text-decoration: none;
		text-transform: capitalize;
		}
		#footer a:hover {
		color: #005197;
		}
	
	#footer #szinfLogo {
	position: absolute;	
	left: 830px;
	top: 0px;
	}


#marqueecontainer{
position: relative;
width: 256px; /*marquee width */
height: 160px; /*marquee height */
overflow: hidden;
padding: 2px;
padding-left: 4px;
}
/* end ids */

/* classes/styles */



.whitecurve {
position: relative;
margin-top: 10px;
background-image: url(../images/whitecurve.jpg);
height: 26px;
clear: both;
}




.vertContent {
padding:0px; margin: 0px;
position: relative;  left: 40px;
width: 154px !important;
width: 154px;
padding-right: 10px !important;;
padding-right: 10px; 
border-left: 2px solid #f9b074;
border-right: 2px solid #f9b074;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
}


	.vertContent ul {
	list-style-type: none;
	padding: 0; margin: 0; 
	margin-left: 45px !important;
	margin-left: 35px;
	}
		.vertContent ul li {
		padding: 0px; margin: 0px; 
		list-style-image:url(../images/arrow_red.gif);
		background-repeat: no-repeat;
		background-position: 0 .1em;
		padding-left: 0px !important;
		padding-left: 12px;		
		}



.vertBottom {
position: relative;
left: 40px;
background-image: url(../images/bottom_orange.gif);
width: 168px; height: 23px; 
z-index: 100; /*opera*/
}
.link a{ font-size: 10px; color: #b60a00;}
.link a:hover { color: #710600;}


/*----------------------- CSS for careers page -----------------------*/
.invite
{
	font-weight: bold;
}

.invite font
{
	font-family: Arial;
	size: 2;
	color: rgb(0,0,0);
}

.email
{
	size: 2;
	color: rgb(71,140,202);
}

#color_1
{
	color: rgb(71,140,202);
}

.position_title
{
	size: 4;
	color: rgb(0,51,153);
	font-weight: bold;
}

#color_2
{
	color: rgb(0,51,153);
}

.position_list
{
	margin-left: 4em;
}

.list_type
{
	list-style-type: disc;
}

.req_header
{
	size: 2;
	font-weight: bold;
	color: rgb(0,0,0);
}

.requirements_list
{
	margin-left: 2em;
	list-style-type: disc;
}

.desc
{
	size: 2;
	color: rgb(0,0,0);
}

.description
{
	font-size: 14pt; 
	color: rgb(51, 51, 153); 
	font-family: Times New Roman;
	
}



/* end classes/styles */