﻿html {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
	background-color: #474747;
}

body {
    font-size: 11px;
    color: #474747;
    font-family: tahoma, helvetica, geneva, sans-serif;
    margin: 0px;
    padding: 0px;
    height: 100%;    
    line-height: 1.4em;
    letter-spacing: 0.05em;
}

#pagewrapper {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    text-align: -moz-center;
    background-color: #ffffff;	
	border-top: solid 1px #ff9f05;
	border-bottom: solid 1px #ff9f05;
}

#contentwrapper {
    text-align: left;
    background-position: right;
    text-align: -moz-left;
    background-image: url('/images/paradise.png');
    background-repeat: no-repeat;
    width: 950px;	
	padding-top: 10px;
	padding-bottom: 20px;
	margin-left: auto ;
  	margin-right: auto ;
	
}

#menubar {
    height: 25px;
    padding-top: 15px;
	color: #a0a0a0;
	width: 950px;
	margin: 0 auto;
    text-align: center;
    text-align: -moz-center;
}

#menubar a {
    color: #a0a0a0;
	font-size: 9px;	
}

#menubar a:hover {
    color: #ff9f05;
    text-decoration: underline;
}

div.menuitem {
    float: left;
    padding-right: 20px;
}
div.menuitemright {
	float:right;
	padding-left: 20px;
}


p {
    color: #474747;
    font-size: 11px;
    letter-spacing: 0.05em;
    line-height: 1.444em;
    text-align: left;
    vertical-align: top;
}

a, a:link, a:visited, a:active {
    color: #ff9f05;
    text-decoration: none;
}

a:hover {
    color: #ff9f05;
    text-decoration: underline;
}

h1 {
    font-size: 26px;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-weight: normal;
    color: #858585;
    text-transform: lowercase;    
    margin: 0;
	padding: 0;   
}

#logowrap {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

#logo {
    float: right;
    padding-right: 20px;
}

#foliowrapper {
    height: 400px;	
	position: relative;
	width: 650px;
}

#websites {
    width: 300px;
    float: left;	
}

#dotnetnuke {
    width: 300px;
    float: left;	
}

#software {
    width: 300px;
    float: right;
}

#hosting {
    width: 300px;
    float: left;
}

#about {
    width: 300px;
    float: right;
}

#photography {
    width: 300px;
    float: left;
}

.divrow {
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 0px;
    padding-left: 0px;
}

.divrow:after {
    clear: both;
    visibility: hidden;
    display: block;
    content: ".";
    height: 0;
}

.toprow {
    width: 925px;
    height: 34px;
    margin: 0;
    padding: 0;
}

#topleft {
    background-image: url('/images/border/topleft.png');
    width: 37px;
    height: 34px;
    float: left;
}

#top {
    background-image: url('/images/border/top.png');
    background-repeat: repeat-x;
    height: 34px;
    width: 848px;
    float: left;
}

#topright {
    background-image: url('/images/border/topright.png');
    background-repeat: no-repeat;
    width: 40px;
    height: 34px;
    float: right;
}

#midleft {
    width: 37px;
    background-image: url('/images/border/left.png');
    background-repeat: repeat-y;
    float: left;
}

.midsection {
    width: 925px;
    margin: 0;
    padding: 0;
    float: left;
}

#midright {
    width: 40px;
   /* height: 600px;*/
    background-image: url('/images/border/right.png');
    background-repeat: repeat-y;
    float: right;
}


div.clearfloat {
	clear:both;
}

#footer {    
	padding-top: 15px;    
	width: 950px;
	margin: 0 auto;
    text-align: center;
    text-align: -moz-center;
}

#copyright {
    width: 100%;
    text-align: right;
    font-size: 7pt;
    color: #a0a0a0;
}
