@import url(reset.css);

body {background: url(../images/bgTile.jpg) top center repeat-x #fff;}
#header {height: 154px; background: url('../images/rays.jpg') top left no-repeat; position: relative;}
#header .logo {margin: 10px 0 0 10px;}
.nav {width: 330px; height: 54px; background: url('../images/navBg.png') no-repeat; position: absolute; top: 0; right: 50px;}
#mainNav {list-style: none; margin-left: 10px;}
#mainNav li {float: left; width: 62px; height: 41px; text-align: center; line-height: 50px;}
#mainNav li a, #mainNav li a:visited {color: #fff; text-decoration: none; font-size: 14px; font-family: georgia, "times new roman", times, serif; display: block;}
#home .home, #men .men, #women .women, #contact .contact {background: url('../images/indicator.jpg') top center no-repeat;}

#content {width: 700px; margin: 0 auto;}
.colL {width: 300px; float: left;}
.colR {width: 395px; float: left; text-align: center;}
.teeBox {height: 131px; width: 260px; background: url('../images/teeBox.png'); text-align: center;}
.teeBox h3 {font-size: 20px; color: #fff; padding: 15px 0 40px 0;}
.teeBox p {font-size: 50px; color: #fff;}

h5 {font-family: Georgia, Times, Serif; font-size: 30px; color: #000; font-weight: normal; margin-bottom: 10px;}
.size {font-size: 18px;}

.qty {height: 134px; width: 282px; background: url('../images/greyBox.png'); margin-top: 10px;}
.qty .pad {padding: 15px;}

p.info {font-size: 16px;}
p.info a, .info a:visited {color: #fff; text-decoration: none;}

#contact form {margin-top: 20px; margin-left: 20px; margin-bottom: 20px;}
#contact form textarea {width: 260px; height: 150px;}
#contact form .send {margin-left: 125px;}