body          { font-size: 13px; font-family: sans-serif; margin: 0 }
p          { color: #282828; line-height: 150%; margin: 0 0 5px; padding: 0 }
.details    { font-size: 10px; padding-bottom: 10px }
td    { color: #000; font-size: 10px; line-height: 11px }
.t1 td     { padding-left: 18px; vertical-align: top }
.t2 td   { padding: 8px }
.t5 td     { font-size: 12px; line-height: 150%; padding: 3px; vertical-align: top }
.t5 tr:hover	  { background-color: #f2f2e6; padding: 8px }

.t3 td    { padding: 4px; border-color: #fff }
.t4 tr         { width: 370px; height: 262px; vertical-align: bottom; border-color: #fff }
.tmenu                    { font-size: 11px; line-height: 30px; background-color: #000; letter-spacing: 1px; display: inline; padding: 9px 5px 9px 0 }
.tmenu a:link       { color: #993; display: inline; padding-top: 9px; padding-bottom: 9px }
.tmenu a:visited       { color: #993; display: inline }
.tmenu a:hover         { color: #993; display: inline }
/*Structure starts.tmenu:hover  { color: #ccc; font-size: 9px; line-height: 11px; background-color: #000; display: inline; margin-top: 5px; margin-bottom: 6px; margin-left: 0; padding: 3px 6px 3px 0; vertical-align: bottom; border-color: #fff; -khtml-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1   }*/
.morepics  { padding-bottom: 10px }
.tasks                   { color: #666; font-size: 9px; background-color: #ccc; display: inline; padding: 2px; border-bottom: 1px none }
.line                            { font-size: 9px; text-align: left; margin-bottom: 15px; padding-top: 50px; width: auto; border-top: medium none; border-bottom: 1px solid #141900 }
h1 	                           { color: #000; font-size: 40px; font-family: serif; font-weight: 100; margin: 0 0 55px; padding: 0 }
h2 	              { color: #000; font-size: 16px; font-weight: bold; line-height: 100%; margin: 0; padding: 0 0 5px }

.roundcont    { color: #fff; background-color: #ebebeb; margin-top: 20px; margin-bottom: 20px; width: 240px }

.roundcont p {
	margin: 0 10px;
}
.roundtop   { background: url("../tr.gif") no-repeat right top }

.roundbottom   { background: url("../br.gif") no-repeat right top }

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

a       { text-decoration: none }
a:link         { color: #000 }
a:visited         { color: #000; text-decoration: none }
a:hover            { text-decoration: underline }
a:active      { color: #000 }

ul.a  { list-style-type: circle; padding-left: 20px }



/*Structure starts*/
#container                                { margin-right: auto; margin-left: auto; padding-top: 110px; width: 630px }
#cti                                     { background-color: #fff; text-align: right; padding-right: 20px; position: absolute; top: 60px; right: 33%; width: 50%; height: 66%; float: right; border-right: 1px solid #000 }
#container1                                 { background-color: #000; margin-top: 0; position: fixed; top: 0; right: 0; width: auto; float: right }
#container2                                      { background-color: #000; padding: 110px 2% 0 20%; position: absolute; z-index: 1; top: 0; left: 0; width: 40%; height: auto; clear: both }
#container4                                        { font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 13px; display: block; margin-right: 0; margin-left: 110px; padding: 10px 10px 10px 50px; position: absolute; right: 0; bottom: 0; width: auto; float: right; clear: both }
#container3                                     { background-color: #000; padding-right: 0; padding-bottom: 0; position: absolute; width: 100%; height: 80%; float: right; -khtml-opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5   }
#container2 img                                  { padding-right: 20px; padding-bottom: 20px }
#container3 img                                  { padding-right: 20px; padding-bottom: 20px; top: 110px; left: 153px; border-color: black }
#leftnav                 { text-align: left; padding: 0 0 0 10px; position: absolute; top: 60px; width: 63px }
#next                      { color: #ccc; background-color: #000; text-align: left; padding: 5px; position: absolute; top: 350px; left: 0; width: auto }
#skills                    { color: #ccc; font-size: 12px; text-align: left; padding: 30px 10px 10px 20px; position: absolute; top: 0; right: 10%; width: auto; float: right }
#intro                    { color: #ccc; text-align: left; padding: 10px 10px 10px 0; position: fixed; top: 350px; width: auto }
#next a             { color: #d4d4d4 }
#next a:link        { color: #d4d4d4 }
#next a:visited      { color: #d4d4d4 }
#next a:link:hover, #next a:visited:hover            { color: #d4d4d4 }


.main#two-columns      { clear: both }

.clear,.clearer    { padding-top: 35px; padding-right: 35px; padding-left: 35px; clear: both; border-bottom: #ccc } 
.col2 .left    { width: 370px }
.col2 .left .content          { }
.col2 .right      { color: #111; text-align: left; width: 110px }
.col2 .right .content          { }
.content          { }
.left      { float: left }
.right          { float: right; border-color: #f0f0f0 }
#footer                      { color: #000; font-size: 11px; font-weight: bold; line-height: 12px; text-align: left; margin: 0; padding: 0; position: absolute; z-index: 100; bottom: 10%; left: 70%; float: right }
#header                      { background-color: #fff; text-align: left; padding: 20px 20px 5px; position: absolute; top: 0; left: 0; width: auto }
/*Header navigation starts. Colours: Normal: B2D9ED, Hover: 80C0E1, Active: 0082C4*/	
#navheader ul                  { font-size: 12px; font-weight: bold; line-height: 16px; display: inline; margin: 0; padding: 30px 10px 10px; position: absolute; top: 0; left: 10%; width: auto }
#navheader ul li             { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: inline; padding-right: 20px }
#navheader ul li a            { color: #000 }
#navheader ul li a:link      { list-style: none; display: inline; colour: #0082C4    }
#navheader ul li a:visited    { colour: #0082C4   }
#navheader ul li a:link:hover, #navheader ul li a:visited:hover             { text-decoration: underline; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; colour: #0082C4            }
#navheader ul li a.current           { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }




/*Header navigation starts. Colours: Normal: B2D9ED, Hover: 80C0E1, Active: 0082C4*/	
#navfooter ul                      { font-size: 11px; font-weight: bold; line-height: 12px; background-color: #fff; margin: 0; padding-top: 10px; padding-right: 18px; padding-bottom: 5px; position: absolute; bottom: 10%; left: 66% }
#navfooter ul li               { background: #fff; padding-top: 2px; padding-right: 20px; padding-bottom: 2px }
#navfooter ul li a             { color: #000; display: block }
#navfooter ul li a:link       { list-style: none; display: block; colour: #0082C4     }
#navfooter ul li a:visited    { colour: #0082C4   }
#navfooter ul li a:link:hover, #navfooter ul li a:visited:hover             { text-decoration: underline; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; colour: #0082C4            }
#navfooter ul li a.current           { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }