@charset "utf-8";

body {
	background-color:#E0E0E0;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#808080;
}

#wrapper {
	background-color:#F7F8F8;
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
}
a img {border:none; text-decoration:none;}
a {border:none; text-decoration:none; color:#770B49;; background-color:#E6E6E6; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}

a:hover {
	background-color:#770B49;
	color:#E6E6E6;
}


a:focus {
    outline: none;
}



ul{
	margin:0;
	padding:0 0 0 65px;
	list-style-position:outside;
	font-size:14px;
}

ul li{
	line-height:25px;
	margin:0;
	padding:0;
}

/*---------------------------------------------------------------------------------------------------------------Header */
#container {
	width: 900px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#logo{
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#000000;
	height:53px;
	float:left;
	padding: 7px 0 0 45px;
	background:no-repeat url(../images/angela_logo.gif); 
}

#logo a {
		font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#000000;
	background-color:transparent;
}

.logoSpan {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style:italic;
}

#header {
	padding: 45px 0 14px 0;
}

#navBar{
	height:53px;
	width:500px;
	float:right;
	color:#808080;
	margin: 5px 0 0 0;
}

#navBar ul {
	list-style:none;
	display:inline;
	font-size:16px;
	padding:0;
	float:right;
}

#navBar ul a {
	border:none;
	text-decoration:none;
	/*color:#4D4D4D;*/
	cursor:pointer;
	background-color:transparent;
}

#navBar ul li{
	display:inline;
	padding:0 0px 0 20px;
	float:left;
	height:55px;
	width:140px;
	line-height:normal;
	border-right:thin dotted #C6C6C6;
	height:40px;
}
ul li#home{width:100px;}
ul li#about{width:90px;}
ul li#portfolio{width:100px;}
ul li#contact{width:80px; border-right:none;}

.navHeading {
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#000000;
	font-size:18px;
}

.navSubHeading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#999999;
}

#navBar ul li.active .navHeading{color:#5E0B3E;}
/*
#navBar li:hover .navHeading{
	color:#FFF;
}
*/

/*
#navBar ul li .navHeading:hover{
	color:#603;
}
*/

/*--------------------------------------------------------------------------------------------------------------- Content */
.contentBox {
	height: auto;
}

.contentLft {
	width:390px;
	float:left;
}

.contentRgt {
	width:515px;
	padding:0 0px 0 45px;
	float:left;
}

.contentBox h1 {
	margin: 0; padding: 0 0 0px 0;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:38px;
	color: #000000;
}

.contentBox h2 {
	margin: 0; padding: 0 0 30px 0;
	font-style:italic;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #999999;
}

.homeBoxLft h1 {
	margin: 0; padding: 0 0 0px 0;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:33px;
	line-height: 38px;
	color: #4D4D4D;
}

.homeBoxLft h1 span{
	color: #000000;
}

.homeBoxLft h2 {
	margin: 0; padding: 0 0 10px 0;
	font-weight: normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color: #000000;
}

.contentBox p {
	margin: 0; padding: 0 0 24px 0;
	line-height:20px;
	color: #666666;	
}


/*---------------------------------------------------------------------------------------------------------------Homepage Content */
.homeBoxLft {
	width:300px; height:328px;
	padding: 15px 0 0 15px;
	background:url(../images/hp_lft_bg.gif) repeat;
	float:left;
}

.homeBoxRgt {
	margin:0 0 0 10px;
	width:575px; height:343px;
	background:url(../images/hp_rgt_bg.jpg) no-repeat;
	position: relative; 
	float:left;
	z-index:1;
	overflow:hidden;
}

.mainImg {
	z-index:2;
	position: relative; 
	padding:12px 0 0 15px;
	overflow:hidden;
}
.homeBoxCover {
	height:343px;
	width:180px;
	float:right;
	top:-331px;
	background:url(../images/hp_right_cover.png) no-repeat right;
	z-index:3;
	position: relative; 
}

.homeBoxRgtText {
	position: relative;
	height:34px;
	width:575px;
	z-index:4;
	top:-364px;
	right:-74px;
	color:#FFFFFF;
	overflow:hidden;
}

