/*LICENCE --------------------------------------
Lele Simeon 17 November 2008
*/

/*NOTES ----------------------------------------

Insert notes here

UPDATE INFO ------------------------------------

Revision number: 1.0
Last updated: 17 Nov 2008
Last update made by: Lele

CONTENTS ---------------------------------------
=1: Reset all elements to a common value
=2: Default classes
=3: Accessibility
=4: Default Styles
=4a: colours, sizes, etc
=5: Layout Styles
=6: generic styles
=7: Page related styles
*/

/* -- =1: reset all elements to a common value ----------------------------------------------------- */
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}



/* -- =2: default classes -------------------------------------------------------------------------- */
.center { text-align: center; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em !important; }
.bold { font-weight: bold !important; }
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform:lowercase; }
.myImage { float: left; margin: 50px 10px 20px 60px; width: 221px; height: 295px; }
p.footer { text-align: center!important; color: #99cc00; font-size: 1em;}
.imgpad { float: left; margin: 10px;}
.imgpadd { float: left; margin: 20px;}
.boldpink { font-weight: bold !important; color: #99cc00; }
.boldgreen { font-weight: bold !important; color: #99cc00; }
.green { color: #99cc00; }
.white { color: #FFFFFF; }
.whiteindent { color: #FFFFFF; margin-left: 20px;}
.indent { margin-left: 20px;}
.60wide { width: 60%; float: left;}
.submitbtn {margin-left: 370px!important; padding: 2px!important; }
#broweiser {
margin-left: 30px;
}

/* -- =3: accessibility ---------------------------------------------------------------------------- */
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

.hide { display: none; }


/* -- =4: Default Styles --------------------------------------------------------------------------- */
/* =4a: colours, sizes, etc of elements */
body {
	font: 62.5%/1.4 sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	background-color: #333333!important;
	background: url(../images/bg2.gif);
	background-repeat: repeat-x;
}

h1 { font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; font-size: 2em; color: #99cc00; font-weight: bold; margin-left: 10px; padding: 10px 0 0 0;}

h2 { font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif; font-size: 1.6em; color: #ccff33;font-weight: bold; margin-left: 10px;}

h3 { font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif; font-size: 1.5em; color: #99cc00;font-weight: bold; margin-left: 5px;}

h4 { font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif; font-size: 1.4em; color: #ccff33;font-weight: bold; margin-left: 10px;}

p {font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 1.1em; text-align: justify; color: #CCCCCC; padding: 0; margin: 8px; }


a:link {color: #99cc00}     /* unvisited link */
a:visited {color: #ccff33}  /* visited link */
a:hover {color: #ccff99}   /* mouse over link */
a:active {color: #99cc66}   /* selected link */

/*Nav link style*/
#nav ul { margin-left: 0 auto; padding: 0; }
#nav li { margin: 0; padding: 0; list-style-type: none; display: inline!important;  /* Prevents "stepdown" */ }
#nav a { font-family: Verdana, Tahoma, Arial, sans-serif; float: left; font-size: 1.2em; margin-right: 20px; padding-top: 43px; overflow: hidden; height: 0px !important;  height /**/:43px; /* for IE5/Win */}  
#nav a:hover { background-position: 0 -43px;  }
#nav a:active, #nav a.selected { background-position: 0 -43px;  }
	
#homer a { width: 118px; background: url('../images/nav/homer.gif') top left no-repeat; margin-left: 241px; }
#portfolior a { width: 118px; background: url('../images/nav/portfolior.gif') top left no-repeat; }
#resumer a { width: 118px; background: url('../images/nav/resumer.gif') top left no-repeat;} 
#contactr a { width: 118px; background: url('../images/nav/contactr.gif') top left no-repeat; } 
/*Nav links style ends*/

/* -- =5: Layout Styles ---------------------------------------------------------------------------- */
#header, #nav-top, #content, #nav, #footer { float: left; }
#container { /* keep the layout together and centered */
	width: 950px;
	overflow: hidden;
	text-align: left;
	margin: 0 auto;
}
#header {
width: 950px;
height: 143px;
}

#nav {
width: 950px;
height: 43px;
float: left;
margin-top: 1px;
}	

#bodycontent {
width:950px;
float: left;
margin: 0 auto;
padding: 0;
min-height: 560px;
}

	#left_col { /* content area */
	width:40%;
	float: left;
	margin: 0 auto;
	padding: 0;
	}
	
	#right_col { /* content area */
	width:60%;
	float: left;
	margin: 0 auto;
	padding: 0;
	}
	
	#oneCol {
	width: 950px;
	float: left;
	/*border: 1px solid #b5de26;*/ 
	}
	
#footer {
	width:950px;
	height:45px;
	float: left;
	margin: 0 auto;
	padding: 0;
}

#contactform {
margin-left: 50px;
}
#contactform label.error {
width: 100%;
color: #99cc00;
font-size: 1em;
font-style:italic;
float: left;
clear: right;
margin: 10px 10px 10px 110px;
}
#contactform p {
line-height:2em;
}

#contactform label {
width: 100px; min-width: 100px; font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; font-size: 1.1em; text-align: justify; color: #CCCCCC; margin: 15px 10px 10px 10px;
}
#contactform input { font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; font-size: 1.2em; text-align: justify; color: #333333; height:24px!important; margin-left: 18px; padding: 5px 2px 2px 5px; background-color: #FFFFFF!important;}
#contactform textarea { font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; font-size: 1.2em; text-align: justify; color: #333333; }
.required { background-color: #FFFFFF!important;}

#mp3player {
margin-left: 150px;
margin-top: 20px;
}

/* =6: generic styles ------------------------------------------------------------------------------ */


/* =7: Page related styles ------------------------------------------------------------------------- */

.detailbox {
float: left;
width: 300px;
height: 350px;
background-color: #1c1c1c;
border: 1px solid #1c1c1c;
margin-right: 9px;
margin-bottom: 20px;
}

.detailbox2 {
float: left;
width: 440px;
min-height: 560px;
background-color: #1c1c1c;
border: 1px solid #1c1c1c;
margin-left: 28px;
margin-bottom: 20px;
}

.detailbox3 {
float: left;
width: 800px!important;
min-height: 560px;
background-color: #1c1c1c;
border: 1px solid #1c1c1c;
margin-bottom: 20px;
}

.detailbox4 {
float: left;
width: 665px!important;
min-height: 560px;
background-color: #1c1c1c;
border: 1px solid #1c1c1c;

margin-bottom: 20px;
}


.itemdetail {
width: 90%;
float: left;
margin-top: 20px;
}

.imgdetail {
float: left;

}

.imgdetail2 {
float: left;
margin-top: 10px;
margin-left: 20px;
}

.titledetail {
color: #99cc00;
font-weight: bold;
}

.jobdesc ul { width: 90%; margin-left: 20px!important; padding: 0; }
.jobdesc li { margin-left: 30px!important; padding: 0; list-style-type: disc; list-style-postion: inside!important; color: #CCCCCC; line-height:1.5em; font-family: Verdana, Tahoma, Arial, sans-serif; font-size:1.1em; }


/* =7b: Column Sizes */


#left_col40 { /* content area */
	width:40%;
	float: left;
	margin: 0 auto;
	padding: 0;
	}
	
#right_col60 { /* content area */
	width:60%;
	float: left;
	margin: 0 auto;
	padding: 0;
	}
#left_col60 { /* content area */
	width:60%;
	float: left;
	margin-left: 20px;
	padding: 0;
	}
	
#right_col40 { /* content area */
	width:40%;
	float: left;

	margin: 0 auto;
	padding: 0;
	}
#left_col70 { /* content area */
	width:70%;
	float: left;
	margin-left: 20px;
	padding: 0;
	}
	
#right_col30 { /* content area */
	width:30%;
	float: left;
	margin: 0 auto;
	padding: 0;
	}
#left_col30 { /* content area */
	width:30%;
	float: left;
	margin-left: 20px;
	padding: 0;
	}
	
#right_col70 { /* content area */
	width:70%;
	float: left;
	margin: 0 auto;
	padding: 0;
	}
#left_col50 { /* content area */
	width:50%;
	float: left;
	margin-left: 90px;
	padding: 0;
	}
	
#right_col50 { /* content area */
	width:50%;
	float: left;
	margin: 0 auto;
	padding: 0;
	}