/*general adjustments*/

body {
	background:url(../img/mainBg.jpg) #e6e3dc repeat-x top;
	font-family:Georgia, serif;
	font-size:12px;
	color:#151515;
}

img {
	border:none;
}

a {
	text-decoration:none;
	color:#333;
}


#contactBox input.error, #contactBox textarea.error {                   
background:url(../img/spacer.gif) #FFBA00;
}  

/*same for all pages*/
div#content 								{ margin:0 auto; width:988px;}
div#header 									{ border-bottom:1px solid #acaaa5; height:89px; margin:0 4px;}
div#header h1								{ line-height:89px; width:664px; float:left; text-indent:-9999px; background:url(../img/header.gif) no-repeat;}

div#navigation 								{ float:left; padding:44px 0 0 0px;}
div#navigation ul 							{ list-style-type: none; }
div#navigation ul li 						{ float: left; } 
div#navigation ul li a						{ display: block; font-size:14px; padding:8px 0 0 15px; color:#FFF; font-weight:bold;}
div#navigation ul li a#about 				{ width: 102px; background:url(../img/mainNav.gif) no-repeat; background-position:0px -90px;}
div#navigation ul li a#about:hover,
div#navigation ul li a#about.selected 		{ background-position:0px 0px; color: #ffba00;}
div#navigation ul li a#work 				{ width: 89px; background:url(../img/mainNav.gif) no-repeat; background-position:0px -120px; padding-left:19px;}
div#navigation ul li a#work:hover,
div#navigation ul li a#work.selected 		{ background-position:0px -30px; color: #69ad2d;}
div#navigation ul li a#contact 				{ width: 65px; background:url(../img/mainNav.gif) no-repeat; background-position:0px -150px; padding-left:19px;}
div#navigation ul li a#contact:hover,
div#navigation ul li a#contact.selected 	{ background-position:0px -60px; color: #ff3600;}


#footer {clear:both; color:#6d6b66; font-size:12px; margin-top:20px;padding:5px; margin-bottom:30px;}
#footer span {float:right;}

/*home*/
div#home {padding-top:10px;}
#joblist {font-size:40px; margin-top:16px; width:644px; padding:0 5px; float:left;}
#joblist li		{margin-bottom: 11px; padding-bottom:16px; border-bottom:1px dotted #a9a6a1;}
#joblist li a	{color:#1c1c1c;}
#joblist li a.link1:hover, #joblist li a.selected{ padding-left:30px; color:#09F; background:url(../img/jobBullet.gif) no-repeat;}
#joblist li a.link2:hover, #joblist li a.selected{ padding-left:30px; color:#69ad2d; background:url(../img/jobBullet2.gif) no-repeat;}
#joblist li a.link3:hover, #joblist li a.selected{ padding-left:30px; color:#ff3600; background:url(../img/jobBullet3.gif) no-repeat;}
#joblist li a.link4:hover, #joblist li a.selected{ padding-left:30px; color:#ff9600; background:url(../img/jobBullet4.gif) no-repeat;}

#jobThumb { background:url(../img/jobthumbBg.gif) no-repeat; float:left; padding:5px}

.bigBox { width:650px; background:url(../img/bigboxBg.gif) bottom left; clear:left; padding-bottom:22px; float:left; margin-right:9px;}
.bigBox h1 {background:url(../img/bigboxHeaderBg.gif) top left; line-height:30px; padding:15px 22px 0px 22px; color:#cac7bf; font-size:23px;}
.bigBox h1 img {float:right;}
.bigBox p {padding:10px 22px; text-align:justify; font-size:12px; line-height:18px;}
div.cleaner {clear:both;}

#skill {float:left; border-top:6px solid #000; width:301px; margin-top:4px; padding:12px;}
#skill h1 {font-size:32px; font-weight:normal;}
#skill p {text-align:justify; font-size:12px; line-height:18px; padding:10px 0px; }
#skill p.imp {font-weight:bold;}

#home span.jobClassDetailPrevNext {float:right;}


/*contact*/
#contactBox {float:left; width:296px; padding:15px 15px 15px 21px; background:url(../img/contactBoxBg.gif) no-repeat; height:404px; color:#FFF;}
#contactBox h1 {font-size:23px; font-weight:normal; margin-bottom:35px;}

#contactBox input {width:284px; margin:0 0 20px 0; height:20px; border:1px solid #d12c00; background:url(../img/inputBg.gif) no-repeat; font-size:12px; font-family:Georgia; color:#808080;
padding:3px 0 0 5px;
}

#contactBox textarea {width:284px; margin:0 0 12px 0;  height:170px; border:1px solid #d12c00; background:url(../img/textareaBg.gif) no-repeat; font-size:12px; font-family:Georgia; color:#808080; padding:3px 0 0 5px; overflow: hidden;
}

#contactBox .btn {width:56px; height:23px; background-color:#bc300a; background-image:none; border:1px solid #db6c49; padding:0px; color:#FFF; margin-left:235px; margin-top:0px;}

.contArea {margin-right:5px; height:412px;}

/*about*/
#education {float:left; border-top:6px solid #000; width:279px; margin-top:4px; padding:12px; margin-left:5px;}
#education h1 {font-size:32px; font-weight:normal;}
#education p {text-align:justify; font-size:12px; line-height:18px; padding:10px 0px; }
#education p.imp {font-weight:bold;}