.homeBoxRgtType {
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	background-color:#000000;
	height:25px;
	padding:8px 10px 0 8px;
	/*width:200px;*/
}

.homeBoxRgtName {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	background-color:#4D4D4D;
	height:25px;
	padding:6px 10px 2px 10px;
	width:190px;
}

.blackCorner {
	float:right;
	background-image:url(../images/black_corner.gif); background-repeat:no-repeat;
	width:17px; height:33px;
}

.home3Box, .home3BoxLast{
	margin:24px 20px 0 0;
	width:275px; height:160px;
	float:left;	
	padding:10px 0 0 15px;
}

.home3BoxLast{
	margin:24px 0 0 0;
	width:265px;
}

.home3Box h2, .home3BoxLast h2, .subHeading{
	color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:14px;
	padding: 0 0 10px 0;
}

.home3Box p, .home3BoxLast p{
	font-size:13px;
	line-height:17px;
}

/*---------------------------------------------------------------------------------------------------------------Portfolio Content */
.portfolioWork {list-style:none; margin:0;padding:0;}
.workWrapper { margin:0 0 25px 0; float:left;}

li.workWrapper{line-height:normal;}

a.workWrapper{
	border:none; text-decoration:none; color:#770B49;; background-color:transparent; margin:0; padding:0;
}



.featuredWork, .featuredWork a {
	width:279px;
	margin: 0 18px 5px 0;
	float:left;
	height:166px;
	/*border:thin #E6E6E6 solid;*/
	background-color:#E0E0E0;
	position:relative;
}
a.workWrapper:hover, .featuredWork a:hover, .featuredWork a{background-color:transparent;}
.featuredWork img {
	margin: 6px;
}
.overlay {width:267px; height:154px; display:none; position:relative; top:-167px; left:-1px;}
.overlayStripe {height:23px; width:267px; /*background-image:url(../images/project_hover_bg.png);*/ margin:7px; overflow:hidden;}
.overlayTitle, .overlayTitle a, .overlayTitle a:hover {
	background-color:#542443 !important;
	color:#FFF;
	float:left;
	font-size:12px; font-family:Arial, Helvetica, sans-serif; font-style:normal;
	padding:4px 10px;
	height:23px;
}

.purpleCorner {
	float:left;
	background-image:url(../images/purple_corner.png); background-repeat:no-repeat;
	width:10px; height:23px;
}

.workWrapper:hover .featuredWork {/*background-color:#E0E0E0;*/ /*background-color:#BBBFBA;*/ background-color:#AAAA83 !important;}
.workWrapper:hover .overlay {display:block;}

.workName a, .workName{float:left; padding: 0 0 0 6px; color:#999; background-color:transparent !important;font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px; font-style:italic;}
.workWrapper:hover .workName, .workWrapper:hover .workName a{color:#7E2E61; background-color:transparent !important;}

.clientList {
	margin:0; padding:0 0 30px 0;
	list-style-position:inside;
	float:left;
	width:315px;
	font-size:12px;
}

.buttonLabel, #change {
	background-color:#E6E6E6;
	color:#770B49;
	float:left;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	height:18px;
	padding:4px 10px 0;
	margin: 0 0 30px 0;
}

#change {
	cursor:pointer;
}

.buttonLabel:hover, #change:hover {
	background-color:#CCC;
}

