/*****************************/
/*00: Table of Contents*/
/*****************************/
/*
01: Foundation
02: Header
  > 02a: Main Navigation Buttons: BEGIN
03: Portfolio (left-pt1)
04: Personal (right)
  > 04a: *Profile - Section 1/3
  > 04b: Contact - Section 2a/3 / Form - Section 2b/3
  > 04c: Friends - Section 3/3
05: Portfolio (left-pt2)
06: Footer
07: Classes
*/

/*****************************/
/*01: Foundation*/
/*****************************/

body {
  padding:0px; margin:0px 0px 10px 0px;
  background-image:url(../_images/layout/l_bg.gif); background-repeat:repeat-y;
  background-color:#1f88cb;
  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#444343;
}

form {padding:0px; margin:0px;}

#wrapper {
  width:938px;
  padding:0px; margin:16px 0px 0px 25px;
}

#leftColumn {
  width:606px;
  padding:0px; margin:0px 38px 0px 0px;
  float:left;
}

#rightColumn {
  width:293px;
  padding:0px; margin:111px 0px 0px 0px;
  float:left;
}

#clearColumn {
  width:0px; height:0px;
  padding:0px; margin:0px;
  clear:both;
}

#clear {
  padding:0px; margin:0px;
  clear:both;
}

/*****************************/
/*02: Header*/
/*****************************/

#header {
  width:606px;
  padding:0px; margin:0px;
}

  #header #logo {
    width:551px;
	padding:0px; margin:0px;
	float:left;
  }
  
  #header #mainNav {
    width:54px;
	padding:0px; margin:0px;
	float:left;
  }
  
    #mainNav ul {
	  padding:0px; margin:/*32*/46px 0px 0px 0px;
	  list-style:none; display:block;
	}
	
    #mainNav li {
	  width:55px; height:15px;
	  padding:0px; margin:1px 0px 0px 0px;
	  list-style:none; display:block;
	  cursor:pointer;
	}
	
	  /*Main Navigation Buttons: BEGIN*/
	  #home {
	    width:55px; height:15px;
		padding:0px; margin:0px;
		background-image:url(../_images/buttons/b_home.jpg); background-repeat:no-repeat; background-position:top;
	  }
	  
	  #home:hover {background-position:0 -15px;}
	  #homeOn {background-position:0 -15px;}
	  
	  #clients {
	    width:55px; height:15px;
		padding:0px; margin:0px;
		background-image:url(../_images/buttons/b_clients.jpg); background-repeat:no-repeat; background-position:top;
	  }
	  
	  #clientsOn {
	    width:55px; height:15px;
		padding:0px; margin:0px;
		background-image:url(../_images/buttons/b_clients.jpg); background-repeat:no-repeat; background-position:0 -15px;
	  }
	  
	  #clients:hover {background-position:0 -15px;}
	  
	  #folio {
	    width:55px; height:15px;
		padding:0px; margin:0px;
		background-image:url(../_images/buttons/b_folio.jpg); background-repeat:no-repeat; background-position:top;
	  }
	  
	  #folioOn {
	    width:55px; height:15px;
		padding:0px; margin:0px;
		background-image:url(../_images/buttons/b_folio.jpg); background-repeat:no-repeat; background-position:0 -15px;
	  }
	  
	  #folio:hover {background-position:0 -15px;}
	  
	  #resume {
	    width:55px; height:15px;
	    padding:0px; margin:0px;
	    background-image:url(../_images/buttons/b_resume.jpg); background-repeat:no-repeat; background-position:top;
	  }
	  
	  #resume:hover {background-position:0 -15px;}
	  
	  /*Main Navigation Buttons: END*/

/*****************************/
/*03: Portfolio (left-pt1)*/
/*****************************/

#portfolio {
  width:606px;
  padding:0px; margin:5px 0px 0px 0px;
}

  /*Home Page Listings: BEGIN*/
  #workList {
    width:606px;
	padding:0px; margin:0px;
  }
  
    #workList #entryFrame {
	  width:550px;
	  padding:0px; margin:0px 56px 0px 0px;
	  border-top:1px dashed #da0d62;
	}
	
	#workList #entryTable {
	  width:550px;
	  padding:0px; margin:26px 0px 0px 0px;
    }
	
	  #entryTable #title {
	    width:550px; height:26px;
	    padding:0px 0px 0px 0px; margin:0px;
	    background-image:url(../_images/layout/l_redTitle.jpg); background-repeat:no-repeat; background-position:top;
	    font-size:18px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-indent:-1px;
	    position:relative; vertical-align:middle;
	  }
	
	  #entryTable #image {
	    width:550px;
		padding:0px; margin:0px;
      }
	  
	  #entryTable #subtitle {
	    padding:15px 0px 10px 0px; margin:0px;
	    font-family:Arial, Helvetica, sans-serif;}
	  
	    #subtitle p {padding:0px; margin:0px 0px 0px 0px;}
	  
	  #entryTable #copy {
	    padding:0px 0px 23px 0px; margin:0px;
		line-height:14px;
	  }
	  
	    #copy ul {
		  padding:0px; margin:0px;
		  list-style:none; display:block;
		}
		
		#copy li {
		  padding:0px; margin:0px 0px -1px 0px;
		  list-style:none; display:block;
		  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:9px; text-transform:uppercase; color:#da0d62;
		}
		
		#copy a {color:#da0d62; text-decoration:underline;}
		#copy a:hover {color:#da0d62; text-decoration:none;}
  /*Home Page Listings: END*/

