/* ----------------------------------------------------------------------------------------- 
Respect to
http://www.stuffandnonsense.co.uk

----------------------------------------------------------------------------------------- */



/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.4;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}




/* http://blueprintcss.googlecode.com
----------------------------------------------------------------------------------------- */
body { font-size : 70%; color : #ccc; background : #fff; font-family :  Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight : normal; color : #ccc; }
h1 { font-size : 1.2em; line-height : 1; margin-bottom : .5em; }
h2 { font-size : 1.2em; margin-bottom : .75em; }
h3 { font-size : 1.2em; line-height : 1; margin-bottom : 1em; }
h4 { font-size : 1.2em; line-height : 1.25; margin-bottom : 1.25em; height : 1.25em; }
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#fff;text-decoration:underline;}
a {color:#fff;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'lucida console', monospace; line-height : 1.5; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dl dt { font-weight : bold; }
dd { margin-left : 1.5em; }
table { margin-bottom : 1.4em; width : 100%; }
th { font-weight : bold; background : #493c35; color : #fff; }
th, td { padding : 4px 10px 4px 5px; }
tr.even td { background : #493c35; }
tfoot { font-style : italic; }
caption { background : #eee; }



/* Author styles (written here or imported from external files)  
----------------------------------------------------------------------------------------- */

body { background-color : #777; color : #777; 


}

#navmenu li,#footermenu li { display : inline; list-style : none; color : #fff;  }
#navmenu li a { padding : 0 11px; }
#navmenu { background-color : #777; color : #fff; padding: 10px 0; margin-left: -11px;}

#container { width : 750px;  margin: 0 auto; background-color: #fff;}

#main { float: right; width: 375px; text-align: right; padding: 10px 0 10px 20px;}
#main #logo {  padding: 5px 0;}
#quote {display: block; text-align: center; color: #36c; padding: 5px 0; }

h1 { color: #36c; font-size: 11px; margin: 22px 0 10px 5px; padding: 10px 0; }
h2 { color: #36c; font-size: 13px; }

.banner { display: block; width: 280px; height: 94px;}
.banner img { margin-left: 94px; border-left: 94px solid #ed008c;  border-right: 93px solid #fff100; }

#index .banner { background-color: #15bddd;}
#index .banner img { border-left-color:  #ed008c;  border-right-color: #fff100; }
#about .banner { background-color: #ed008c;}
#about .banner img { border-left-color:  #fff100;  border-right-color: #15bddd; }
#objectives .banner { background-color: #fff100;}
#objectives .banner img { border-left-color:  #15bddd;  border-right-color: #ed008c; }
#courses .banner { background-color: #15bddd;}
#courses .banner img { border-left-color:  #fff100;  border-right-color: #ed008c; }
#experience .banner { background-color: #ed008c;}
#experience .banner img { border-left-color:  #15bddd;  border-right-color: #fff100; }
#contact .banner { background-color: #fff100;}
#contact .banner img { border-left-color:  #ed008c;  border-right-color: #15bddd; }
#motivation .banner { background-color: #15bddd;}
#motivation .banner img { border-left-color:  #fff100;  border-right-color: #ed008c; }

#footercontact { text-align:center;margin:0;color: #3366CC; }

#footermenu {   padding: 20px 0 20px 10px;}
#footermenu li, #footermenu li a{ color : #777; }
#footermenu li a{ padding : 0 9px; }

#copyright { background-color : #777; color : #444; padding-top: 20px; margin-bottom:0;}

#content {  border:0px solid red; padding: 20px; color : #444;}
#contact form{  border:0px solid red;}
#contact label{ display:block; width:90px; }
#contact input, #contact textarea{ margin-bottom:10px; }

#content p {  line-height: 1.6em; }
#content a{ color : #3366CC; }
#content  li u{ margin : 0 1.5em; }
#content  ul { margin : 0 1.5em 1.5em 1.5em; list-style-type : disc; }
#content  li { margin-bottom : .3em ;}



#video {  background-color : #777;  text-align:center; border:10px solid #000; width:400px; margin: 0 auto;}