/* Flickr */
.flickr_badge { float: left; }
.flickr_badge img { width: 61px; height: 61px; padding: 1px; margin: 4px 3px 8px 0; border: thin solid #C1C1C1; background: #FFF; float: left; }

.helloCorner {
	float:left;
	background-image:url(../images/hello_corner.gif); background-repeat:no-repeat;
	width:9px; height:32px;
}

.helloThereBg {
	background-color:#9D1F60;
	float:left;
	height:21px;
	color:#FFFFFF;
	margin:6px 0 0 0;
	padding:5px 8px 0px 0px;
}
/*Work Detail*/
.detailHeading {
	float:left;
	width:700px;
}
.miniNav {
	float:right;
	text-align:right;
	width:160px;
	padding:10px 0 0 0;
}
.miniNav a {
	border:none; text-decoration:none; background-color:transparent;
}
.padTop5 {
	padding-top:5px;
	float:left;
}
.detailLft {
	float:left;
	width:600px;
}

.detailRgt {
	float:right;
	width:300px;
}

.workImg {
	border:thin #E6E6E6 solid;
	background-color:#F2F2F2;
	float:left;
}
.h1article {
	float: left;
	width:500px;
}

.rolloverImg img {
	border: solid #E5E5E5 thin;
}
/*---------------------------------------------------------------------------------------------------------------Portfolio Content */
.aboutLft {
	width:520px;
	float:left;
}

.aboutRgt {
	width:350px;
	float:right;
	padding:0 0px 0 15px;
	position:relative;
}

.aboutRgt img{
	float:right;
	position:relative;
	top:-20px;
}

.profileBox, .profileBoxContact{
	width:279px;
	float:left;
	margin:20px 0 0 0;
	padding:0 20px 0 0;
}

.profileBoxContact{margin:0;}
.profileData {
	margin:0; padding:5px 0 5px 0;
	height:125px;
}

.profileData dt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0; padding:0;
	color:#000;
}

.subHeading {
	padding:0 0 6px 0px;
}
.profileData dd {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0; padding:4px 0 10px 0;
	line-height:17px;
}

.profileData ul {margin:0; padding:0; font-size:12px;}
.profileData ul li {line-height:20px;}
.profileData li, .profileDataLast li {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	list-style-position:inside;
}

.profileData li:before, .profileDataLast li:before {
	content: "\00B0 \0020";
	}


/*--------------------------- Contact Form -----------------------*/
/* Other stuff */
.contactLft {
	width:245px;
	float:left;
}

.contactRgt {
	width:570px;
	float:right;
	padding:0 0px 0 30px;
	position:relative;
	border-left:dashed thin #CCCCCC;
}

/* Form */

.contactForm td {
	padding-bottom:13px;
	vertical-align:top;
	white-space:nowrap;
}

.contactTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	padding-right:10px;
	padding-top:8px;
	color:#000000;
}

.submitBtn {
	background:#00A99D;
	cursor: pointer;
	font-family:Arial, Helvetica, sans-serif;
	border:none;
	padding: 5px 10px;
	color:#FFF;
	
}

.submitBtn:hover {
	background-color:#E6E6E6;
	color:#770B49;
}

.contactInput  {
border:none;
border:1px dotted #999999;
font:12px Arial,Helvetica,sans-serif;
height:25px;
overflow:hidden;
padding:3px;
width:323px;
}

.contactArea {
border:1px dotted #999999;
font:12px Arial,Helvetica,sans-serif;
padding:3px;
width:323px;
height:150px;
}

.errorMsg {
	color:#600;
	padding-left:3px;
	font-style:normal;
	font-size:10px;
}

.contentRgtContact {
	width:360px;
	float:left;
	padding:0 0px 0 150px;
}

.iconEmail{
background: url(../images/icon_email.gif) no-repeat;
height:36px;
padding:10px 0 10px 55px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#4D4D4D;
}

.iconLinkedIn{
background: url(../images/icon_linkedIn.gif) no-repeat;
height:36px;
padding:10px 0 10px 55px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#4D4D4D;
}

.iconSkype{
background: url(../images/icon_skype.gif) no-repeat;
height:36px;
padding:10px 0 10px 55px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#4D4D4D;
}

.iconTwitter{
background: url(../images/icon_twitter.gif) no-repeat;
height:36px;
padding:10px 0 10px 55px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#4D4D4D;
}

.iconFacebook{
background: url(../images/icon_fb.gif) no-repeat;
height:36px;
padding:10px 0 10px 55px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#4D4D4D;
}

/* Footer */

#containerFooter {
	background-color:#E0E0E0;
}

#containerAnimal {
	background-color:#F7F8F8;
}

#footerAnimal {
	padding: 0px 0 30px 0; background-color:#F7F8F8;
	width: 1150px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
}

#footerAnimal img {
	float:right;
}

