/*
CSS for BurgWear project
*/

body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-image: url(/burgwear/gallery/brighton-Landscape.jpg);
   background-position:center;
   background-attachment: fixed;
   line-height: 125%;
   padding: 15px;
   width: 59em;
   background-repeat: no-repeat;
   margin-left: 100px;
   background-color: black;
   }
   
.wrapper {
	font-size: 89%;
	margin-left: auto;
	margin-right: auto;
	width: 60em;
	color: #462300;
	position: relative;
	border-bottom: none;
	border-left: none;
	float: right;

}

#mainheader {
	width: 750px;
	height: 100px;
	margin: 0 auto;
	background-repeat: no-repeat;
	float: left;
}
#mainheader img {
 	border: none;
}	

#logo {
	position: absolute;
	left: 566px;
	top: -35px;
}

#logo img{
 	border: none;
} 
li {
    font-size: inherit;
    color: white;
}

p {
    font-size: 17px;
    color: #333333;
	font-weight: bolder;
}
p a {
    color: #532900;
}

a {
    font-size: medium;
    font-weight: bold;
    color: white;

}

a:link {
	font-size: 14px;
	color: #FF8000;
}

a:visited {
    color: #660099;
}

a:hover {
    text-decoration: underline;
    color: white;
}

a:active {
    color: white;
    background-color: navy;
}

#breadcrumbs a:hover {
	color: white;
	font-size: smaller;
}
#breadcrumbs p, #breadcrumbs a {
	font-size: smaller;
}
#breadcrumbs {
	position: absolute;
	height: 33px;
	left: 0px;
	top: 123px;
	text-align: right;
	font-size: smaller;
	font-weight:bolder;
}

.tagline {
	font-weight: 500;
	font-size: 16px;
    color: white;
    margin-top: 60px;
	margin-right: 40px;
    padding-bottom: .2em;
    padding-left: .2em; 
	float: right;   
}

.taglinemain {
	font-weight: 500;
	font-size: 16px;
    color: white;
    padding-bottom: .2em;
    padding-left: .2em; 
	float: right;   
}
	
h1, h2 {
    color: #FF9900;
}

h1 {
	 font-size: xx-large;
     padding-top: 0.5em;
     padding-bottom: .2em;
     padding-left: .4em;
	 margin-left: 100px;	
	 color:#FF9900; 
	 
}
    
h2 {
      font-size: 200%;
      font-weight: bolder;
      padding-top: 15px;
}

h3 {
     font-weight: normal;
     font-size: large;
	 color: #4E514D;
     
}

h4 {
	font-weight: bolder;
	font-size: larger;
	color: #FF0000;
} 

.attentiongrab {
	float:right;
	width: 55%;
    font-weight: bold;
	font-size:medium;
	font-style:italic;
}

.attentiongrab p {
	font-weight: bold;
	font-size:medium;
	font-style:italic;
}

#footer {
	float: right;
	clear: both;
	margin-right: 150px;
	color: #FF9900;
	width: 50em;
	font-size: 10px;
	border-top: thick outset #000099;
	border-bottom: thick inset #000099;
	left: 232px;
	top: 549px;
	
}

#footer p {
	font-size: 10px;
	color: #FF9900;
}

#footer a {
	color: #0099FF;
}

#content {
	width: 750px;
	margin: 0 auto;
	padding: 20px 0 0 0;	

}

#bodycontent {
	width: 750px;
	float: right;
	padding: 3px;
	border-right: double thick #000099;
	color: #FF9900;
	margin-bottom: 10px;
}
#bodycontent p {
	padding-left: 5px;
	padding-right: 5px;
	line-height: 23px;
}

#bodycontent4pics {
	width: 750px;
	float: right;
	padding: 3px;
	border-right: double thick #000099;
	color: #FF9900;
}
#bodycontent4pics p {
	padding-left: 5px;
	padding-right: 5px;
	line-height: 23px;
}

#bodycontent.secondary {
	width: 750px;
	float: right;
	padding: 3px;
	border-right: double thick #000099;
	background: #000099;
	color: #FFFFFF;
}
#bodycontent.secondary p {
	padding-left: 5px;
	padding-right: 5px;
	line-height: 23px;
	color: #FF9900;
}

img {
	float: left;
}

.back {
	clear: both;
}

/* This is for the navigation tabs */

#tabs {
	margin-top: -170px;
	float: left;
	width: 814px;
	left: 169px;
	top: 589px;
}

#tabs ul {
	margin: 0;
	padding: 164px 0 0 0;
	list-style: none;
}

#tabs li {
	display: inline;
	
}

#tabs a  {
	background: #3399CC;
	display: inline;
	margin-right: 2px;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFFFFF;
}

/* This is for the navigation tabs on the homepage */

#tabsmain {
	float: left;
	width: 814px;
	left: 92px;
	top: 475px;
}

#tabsmain ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}

#tabsmain li {
	display: inline;
	
}

#tabsmain a  {
	background: #3399CC;
	display: inline;
	margin-right: 2px;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFFFFF;
}

.burgvid1 {
	float: right;
	padding-top: 2em;
}

.collefthome {
	width: 400px;
	float: left;
	margin-top: 2em;
	background-image: url(/burgwear/gallery/back.png);
} 

/* This controls the columns for the beanie */

.colleft {
	width: 300px;
	float: left;
	margin-top: 2em;
	background-image: url(/burgwear/gallery/back.png);
} 


.colright {
	width: 300px;
	float: right;
	margin-top: 2em;
	background-image: url(/burgwear/gallery/back.png);
} 

/* This is for scarves */
.scarf {
	width: 600px;
	float: left;
	margin-top: 2em;
	background-image: url(/burgwear/gallery/back.png);
} 


/* This is for the rice heat packs */

.left {
	float: left;
	background-image: url(/burgwear/gallery/back.png);
}	

.right {
	float: right;
	background-image: url(/burgwear/gallery/back.png);
}

.coltopleft {
	width: 300px;
	margin-top: 2em;
} 

.colbottomleft {
	width: 300px;
	margin-top: 2em;
	clear: both;
} 

.coltopright {
	width: 300px;
	margin-top: 2em;
} 

.colbottomright {
	width: 300px;
	margin-top: 2em;
	clear: both;
} 

#gallerypages {
	clear: both;
	margin-left: 300px;
}

/* Size for polaroid are 338 H to fit, just crop the width size */
#foto img {
	border: none;
}

/* BurgDeer picture */

#bodycontent .burgdeer img {
	position: absolute;
	left: 559px;
	top: 279px;
	width: 244px;
	height: 276px;
}

.video{
	position: absolute;
	left: 259px;
	top: 125px;
}

.about{
	position: absolute;
	left: 375px;
	top: 123px;
}


.burgvid2 {
	padding-top: 2em;
}