@charset "utf-8";
/* CSS Document */
body
{
	margin:10px 0px 0px 0px;
	text-align:center;
	font-family:sans-serif, Arial, Helvetica;
	background-image:url(../images/backgroundimage.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:black;
	background-attachment:fixed;
	min-height:100%;
}
a:link
{
	text-decoration:none;
	color:#FFFFFF;
}
a:visited
{
	text-decoration:none;
	color:#FFFFFF;
}
a:hover
{
	text-decoration:none;
	color:#FFFFFF;
	font-style:italic;
}
a:active
{
	text-decoration:none;
	color:#FFFFFF;
}
#container
{
	margin-left:auto;
	margin-right:auto;
	width:700px;
	height:inherit;
	text-align:center;
}
#display
{
	margin-left:auto;
	margin-right:auto;
	width:700px;
	height:20px;
	text-align:left;
	margin-bottom:10px;
}
#display P
{
	color:#536535;
	margin:0px 0px 0px 0px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:900;
	
}
#navigation
{
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	width:700px;
	text-align:center;
	z-index:1;
}
#navigation ul
{
	margin:0;
	padding:0;
}
#navigation ul li
{
	float:left;
	height:24px;
	text-align:center;
	overflow:hidden;
}
#mellisdesigns
{
	float:left;
	height:24px;
	width:142px;
	text-align:left;
	overflow:hidden;
	background-color:white;
}
.mellisdesignsLink
{
	float:left;
	height:20px;
	width:150px;
	margin-top:2px;
	background-color:#536535;
	overflow:hidden;
}
.mellisdesignsLink P
{
	margin:0px 0px 0px 3px;
	font-size:15px;
}
#portfolio
{
	float:left;
	height:24px;
	width:96px;
	text-align:left;
	overflow:hidden;
	background-color:white;
}
.portfolioLink
{
	float:left;
	height:20px;
	width:150px;
	margin-top:2px;
	background-color:#a5852e;
	overflow:hidden;
}
.portfolioLink P
{
	margin:0px 0px 0px 3px;
	font-size:15px;
}
#projects
{
	float:left;
	height:24px;
	width:88px;
	text-align:left;
	overflow:hidden;
	background-color:white;
}
.projectsLink
{
	float:left;
	width:190px;
	height:50px;
	margin-top:2px;
	background-color:#935a39;
	overflow:hidden;
}
.projectsThumbnail
{
	float:left;
	height:50px;
	width:40px;
	margin:0px 0px 0px 0px;
}
.projectsHeading
{
	float:left;
	height:20px;
	width:150px;
	margin:0px 0px 0px 0px;
	overflow:hidden;
}
.projectsHeading P
{
	margin:0px 0px 0px 3px;
	font-size:15px;
}
.projectsDescription
{
	float:left;
	height:20px;
	width:150px;
	margin:0px 0px 0px 0px;
}
.projectsDescription P
{
	margin:0px 0px 0px 3px;
	font-size:11px;
	color:white;
	font-weight:500;
}
#contact
{
	float:left;
	height:24px;
	width:79px;
	text-align:left;
	overflow:hidden;
	background-color:white;
}
.contactLink
{
	float:left;
	height:20px;
	width:150px;
	margin-top:2px;
	background-color:#813a41;
	overflow:hidden;
}
.contactLink P
{
	margin:0px 0px 0px 3px;
	font-size:15px;
}
#blog
{
	float:left;
	height:24px;
	width:44px;
	text-align:left;
	overflow:hidden;
	background-color:white;
}
.blogLink
{
	float:left;
	height:40px;
	width:190px;
	margin-top:2px;
	background-color:#3b334f;
	overflow:hidden;
}
.blogHeading
{
	float:left;
	heigth:20px;
	width:190px;
	margin:0px 0px 0px 0px;
}
.blogText
{
	float:left;
	heigth:20px;
	width:190px;
	margin:0px 0px 0px 0px;
}
.blogHeading P
{
	margin:0px 0px 0px 3px;
	font-size:15px;
	color:white;
}
.blogText P
{
	margin:0px 0px 0px 3px;
	font-size:12px;
	color:white;
}
#designlogo
{
	position:absolute;
	width:700px;
	height:24px;
	background-color:white;
	text-align:right;
	z-index:0;
}
#content
{
	margin-top:24px;
	float:left;
	width:700px;
	background-color:white;
	text-align:left;
	padding-bottom:10px;
}
#imageframehome
{
	margin-top:24px;
	float:right;
	width:300px;
	text-align:center;
}
.imageframeheading
{
	width:100%;
	height:16px;
	margin-bottom:3px;
}
.imageframeheading H1
{
	margin: 0px 0px 0px 3px;
	font-style:normal;
	font-size:11px;
	text-align:left;
	font-style:italic;
}
.imageSocialMedia
{
	width:100%;
	height:16px;
	margin-top:3px;
}
.imageSocialMedia H1
{
	margin: 0px 0px 0px 3px;
	font-style:normal;
	font-size:11px;
	text-align:left;
	font-style:italic;
}
.imageSocialMedia IMG
{
	border:none;
	margin-top:3px;
}
#imageframeport
{
	margin-top:24px;
	float:right;
	width:148px;
	text-align:right;
}
#textport
{
	margin-top:24px;
	float:left;
	width:650px;
	background-color:white;
	text-align:left;
}

.textareaheading
{
	width:100%;
	height:16px;
}
.textareaheading H1
{
	margin: 0px 0px 0px 3px;
	font-style:normal;
	font-size:11px;
	font-style:italic;
}
.textareacontent 
{
	width:100%;
	margin-bottom:10px;
}
.textareacontent P
{
	margin: 0px 0px 0px 3px;
	font-style:normal;
	font-size:11px;
	color:black;
}
#textnews
{
	margin-top:24px;
	float:left;
	width:390px;
	background-color:white;
	text-align:left;
}
.textnewsheading
{
	width:100%;
	height:17px;
}
.textnewsheading H1
{
	margin: 0px 0px 0px 3px;
	font-style:normal;
	font-size:11px;
	font-style:italic;
}
.mellisdesignsHeading
{
	float:left;
	width:100%;
	margin:4px 3px 0px 3px;
}
.mellisdesignsHeading H1
{
	margin: 0px 0px 0px 0px;
	font-style:normal;
	font-size:11px;
	color:#536535;
	text-transform:capitalize;
}
.mellisdesignsContent
{
	float:left;
	width:100%;
	margin:0px 3px 5px 3px;
	border-left:solid 4px #b5d483;
}
.mellisdesignsContent P
{
	margin: 0px 20px 5px 5px;
	font-size:11px;
	text-align:justify;
}
.portfolioLayout
{
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
}
.portfolioHeading
{
	float:left;
	width:100%;
	margin:3px 0px 0px 0px;
	height:16px;
}
.portfolioHeading H1
{
	margin: 0px 0px 0px 3px;
	font-size:11px;
	color:black;
	text-transform:uppercase;
	font-style:italic;
}
.portfolioCat
{
	float:left;
	height:15px;
	width:25%;
}
.portfolioCat P
{
	margin:0px 0px 0px 3px;
	font-size:10px;
	color:#af2f2f;
	text-align:left;
}
.portfolioWeb
{
	float:left;
	height:15px;
	width:50%;
	background-color:white;
}
.portfolioWeb P
{
	margin:0px 0px 0px 0px;
	font-size:10px;
	color:#af2f2f;
	text-align:center;
}
.portfolioWeb a:link
{
	text-decoration:none;
	color:#af2f2f;
	text-decoration:underline;
}
.portfolioWeb a:visited
{
	text-decoration:none;
	color:#af2f2f;
	text-decoration:underline;
}
.portfolioWeb a:hover
{
	text-decoration:none;
	color:#af2f2f;
	font-style:italic;
	text-decoration:underline;
}
.portfolioWeb a:active
{
	color:#af2f2f;
	text-decoration:underline;
}
.portfolioDate
{
	float:right;
	height:15px;
	width:25%;
}
.portfolioDate P
{
	margin:0px 0px 0px 3px;
	font-size:10px;
	color:#af2f2f;
	text-align:right;
}
.portfolioContent
{
	float:left;
	width:643px;
	margin:0px 0px 3px 3px;
	border-left:solid 4px #ffe190;
}
.portfolioContent P
{
	margin:0px 0px 1px 5px;
	font-size:11px;
	text-align:justify;
}
.portfolioImages
{
	float:left;	
	width:100px;
	height:100px;
}
.portfolioImages IMG
{
	margin-left:5px;
	margin-top:5px;
	border:none;
}
.portfolioVideo
{
	float:left;	
	width:100px;
	height:100px;
}
.portfolioVideo IMG
{
	margin-left:5px;
	margin-top:5px;
	border:none;
}
.portfolioApplications
{
	float:left;
	width:100%;
	margin:0px 3px 3px 0px;
}
.portfolioApplications P
{
	margin:0px 0px 1px 5px;
	font-size:10px;
	text-align:left;
	font-style:italic;
	color:#606060;
}
#contactlayout
{
	float:right;
	margin-top:20px;
	background-image:url(../images/contactHand.jpg);
	width:700px;
	height:367px;
}
#contactform
{
	position:relative;
	left:41px;
	top:43px;
	width:258px;
	height:305px;
	background-image:url(../images/contactbackground.jpg);
}
.contactdetailsRight
{
	float:right;
	width:160px;
	margin-top:50px;
}
.contactdetailsRight P
{
	margin:0px 0px 0px 0px;
	color:white;
	font-size:11px;	
}
.contactdetailsLeft
{
	float:left;
	width:94px;
	margin-top:50px;
}
.contactdetailsLeft P
{
	margin:0px 0px 0px 3px;
	color:white;
	font-weight:bold;
	font-size:11px;	
	text-align:left;
}
FIELDSET
{
	float:left;
	border:none;
	width:258px;
}	
FORM
{
	float:left;
	border:none;
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 0px;
	width:258px;
}
LABEL
{
	font-size:10px;
	color:white;
	display:block;
	margin-left:3px;
	width:200px;
}
INPUT
{
	width:230px;
	margin-left:5px;
	font-size:12px;
}
TEXTAREA
{
	width:230px;
	margin-left:5px;
	font-size:12px;
}
.button
{
	width:235px;
	height:22px;
	margin-top:5px;
}
.messageform
{
	font-size:11px;
	color:white;
	display:block;
	margin-left:3px;
	width:200px;
}
#footer
{
	float:left;
	width:700px;
	background-image:url(../images/footer.png);
	text-align:left;
	height:100px;
}