/*****************************/
/*03: Personal (right)*/
/*****************************/

  #title2 {
    width:293px; height:25px;
	padding:0px; margin:0px;
	background-image:url(../_images/layout/l_whiteTitle.jpg); background-repeat:no-repeat; background-position:left;
	font-size:18px; color:#2997d3; font-weight:bold; text-transform:uppercase; text-indent:-1px;
	position:relative; vertical-align:middle;
  }

  /*Profile - Section 1/3: BEGIN*/
  #profile {
    width:293px;
	padding:0px; margin:0px 0px 27px 0px;
	position:relative;
  }
  
    #profile #profile_left {
	  width:104px;
	  padding:2px 0px 0px 0px; margin:0px;
	}
	
	#profile #profile_right {
	  width:189px;
	  padding:5px 0px 0px 0px; margin:0px;
	  position:absolute; left:102px; top:30px;
	  z-index:1;
	  
	}
    
	#profile #profile_right ul {
	  padding:0px; margin:0px 0px 0px 0px;
	  list-style:none; display:block;
	}
	
	#profile #profile_right li {
	  padding:0px; margin:0px 0px 4px 0px;
	  list-style:none; display:block;
	}
	
	  #profile_right .title {
	    width:189px;
	    padding:0px 0px 0px 0px; margin:0px;
		font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#a6dcfa;
		line-height:16px;
  	  }
	  
	  #profile_right .copy {
	    width:189px;
	    padding:0px; margin:0px;
		font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff;
		line-height:14px;
  	  } 
  /*Profile - Section 1/3: END*/
  
  /*Friends - Section 3/3: BEGIN*/
  #friends {
    width:293px;
	padding:0px; margin:24px 0px 0px 0px;
  }
  
    #friends #header {
      width:293px; height:29px;
      padding:0px 0px 0px 0px; margin:0px;
      background-image:url(../_images/layout/l_whiteTitle.jpg); background-repeat:no-repeat; background-position:top;
	  font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#1f88cb; 
	  text-transform:uppercase; text-indent:-1px;
    }
	
	#friends ul {
	  padding:0px; margin:5px 0px 11px 0px;
	  list-style:none; display:block;
	}
	
	#friends ul #title {
	  padding:0px; margin:0px 0px 5px 0px;
	  list-style:none; display:block;
	  background-image:none;
	  font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#a6dcfa;
	  text-indent:0px;
	}
	
	#friends ul li {
	  padding:0px; margin:1px 0px 0px 0px;
	  list-style:none; display:block;
	  background-image:url(../_images/icons/i_heart.jpg); background-repeat:no-repeat; background-position:3% 0%;
	  color:#ffffff; text-indent:20px;
	}
	
	#friends a {color:#FFFFFF; text-decoration:none;}
	#friends a:hover {color:#FFFFFF; text-decoration:underline;}
  /*Friends - Section 3/3: END*/

  /*Contact - Section 2a/3: BEGIN*/
  #contact {
    width:100%;
	padding:0px; margin:0px 0px 0px 0px;
  }
  
  #contact ul {
    width:293px;
	padding:0px; margin:0px;
	list-style:none; display:inline;
	clear:both;
  }
  
  #contact ul #li_top {
    width:200px;
	padding:0px; margin:4px 0px 3px 0px;
	font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#a6dcfa;
	list-style:none; display:block;
	position:relative; text-align:left; float:left;
  }
  
   #contact ul #li_bott {
    width:200px;
	padding:0px; margin:0px 0px 2px 12px;
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff;
	list-style:none; display:block;
	position:relative; text-align:left; float:left;
  }
  
    #li_bott a {color:#FFFFFF; text-decoration:none;}
	#li_bott a:hover {color:#FFFFFF; text-decoration:underline;}
  /*Contact - Section 2a/3: END*/
  
  /*Form - Section 2b/3: BEGIN*/
  #form_td {
    width:293px;
	padding:0px; margin:0px 0px 27px 0px;
  }
  
   #form_td ul {
    width:293px;
	padding:0px; margin:0px;
	list-style:none; display:inline;
	clear:both;
  }
  
  #form_td ul #li_top {
    width:200px;
	padding:0px; margin:5px 0px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#a6dcfa;
	list-style:none; display:block;
  }
  
   #form_td ul #li_bott {
    width:293px;
	padding:0px; margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff;
	list-style:none; display:block;
  }
  
    #li_bott .sent {
	  font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#FFFFFF; line-height:16px; text-indent:12px;
	}
  
  #form_td #field1 {
	width:136px; height:13px;
	padding:2px 0px 0px 3px; margin:2px 0px 0px 12px;
	background-color:#79b8e0; border:none;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;
  }
	
  #form_td #field2 {
	width:240px; height:66px;
	padding:2px 0px 0px 3px; margin:2px 0px 3px 12px;
	background-color:#79b8e0; border:none;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;
	overflow:auto;
  }
  
  #form_td #submit {
    padding:0px; margin:0px 0px 0px 12px;
  }
  
  /*Form - Section 2b/3: END*/
	  
