@import url("normalize.css"); /*Using and elements to fix and center the design*/ html{text-align:center;} /*Designing for a 800px width screen*/ body{ position:relative; width:770px; height:1200px; margin:0 auto; margin-top:30px; text-align:left; padding:0; font-family:Verdana, Geneva, Helvetica, Arial, sans-serif; font-size:small; background-attachment:fixed; background-color:#ffffff;} a:link{ color:#8b8b8b; text-decoration:none;} a:visited{ color:#fff; text-decoration:none;} a:hover{ color:#8b8b8b; text-decoration: underline;} a:active{ color:#fff; text-decoration: none;} /*Background*/ #background{ position:relative; width:770px; height:1000px; margin:0 auto; text-align:left; padding:0; background-attachment:fixed; background:#ffffff url(../images/background.jpg) no-repeat center 10%;} /*Navigation*/ #navigation{ position:absolute; text-align:center; top:0px; left:0px; margin:0 5px; padding:0 5px; width:100px; height:450px; font-size:1em; line-height:45px;} #navigation a:link{ color:white; text-decoration:none;} #navigation a:visited{ color:#fff; text-decoration:none;} #navigation a:hover{ color:#cce7ac; text-decoration: none;} #navigation a:active{ color:white; text-decoration: none;} #home{/*border:1px solid green;*/ position:relative; text-align:center; height:43px; width:100%; padding:0 0 0 3px; margin:0; top:9px;} #menu{/*border:1px solid green;*/ position:relative; text-align:center; height:43px; width:100%; padding:0 0 0 3px; margin:0; top:17px;} #recipes{/*border:1px solid green;*/ position:relative; text-align:center; height:43px; width:100%; padding:0 0 0 3px; margin:0; top:24px;} #buzz{/*border:1px solid green;*/ position:relative; text-align:center; height:43px; width:100%; padding:0 0 0 3px; margin:0; top:27px;} #whatsnew{/*border:1px solid green;*/ position:relative; text-align:center; height:43px; width:100%; padding:0 0 0 3px; margin:0; top:31px;} #video{/*border:1px solid green;*/ position:relative; text-align:center; height:43px; width:100%; padding:0 0 0 3px; margin:0; top:36px;} #shop{/*border:1px solid green;*/ position:relative; text-align:center; height:43px; width:100%; padding:0 0 0 3px; margin:0; top:46px;} #storelocator{/*border:1px solid green;*/ position:relative; text-align:center; height:43px; width:100%; padding:0 0 0 6px; margin:0; top:55px;} #intouch{/*border:1px solid green;*/ position:relative; text-align:center; height:43px; width:100%; padding:0 0 0 6px; margin:0; top:63px;} /*Buy Now*/ #buynow{ position:absolute; text-align:center; top:450px; left:0px; margin:0; padding:0; width:130px; height:140px;} #buynow a{display:block; color:white;} #buynow a:link{ color:white; text-decoration:none;} #buynow a:visited{ color:white; text-decoration:none;} #buynow a:hover{ color:white; text-decoration: none;} #buynow a:active{ color:white; text-decoration: none;} /*Recipe Links*/ #recipelinks{/*border:1px solid green;*/ position:absolute; text-align:center; top:63px; left:143px; margin:0; padding:0; width:620px; height:83px; font-size:1em; line-height:45px;} #recipelinks a{display:block; color:white;} #oatmealcrisps{ position:absolute; text-align:center; height:77px; width:134px; padding:0; margin:0; top:0px; left:-15px;} #mintybeets{ position:absolute; text-align:center; height:77px; width:128px; padding:0; margin:0; top:0px; left:119px;} #orangeshortbread{ position:absolute; text-align:center; height:77px; width:127px; padding:0; margin:0; top:0px; left:247px;} #cappuccino{ position:absolute; text-align:center; height:77px; width:127px; padding:0; margin:0; top:0px; left:374px;} #moroccanpreserv{ position:absolute; text-align:center; height:77px; width:128px; padding:0; margin:0; top:0px; left:501px;} /*Product Reference*/ #productref{/*border:1px solid green;*/ position:absolute; text-align:left; top:150px; left:580px; margin:0; padding:0; width:189px; height:613px; font-size:1em; font-weight:bold; line-height:25px;} #primg{/*border:1px solid green;*/ position:absolute; text-align:center; width:186px; height:343px; padding:0; margin:0; top:12px; left:0px;} #productref h2{font-size:1.45em;} #prheading{/*border:1px solid green;*/ position:relative; width:150px; height:51px; margin:19px 0 0 25px; padding:0;} #prcontent{/*border:1px solid green;*/ position:relative; width:160px; height:200px; margin:0; padding:0 0 0 20px; top:260px; font-family:Helvetica, Arial, sans-serif; font-size: 0.9em; line-height:20px;} /*Recipe*/ #recipe{/*border:1px solid green;*/ position:absolute; text-align:left; top:165px; left:160px; margin:0; padding:0; width:400px; height:550px; font-family:Helvetica, Arial, sans-serif; font-size: 0.9em; font-weight:bold; line-height:30px;} #rtitle{font-size:2.8em;} #rsubtitle{font-size:1.8em;} #ingredients{/*border:1px solid green;*/ line-height:15px; margin:10px 0 0 0; padding:0; width:300px; height:150px;} h6{ position:absolute; text-align:left; font-size:1em; top:225px;} #instructions{/*border:1px solid green;*/ position:absolute; top:255px; list-style-type:decimal; line-height:20px; margin:0 0 0 20px; padding:0; width:390px; height:390px;} #rownership{/*border:1px solid green;*/ font-size:0.9em; position:absolute; top:560px; line-height:20px; width:380px;}