.giraffe{position:relative; top:-130px;}
.neko{position:relative; top:-30px; left:-70px;}
.penguin{position:relative; top:-80px; left:-80px;}
.turtle{position:relative; top:-60px; left:-140px;}
#footer {
	padding: 10px 0 0 0;
	width: 900px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#footer ul{
	list-style:none;
	display:inline;
	padding:0 0 0 25px;
}

#footer ul a {
	border:none;
	text-decoration:none;
	color:#4D4D4D;
	background-color:none;
}

#footer ul li{
	display:inline;
	margin-left: 0;
	padding: 3px 15px 3px 20px;
	border-left: 1px dotted #B7B7B7;
	list-style: none;
	font-size:12px;
}

#footer ul li a, #footer ul li a:hover{
	background-color:transparent;
}

#footer ul li.first {
	margin-left: 0;
	padding: 0 20px 0 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

#copyright  {
	float:right;
}

#copyright a {
	text-decoration:none;
	color:#808080;
}

/* General */
.clr {clear:both; height:0px;}
.divider {margin: 30px 0 30px 0;}
.dividerLine {border-top: dashed #818181 thin; margin:18px 0 18px 0; width:900px; height:1px; float:left;}
.dottedLine {border-top: dotted #C1C1C1 thin; margin:10px 0 10px 0; height:1px; }
.solidLine {border-top: solid #8D9092 thin; margin:10px 0 10px 0; height:1px; width:240px; }
.dottedStrip {height:28px; background-image:url(../images/above_footer_bg.png); background-color:#FFFFFF;}
.hashLine {margin:10px 0 10px 0; height:6px; background-image:url(../images/aboutLine.png); }
.toTop {background-image:url(../images/top.png); width:37px; height:37px; float:right;}
.toTopFooter {background-image:url(../images/top.png); width:37px; height:37px; float:right; margin: -12px 0 0 15px;}
.floatLft {float:left;}
.floatRgt {float:right;}

/* Space */
.padRgt32{ padding-right:32px;}
.mgnRgt32{ margin-right:32px;}
.padBottom60{padding-bottom:60px;}
.mgnTop10{margin-top:10px;}
.padTop55{padding-top:55px;}
.padTop25{padding-top:25px;}
.padTop25clr{padding-top:25px;clear:both; height:0px;}
.padTop12{padding-top:12px;}
.padTop1{padding-top:1px;}
.padTop2{padding-top:2px;}
.padTop3{padding-top:3px;}
.padTop4{padding-top:4px;}
.padTop5{padding-top:5px;}
.padTop6{padding-top:6px;}
.padTop7{padding-top:7px;}
.padTop8{padding-top:8px;}
.padTop9{padding-top:9px;}
.padTop10{padding-top:10px;}
.padTop12{padding-top:12px;}
.padTop13{padding-top:13px;}
.padTop14{padding-top:14px;}
.padTop15{padding-top:15px;}
.padTop17{padding-top:17px;}
.padTop45{padding-top:45px;}
.padTop60{padding-top:60px;}
.mgnTop18{margin-top:18px;}
.padTop18{padding-top:18px;}
.mgnTop20{margin-top:20px;}
.mgnTop25{margin-top:25px;}
.mgnTop28{margin-top:28px;}
.padTop20{padding-top:20px;}
.padTop24{padding-top:24px;}
.padTop26{padding-top:26px;}
.padTop28{padding-top:28px;}
.padTop30{padding-top:30px;}
.padTop35{padding-top:35px;}
.padTop40{padding-top:40px;}
.padTop38{padding-top:38px;}
.padTop80{padding-top:80px;}
.padTop100{padding-top:100px;}
.padTop120{padding-top:120px;}
.padTop150{padding-top:120px;}
.mgnTop10{margin-top:10px;}
.mgnTop20{margin-top:20px;}
.mgnTop30{margin-top:30px;}
.mgnTop40{margin-top:40px;}
.mgnTop45{margin-top:45px;}
.padLft10{padding-left:10px;}
.padLft12{padding-left:12px;}
.padLft20{padding-left:20px;}
.padLft25{padding-left:25px;}
.padLft30{padding-left:30px;}