/*****************************/
/*04: Portfolio (left-pt2)*/
/*****************************/

#portfolio {
  width:606px;
  padding:0px; margin:5px 0px 0px 0px;
}

  /*Home Page Listings: BEGIN*/
  #workProject {
    width:606px;
	padding:0px; margin:0px;
  }
  
    #workProject #entryFrame {
	  width:550px;
	  padding:0px; margin:0px 56px 0px 0px;
	  border-top:1px dashed #da0d62;
	}
	
	#workProject #projectTable {
	  width:550px;
	  padding:0px; margin:26px 0px 0px 0px;
    }
	
	  #projectTable #title {
	    width:550px; height:26px;
	    padding:0px 0px 0px 0px; margin:0px;
	    background-image:url(../_images/layout/l_redTitle.jpg); background-repeat:no-repeat; background-position:top;
	    font-size:18px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-indent:-1px;
	  }
	
	  #projectTable #image {
	    width:550px;
		padding:0px; margin:0px;
      }
	  
	#info {
	    width:550px;
		padding:0px 0px 0px 0px; margin:20px 0px 0px 0px;
		border-top:1px dashed #da0d62;
	  }
	  
	  #info #info_L {
		width:100px;
		padding:13px 0px 20px 0px; margin:0px;
		font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#da0d62;
		position:relative; vertical-align:top;
	  }
	  
	    #info_L ul {
		  width:100px;
		  padding:0px; margin:0px 0px 0px 0px;
		  list-style:none; display:block;
		}
		
		#info_L li {
		  width:100px;
		  padding:0px; margin:0px 0px 0px 5px;
		  list-style:none; display:block;
		}
		
		#info_L a {
		  font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#2997d3; 
		  text-decoration:none; line-height:2px;
		}
		
	  #info #info_R {
		width:450px;
		padding:13px 0px 20px 0px; margin:0px;
		line-height:14px;
	  }
	  
	    #info_R ul {
		  padding:0px; margin:2px 0px 0px 0px;
		  list-style:none; display:block;
		}
		
		#info_R li {
		  padding:0px; margin:0px;
		  list-style:none; display:block;
		}
		
		#info_L p {margin:0px 0px 0px 0px;}
		#info_R li p {margin:4px 0px 2px 0px;}
		#info_R li a {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:9px; color:#da0d62; text-decoration:underline;}
		#info_R li a:hover {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:9px; color:#da0d62; text-decoration:none;}
		
	#detail {
	    width:550px;
		padding:0px 0px 0px 0px; margin:15px 0px 17px 0px;
	  }
	  
	  #detail #info_L {
		width:100px;
		padding:13px 0px 5px 0px; margin:0px;
		font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#da0d62; text-indent:5px;
		position:relative; vertical-align:top;
	  }
		
	  #detail #info_R {
		width:450px;
		padding:13px 0px 5px 0px; margin:0px;
		line-height:14px;
	  }
	  
	    #detail img {
		  padding:0px; margin:4px 0px 8px 3px;
		}
		
/*****************************/
/*05: Footer*/
/*****************************/		

#footer {
  width:550px; height:20px;
  padding:10px 0px 0px 0px; margin:13px 0px 0px 0px;
  border-top:1px dashed #da0d62;
}

  #footer ul {
    padding:0px; margin:0px 0px 0px 0px;
	list-style:none; display:inline;
  }
  
  #footer li {
    padding:0px; margin:0px 10px 0px 0px;
	list-style:none; display:inline;
  }
  
  #footer a:link {color:#da0d62; text-decoration:underline;}
  #footer a:visited {color:#da0d62; text-decoration:underline;}
  #footer a:active {color:#da0d62; text-decoration:underline;}
  #footer a:hover {color:#da0d62; text-decoration:none;}

/*****************************/
/*##: Classes*/
/*****************************/

.red {color:#da0d62; font-weight:bold; font-size:15px; text-transform:uppercase;}
.blue {color:#2997d3; font-weight:bold; font-size:15px; text-transform:uppercase;}
.caption1 {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:9px; text-transform:uppercase; color:#da0d62;}
.launch {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:9px; text-transform:uppercase; color:#da0d62;};
  .launch a:link {color:#da0d62; text-decoration:underline;}
  .launch a:visited {color:#da0d62; text-decoration:underline;}
  .launch a:active {color:#da0d62; text-decoration:underline;}
  .launch a:hover {color:#da0d62; text-decoration:none;}