/* 	
	
	Main stylesheet for 3iImages

*/

* { padding:0; margin:0 }

html { height:100%; margin-bottom:1px; }

ul { list-style:none }

h1 { font-size:18px; color:#653300; }

h2 { font-size:16px; color:#653300; }

h3 { font-size:14px; color:#653300; }

em { color:#161066; font-style:normal; font-weight:bold}

p { padding:10px 0; }

a { font-weight:bold }

a:link {color:#BA5F00; text-decoration:none}

a:hover {text-decoration:underline}

a:visited {color:#BA5F00}

a img {border:none}

body{background:#F29162 url(../images/tile.jpg); padding-top:10px; font:12px/14px Helvetica, Arial, sans-serif;}

#wrapper{ width:840px; margin:0 auto; }

#masthead{ width:820px; height:180px; padding-top:11px; float:left; padding-left:20px; background:transparent url(../images/mastheadbg.png) no-repeat top center  }

#contentContainer{width:840px; background:transparent url(../images/contentbg.png) 50% 0 repeat-y; float:left}

#branding {width:540px; height:170px; float:left; padding:10px 50px 0 15px; background:#F36523 url(../images/brandingbg.jpg) no-repeat }

#branding h1{width:448px; height:157px; background:url(../images/logo.png) no-repeat; text-indent:-9999px; margin-left:0px}

#branding h1 a { width:448px; height:157px; display:block }

#contact {position:relative; font-size:20px; width:165px; height:50px; padding-top:10px; padding-right:50px; float:right; color:#FFFFFF}

#contact h2 { width:182px; height:115px; background:url(../images/tagline.jpg) no-repeat 0 0; text-indent:-9999px; margin-bottom:10px}

#fresh {position:absolute; top:1px; left:140px;}

.nav {float:left; margin-top:-20px; width:770px; height:40px; text-align:center; font-weight:bold;}

.nav ul{list-style-type:none; padding:0 120px 0 220px; margin-bottom:15px}

.nav ul li{display:inline; border-right:2px solid #FFFFFF; padding:0 20px 0 10px; color:#fff;}

.nav ul #lastNav {border:none}

.nav a:link {color:#fff}

.nav a:visited {color:#FFF7D2; text-decoration:none}

.nav a:hover {color:#FFF7D2; text-decoration:underline}

.nav .firstNav {padding-left:5px}

.nav .lastNav {border:none}

#mainContent {background:#F7DAC8 url(../images/mainbg.jpg) no-repeat bottom left; width:775px; float:left; margin-left:32px }

/* Styles for home page gallery navigation */

#homeNav { width:775px }

#homeNav li {display:inline; float:left; margin:0}

#commercialHome h2, #kidsHome h2, #familyHome h2, #weddingHome h2, #glamourHome h2, #portraitHome h2, #fashionHome h2 {
	background:transparent url(../images/navitembg.png) no-repeat 0 0;
	width:110px; 
	height:35px;
	font-size:18px;
	text-align:right;
	padding-top:15px;
}

#commercialHome h2 a, #kidsHome h2 a, #familyHome h2 a, #weddingHome h2 a, #glamourHome h2 a, #portraitHome h2 a, #fashionHome h2 a {
	width:105px;
	height:35px;
	display:block;
	text-decoration:none 
}

/* Gallery styles */

#subNav { width:775px; height:40px; margin-bottom:10px }

#subNav ul li {background:#E8E8E8; display:inline; float:left; margin:0}

#subNav ul li a { font-size:18px; text-decoration:none; display:block; text-align:right; height:20px; padding-top:15px; padding-right:5px}

#homeNav li a:hover, #subNav ul li a:hover { color:#5ED7FF }

#subNav .firstSubNav {padding-left:2px; width:107px}

#subNav .lastSubNav { width:115px}

#subNav #current { background:transparent url(../images/navitembg.png) no-repeat 0 0;}

#commercialHome { background:url(../images/commercial.jpg) no-repeat 0 0; width:110px; height:250px;}

#commercial a, #commercialHome h2 a { color:#079D44; width:108px}

#kidsHome { background:url(../images/kids.jpg) no-repeat 0 0; width:110px; height:250px;}

#kids a, #kidsHome h2 a { color:#D71D34; width:105px }

#familyHome { background:url(../images/family.jpg) no-repeat 0 0; width:110px; height:250px;}

#family a, #familyHome h2 a { color:#F68F0F; width:105px }

#weddingHome { background:url(../images/wedding.jpg) no-repeat 0 0; width:110px; height:250px;}

#wedding a, #weddingHome h2 a { color:#F84212; width:105px }

#glamourHome { background:url(../images/glamour.jpg) no-repeat 0 0; width:110px; height:250px;}

#glamour a, #glamourHome h2 a { color:#E00595; width:105px }

#portraitHome { background:url(../images/portrait.jpg) no-repeat top left; width:110px; height:250px;}

#portrait a, #portraitHome h2 a { color:#2FA78C; width:105px }

#fashionHome { background:url(../images/fashion.jpg) no-repeat 0 0; width:115px; height:250px;}

#fashionHome h2 { width:115px; height:35px;}

#fashion a, #fashionHome h2 a { color:#00B1F8; width:110px }

#fashion #current { width:110px } 

#gal { width:775px; float:left }

#main_image { height:390px; width:590px; float:left; text-align:center }

#pricelist { float:right; padding:5px; margin:0 5px 5px 0; display:block; background:#F36523; color:#FFF }

#pricelist:hover { color:#F36523; background:#FFF; text-decoration:none }

/* Homepage styles */

#subContent{float:left; width:800px; margin-left:20px; margin-top:10px }

#left { float:left; width:260px; height:130px; background:url(../images/transBg.png) no-repeat 0 0; }

#left h3 {background:url(../images/weddingpackage.png) no-repeat 0 0; width:255px; height:128px; margin-left:-8px; margin-top:-8px; text-indent:-9999px;}

#left h3 a { display:block; width:255px; height:128px }

#center {width:255px; height:130px; padding:10px 0 0 15px; float:left; background:url(../images/transBg.png) no-repeat 0 0;}

#center h3 {background:url(../images/makeover.png) no-repeat 0 0; width:218px; height:108px; text-indent:-9999px;}

#center h3 a { display:block; width:218px; height:108px }

#right { width:250px; float:left; position:relative; font-size:9px; font-family: Verdana, sans-serif; color:#939598}

#right p {margin-top:-15px; width:190px}

#snapper { position:absolute; top:70px; left: 190px}

/* Other page styles */

#leftCol { width:185px; float:left; padding:10px }

#centreCol { float:left; width:350px; padding-left:10px }

#centreCol { color:#808080; font-weight:bold; }

#centreCol img {float:right}

#centreCol h1 { margin-top:10px; padding:10px; width:75px; text-transform:lowercase; background:#FA833A; color:#FFF }

#centreCol h2 { color:#FA833A; }

#centreCol #address { width:142px; height:72px; margin-top:18px; background:transparent url(../images/address.png) no-repeat; text-indent:-9999px; float:right;}

#mainHeader { background:#E9541B; color:#FFF; padding:10px; width:130px }

.pContainer { width:780px; float:left; margin-bottom:20px}

.details { float:left; width:530px }

.imgContainer { width:220px; float:left}

/* Price list table styles */

#comRow td { height:75px }

#centreCol table { width:610px; font-size:11px; margin:10px 0; color:#999999}

#centreCol table .headers, #centreCol table .prices { font-size:12px; font-weight:bold; background:#FA833A; color:#FFF }

#centreCol table .headers td, #centreCol table .prices td { padding:5px }

#centreCol table .prices td {border-bottom:10px solid #F7DAC8}

#centreCol table .lastPrice td { border:none }

#centreCol table tr td { width:110px; vertical-align:top; padding:5px }

#rightCol { float:left; width:210px }

#rightCol #map { margin-top:190px }

/* Media page styles */

#vidList { font-size:24px; color:#E9541B}

#vidList li { display:block; padding-bottom:20px}

#vidList li a { display:block; text-decoration:none; width:120px; padding:10px; color:#E9541B }

#vidList li a:visited { color:#E9541B }

#vidList #currentVid, #vidList li a:hover { background:#E9541B; color:#FFF }

#footer{ width:840px; float:left; clear:left; background:transparent url(../images/footerbg.png) no-repeat bottom left; margin-left:10px; height:30px; margin-bottom:-10px}

#footer #tagline{text-align:center; font-style:italic; color:#000; font-size:16px; line-height:30px; padding-left:20px;}

#siteDetails{width:800px; float:left;}

#siteDetails h4 {background:url(../images/iii.jpg) no-repeat 0 0; width:281px; height:11px; text-indent:-9999px; float:right; margin:5px 5px 10px 0;}