/*--------------------------------------------------------------------
	Duane Blake  -  2008 
--------------------------------------------------------------------*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;}
ol,ul {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;}

h1,h2,h3,h4,h5,h6,strong { font-weight:bold;} 
em {  font-style:italic; } 
abbr,acronym { border-bottom:1px dotted #000;  cursor:help;}  
p,fieldset,table { margin-bottom:1em; } 

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

/* -------------------------------------- Default styling goes here	 --------------------------------------------*/

body {	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:62.5%; color:#202529; background:#fff; border-top:20px solid #337fcb;}
a,
a:link,
a:visited{color:#000; background:transparent; text-decoration:none;}
a:hover,
a:active{color:#000; background:transparent; text-decoration:underline;}

td{padding:2px;}

.rowOdd{background:#fff; color:inherit;}
.rowEven{background:blue; color:inherit; background:#F1F1F1 none repeat scroll 0%;}

.rowOdd1 {background: #D2E6FD; color:#000;}

.leftFloat {float: left; }
.rightFloat {float: right;}
.clearBoth {clear:both;}

.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight{text-align:right;}

.tAlign {vertical-align:top;}
.vAlign {vertical-align:middle;}
.bAlign {vertical-align:text-bottom;}
.noBorder {border:0px solid #fff;}

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

/* -------------------------------------- Headers	 --------------------------------------------*/
.fullHdr1{color:#c00; background:inherit; font-size:2.9em; font-weight:normal; font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; padding-bottom:15px;}
.fullHdr2{color:#6483a4; background:inherit; font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:2.5em; font-weight:normal;}
.fullHdr3{color:#06d; font-size:1.5em; padding-bottom:5px; padding-top:5px; font-weight:normal;}
.fullHdr4{color:#c5e2b5; font-size:1.8em; padding-bottom:15px; font-weight:normal;}

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

/* -------------------------------------- MessageBox or Error Box	 --------------------------------------------*/
.msgBox1{background:#DFE4EF; border:2px solid #5D76AC; border-width:2px 0; color:#1458C3; text-align:center; padding-top:10px; width:90%; margin:0 auto;}
.msgBox2{background:#F6CBCA; border:2px solid #CB2026; border-width:2px 0; color:#DA5843; text-align:center; padding-top:10px; width:90%; margin:0 auto;}

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

/* -------------------------------------- Headers	 --------------------------------------------*/
.links1 a,
.links1 a:link,
.links1 a:visited{color:#cc5630; background:inherit;}
.links1 a:hover,
.links1 a:active{color:#cc5630; background:inherit;}

.links2 a,
.links2 a:link,
.links2 a:visited{color:#337FCB; background:inherit;}
.links2 a:hover,
.links2 a:active{color:#BC3501; background:inherit;}

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

/* -------------------------------------- defaults	 --------------------------------------------*/

.height0 {height:0;}
.height5 {height:5px;}

.width10 {width:10%;}
.width20 {width:20%;}
.width25 {width:25%;}
.width30 {width:30%;}
.width40 {width:40%;}
.width50 {width:50%;}
.width60 {width:60%;}
.width70 {width:70%;}
.width75 {width:75%;}
.width80 {width:80%;}
.width90 {width:90%;}
.width100 {width:100%;}

.text10 {font-size:10px;}
.text11 {font-size:11px;}
.text12 {font-size:12px;}
.text13 {font-size:13px;}
.text14 {font-size:14px;}

.ml0 {margin-left:0px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}

.mt0 {margin-top:0px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}

.mr0 {margin-right:0px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

.mb0 {margin-bottom:0px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}

.ma0{margin:0;}
.ma5{margin:5px;}
.ma10{margin:10px;}
.ma15{margin:15px;}
.ma20{margin:20px;}

.pl0 {padding-left:0px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}

.pt0{padding-top:0px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}

.pr0 {padding-right:0px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}

.pb0 {padding-bottom:0px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}

.pa0{padding:0;}
.pa5{padding:5px;}
.pa10{padding:10px;}
.pa15{padding:15px;}
.pa20{padding:20px;}

.resetAll {line-height:0px; margin:0; padding:0; height:0; font-size:0;}

.positionRelative{position:relative;}
.positionAbsolute{position:absolute;}

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

/* -------------------------------------- My settings 	 --------------------------------------------*/
#container{width:960px; margin:10px auto 10px; background:#fff; color:inherit; }
	#container.highRes{margin:90px auto 100px; overflow:auto;}

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

/* -------------------------------------- Header 	 --------------------------------------------*/
.navigation {text-align:right;}
	.navigation li{display:inline; font-size:1.5em; padding-left:15px; padding-right:5px;}
	.navigation a,
	.navigation a:link,
	.navigation a:visited{color:#603E1B; background:inherit;}
	.navigation a:hover,
	.navigation a:active{color:#BC3501; background:inherit;}

.headerServices {margin-top:10px; }
.headerServices li{display:inline; font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:1.6em; color:#4e2f2f;}
.headerServices li:first-child{margin-left:6px; }
.headerServices li:after{content:" - ";}
	.headerServices li.noBorder:after{content:" ";}

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

/* -------------------------------------- Content	 --------------------------------------------*/
#content {clear:both; margin-left:90px; margin-top:60px;}
	#content p{color:#31363e; background:inherit; font-size:1.5em;}

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

/* -------------------------------------- Home	 --------------------------------------------*/
.homeIntroduction{width:75%;}
.homeSkillsPortfolio {clear:both; margin-top:30px;}	
.homeSmallPanels { width:45%; float:left; overflow:auto;}

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

/* -------------------------------------- about	 --------------------------------------------*/
.aboutIntroduction{width:60%; padding-right:2%; border-right:2px solid #dbdbdb; margin-right:10px; float:left; }
.aboutServices {width:35%; float:right; }
.favoritesLists {font-size:1.3em; line-height:1.5em; padding-left:10px; }

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

/* -------------------------------------- about	 --------------------------------------------*/
.contactIntroduction{width:60%; margin-right:10px; float:left; border-right:2px solid #dbdbdb; margin-bottom:30px;}
.contactForm { font-size:1.3em; margin-top:40px; margin-bottom:10px;}
.contactFavorite {width:35%; float:right; }
.formlayout {clear:both;}
input, label, textarea{display:block; float:left; width:250px; margin-bottom:10px; }
input, textarea{padding:2px 4px;}
label{display:block; float:left; width:200px; margin-bottom:10px; }
#btn {width:120px; background:#D348A1; color:#fff; text-align:center; margin-left:197px;}
/* -------------------------------------- ------------------ --------------------------------------------*/

/* -------------------------------------- Footer	 --------------------------------------------*/
#footer{background:url(../images/footerbgd.png) repeat-x; height:35px; clear:both;}
	#footer ul{width:550px; margin:0 auto;}
	#footer li {color:#fff; border-right:1px solid #fff; padding:0 5px; line-height:35px; font-size:1.3em; display:inline;}
	#footer li.noBorder {border:0px;}