@import url("navigation.css"); 
@import url("portfolio.css"); 


body { background-color:#000; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; }
#container-outside { background-color: #000; position: absolute; top: 50%; width: 100%; overflow: visible; }
#container-inside { background-image:url(../images/background-1108x800.jpg); background-repeat:no-repeat; position: absolute; left: 50%; width: 1108px; height: 800px; margin-left: -554px; top: -400px; }


/* COLUMNS */
#left1 { margin: 0px; padding: 0px; width: 136px; height: 800px; float: left; }
#left2 { margin: 0px; padding: 0px; width: 122px; height: 800px; float: left; }
#center { margin: 0px; padding: 0px; width: 606px; height: 800px; float: left; }	
#right1 { margin: 0px; padding: 0px; width: 122px; height: 800px; float: left; }
#right2 { margin: 0px; padding: 0px; width: 122px; height: 800px; float: left; }


#left1 ul { margin: 0px; padding: 0px; list-style: none; }
#left1 li { margin: 0px; padding: 0px; float: left; }
#left2 ul { margin: 0px; padding: 0px; list-style: none; }
#left2 li { margin: 0px; padding: 0px; }
#center ul { margin: 0px; padding: 0px; list-style: none; }
#center li { margin: 0px; padding: 0px; float: left; }
#right1 ul { margin: 0px; padding: 0px; list-style: none; }
#right1 li { margin: 0px; padding: 0px; float: left; }
#right2 ul { margin: 0px; padding: 0px; list-style: none; }
#right2 li { margin: 0px; padding: 0px; }


/* HOME NAV */
.personal a { background-image:url(../images/navigation/gry-personal.png); background-repeat: no-repeat; width: 122px; height: 23px; display: block; margin-top: 357px; }
.personal a:hover { background-image:url(../images/navigation/blu-personal.png); background-repeat: no-repeat; width: 122px; height: 23px; display: block; margin-top: 357px;  }
.personal-on a {background-image:url(../images/navigation/blu-personal.png); background-repeat: no-repeat; width: 122px; height: 23px; display: block; margin-top: 357px;  }
	

.professional a {
background-image:url(../images/navigation/gry-professional.png);
background-repeat: no-repeat;
width: 122px;
height: 23px;
display: block;
margin-top: 360px;
margin-left: 0px;
}

.professional a:hover {
background-image: url(../images/navigation/blu-professional.png);
background-repeat: no-repeat;
width: 122px;
height: 23px;
display: block;
margin-top: 360px;
margin-left: 0px;
}

.professional-on a {
background-image: url(../images/navigation/blu-professional.png);
background-repeat: no-repeat;
width: 122px;
height: 23px;
display: block;
margin-top: 360px;
margin-left: 0px;
}

.homedesign { margin: 0px; padding-left: 23px; }
.home-top { margin: 0px; padding-left: 50px; padding-top: 75px; }
.home-sm-twitter { margin:0px; padding-left: 393px; padding-top: 10px;}
.home-sm-linkedin { margin:0px; padding-left: 2px; padding-top: 10px; }
.home-bottom { margin: 0px; padding-left: 27px; }

.sm-smh-twitter { margin: 0px; padding-left: 12px; padding-right: 3px; }
.sm-smh-facebook { margin: 0px; padding: 0px; }

.update { padding-left: 160px; padding-top: 75px; }


.home a {
background:url(../images/home.png);
background-repeat: no-repeat;
width: 166px;
height: 90px;
display: block;
margin-left: 420px;
margin-top: 26px;
padding: 0px;
float:left;
}

.home a:hover {
background:url(../images/home-over.png);
background-repeat: no-repeat;
width: 166px;
height: 90px;
display: block;
margin-left: 420px;
margin-top: 26px;
padding: 0px;
float:left;
}


/* CONTENT */
#content { width: 505px;padding-left: 40px; padding-top: 55px; font-size: .7em; line-height: 14px; }
#content-resume { width: 535px;padding-left: 40px; padding-top: 55px; font-size: .7em; line-height: 14px; }

#coming-soon { padding-top: 245px; padding-left: 40px; font-size: .7em; }


/* DOWNLOAD */
#download { padding-left: 40px; padding-top: 15px; }
#download ul { list-style: none; }
#download li { font-size: .7em; color:#3c6bbd; }
#download li a { text-decoration: none; }
#download li a:hover { color:#3c6bbd; }


/* CONTACT */
#contact { padding-top: 237px; padding-left: 40px; padding-right: 70px; }
#contact ul { list-style: none; }
#contact li { font-size: .7em; color:#3c6bbd; }
#contact li a { text-decoration: none; }
#contact li a:hover { color:#3c6bbd; }


/* LAUNCH */
#launch { height: 16px; padding-left: 40px; }
#launch ul { list-style: none; }
#launch li { font-size: .7em; color: #AAAAAA; }
#launch li a { text-decoration: none; }
#launch li a:hover { color:#B4D5A7; }


/* TOP TEN */
.caps { text-transform: uppercase; font-size: 13px; }

#topten-books { margin: 0px; padding: 0px; width: 500px; height: 300px; }
#topten-books ul { margin-top: 50px; padding: 0px; }
#topten-books li { padding-left: 130px; padding-bottom: 8px; font-size: .7em; color: #555; list-style: none; }
#topten-books li a { text-decoration: none; }
#topten-books li a:hover { color:#B4D5A7; }

#topten-movies { margin: 0px; padding: 0px; width: 500px; height: 300px;  }
#topten-movies ul { margin-top: 50px; padding: 0px; }
#topten-movies li { padding-left: 115px; padding-bottom: 8px; font-size: .7em; color: #555; list-style: none; }
#topten-movies li a { text-decoration: none; }
#topten-movies li a:hover { color:#B4D5A7; }

#topten-albums { margin: 0px; padding: 0px; width: 450px; height: 300px; }
#topten-albums ul { margin-top: 95px; padding: 0px; }
#topten-albums li { padding-left: 155px; padding-bottom: 8px; font-size: .7em; color: #555; list-style: none; }
#topten-albums li a { text-decoration: none; }
#topten-albums li a:hover { color:#B4D5A7; }

#topten-die { margin: 0px; padding: 0px; width: 500px; height: 300px; }
#topten-die ul { margin-top: 95px; padding: 0px; }
#topten-die li { padding-left: 140px; padding-bottom: 8px; font-size: .7em; color: #555; list-style: none; }
#topten-die li a { text-decoration: none; }
#topten-die li a:hover { color:#B4D5A7; }

#topten-songs { margin: 0px; padding: 0px; width: 600px; height: 300px;  }
#topten-songs  ul { margin-top: 65px; padding: 0px; }
#topten-songs  li { padding-left: 115px; padding-right: 50px; padding-bottom: 8px; font-size: .7em; color: #555; list-style: none; }
#topten-songs  li a { text-decoration: none; color:#555; }
#topten-songs  li a:hover { color:#3c6bbd; }

.blurb-music { padding-left: 40px; padding-top: 10px; padding-right: 40px; font-size: .7em; color:#3c6bbd; }



/* NUMBERS NAVIGATION */
#numbers { width: 500px; height: 35px; margin-left: 40px; padding-bottom: 10px; }
#numbers ul { margin: 0px; list-style: none;text-decoration: none; }
#numbers li { float: left; font-size: .7em; color: #AAAAAA; padding-top: 25px; padding-right: 4px; }
#numbers li a { text-decoration: none; color: #AAAAAA; }
#numbers li a:hover { text-decoration: none; color: #111111; }
#numbers .sub-on { text-decoration: none; color: #111111; }



/* RECIPES */
#recipes { margin-top: 40px; margin-left: 40px; margin-right:40px; padding: 0px; width: 526px; height: 470px; }
#ingredients { margin: 0px; padding: 0px; width: 180px; float:left; }
#ingredients2 { margin: 0px; padding: 0px; width: 160px; float:left; }

.ingredients ul { margin: 0px; padding: 0px; list-style: none; }
.ingredients li { font-size: 12px; color:#663300;  }

#directions { margin: 0px; padding-top: 20px; width: 526px; font-size: 12px; color:#663300; clear: both; }

h1 { margin: 0px; padding: 0px; width: 526px; font-size: 14px; color:#663300; }
h2 { margin-top: 15px; margin-bottom: 10px; padding-top: 5px; width: 526px; font-size: 12px; font-weight: bold; color:#663300; }
h3 { margin: 0px; padding-top: 5px; width: 526px; font-size: 12px; font-weight: 100; color:#663300; }
h4 { margin: 0px; padding: 0px; width: 526px; font-size: 12px; font-weight: bold; color:#663300; }

.width { width: 100px; }

.pb-pie { width: 180px; }
.pumpkin { width: 165px; }
.pecan-bars-crust { width: 125px; }
.pecan-bars-filling { width: 160px; }
.marbella { width: 175px; }
.blk-pie-crust { width: 180px; }
.blk-pie-filling { width: 150px; }



/* QUOTES */
#quote { font-size: .7em; color: #A2BDD5; } 
.quote-main { padding-left: 267px; padding-top: 25px; }
.quote-contact { padding-left: 135px; padding-top: 25px; }
.quote-soul { padding-left: 439px; padding-top: 25px; }
.quote-photo { padding-left: 214px; }
.quote-music { padding-left: 395px; }
.quote-books { padding-left: 375px; }
.quote-visit { padding-left: 398px; }
.quote-movies { padding-left: 460px; }
.quote-recipes { padding-left: 480px; }



/* MISCELLANEOUS */
a { color: #AAAAAA; }
.margin-top { margin-top: 25px; }
.padding-left: { padding-left: 40px; }
.padding-right: { padding-right: 250px; }
#negative-space { padding-top: 185px; padding-left: 40px; padding-right: 30px; font-size: .8em; }
#services { padding-top: 55px; padding-left: 40px; padding-right: 30px; font-size: .8em; }
.indent { padding-left: 25px; padding-right: 25px; }
.blue { color: #1b4fa8; }
.green { color: #3e8234; }