#reference {float:left; border-top:6px solid #000; width:278px; margin-top:4px; padding:12px;margin-left:32px; margin-right:12px;}
#reference h1 {font-size:32px; font-weight:normal;}
#reference p {text-align:justify; font-size:12px; line-height:18px; padding:10px 0px; }
#reference p.imp {font-weight:bold;}
#reference span {color:#0099ff;}

#lorem {float:left; width:309px; padding:12px; background:url(../img/loremBg.gif); height:388px}
#lorem p {text-align:justify; font-size:11px; line-height:18px; padding:10px 10px; }
#lorem p.imp {font-weight:bold;}

#aboutRight {float:left; width:309px;padding:12px; background:url(../img/aboutLeft.gif); height:388px}
#aboutRight p {text-align:justify; font-size:12px; line-height:18px; padding:10px 10px; }
#aboutRight p.imp {font-weight:bold;}

.aboArea {margin-right:5px; height:394px;}



/*works*/
/*
div#accordion>div { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #a9a6a1;}
*/

#accordion>li { border-bottom:1px dotted #a9a6a1;}
#accordion li h3{ font-size:40px; font-weight:normal;  color:#1c1c1c; line-height:60px;}
#accordion li h3 a:hover{ padding-left:30px; background:url(../img/jobBullet2.gif) no-repeat 0 0;}
#accordion li h3.selected a,#accordion li h3.selected a:hover{ padding-left:30px; background:url(../img/jobBullet2.gif) no-repeat 0 0px;}
#accordion li h3 a { color:#1c1c1c; }
#accordion li h3 a:hover { color:#69ad2d; }
#accordion li h3.selected a { color:#69ad2d; }

#accordion li.work2 h3 a:hover{ padding-left:30px; background:url(../img/jobBullet.gif) no-repeat 0 0;}
#accordion li.work2 h3.selected a,#accordion li.work3 h3.selected a:hover{ padding-left:30px; background:url(../img/jobBullet.gif) no-repeat 0 0px;}
#accordion li.work2 h3 a:hover { color:#09F; }
#accordion li.work2 h3.selected a { color:#09F; }

#accordion li.work3 h3 a:hover{ padding-left:30px; background:url(../img/jobBullet3.gif) no-repeat 0 0;}
#accordion li.work3 h3.selected a,#accordion li.work3 h3.selected a:hover{ padding-left:30px; background:url(../img/jobBullet3.gif) no-repeat 0 0px;}
#accordion li.work3 h3 a:hover { color:#ff3600; }
#accordion li.work3 h3.selected a { color:#ff3600; }

/*
div#accordion div.ui-accordion-content {padding-top:20px;}
*/
div.carItem {width:153px; height:310px; background:url(../img/carBg.gif) top left no-repeat; padding:17px 5px 0 5px; z-index:-1}
#accordion li.work2 div.carItem {background:url(../img/carBg2.gif) top left no-repeat;}
#accordion li.work3 div.carItem {background:url(../img/carBg3.gif) top left no-repeat;}
.jobTitle {font-size:14px; margin:10px 0;}
.jobContent {font-size:11px; line-height:14px; color:#777;}
.jobReadMore {font-size:11px; font-weight:bold; color:#69ad2d;margin:10px 0 0 0;}
.jobReadMore a{font-size:11px; font-weight:bold; color:#69ad2d;margin:10px 0 0 0;}
#accordion li.work2 .jobReadMore a{font-size:11px; font-weight:bold; color:#09F;margin:10px 0 0 0;}
#accordion li.work3 .jobReadMore a{font-size:11px; font-weight:bold; color:#ff3600;margin:10px 0 0 0;}
.jobReadMore a:hover{text-decoration:underline}
.jobReadMore a:visited{font-size:11px; font-weight:bold; color:#69ad2d;margin:10px 0 0 0;}

.jobTitleDetail {font-size:25px; color:#69ad2d; font-weight:normal; margin:0 0 10px 180px;}
.jobClassDetail {padding-left:30px; background:url(../img/jobBulletG.gif) no-repeat 0 8px; color:#69ad2d; font-size:40px; font-weight:normal; line-height:60px;}

.jobClassDetail1 {color:#6aab29;background:url(../img/jobBulletG.gif) no-repeat 0 8px;}
.jobClassDetail2 {color:#0099ff;background:url(../img/jobBullet.gif) no-repeat 0 8px;}
.jobClassDetail3 {color:#ff3600;background:url(../img/jobBullet3.gif) no-repeat 0 8px;}


.jobTitleDetail1 {color:#6aab29}
.jobTitleDetail2 {color:#0099ff}
.jobTitleDetail3 {color:#ff3600}

div.jcarousel-skin-tangoDetail {width:720px;}

div#jobTextDetail {float:left; width:265px;}
div#jobTextDetail p{margin-bottom:10px; line-height:18px;}

div#workFooter { height:82px; background:url(../img/workFooter.gif) no-repeat; padding:20px 5px; }

div#workFooter .left {float:left; font-weight:bold; width: 337px; padding:15px 40px 15px 22px; margin-right:20px; line-height:22px; border-right:1px solid #333;}
div#workFooter p {line-height:22px; padding-bottom:10px; font-size:11px; margin-top:0px;}

div#education ul li {padding: 5px 0;}