@charset "utf-8";
/* Photlink Studios Master CSS Document */

/* -- ACCESSIBILITY SPECIFIC -- */
ul#skiplinks{position:absolute; width:0;}
ul#skiplinks li {line-height:0px; font-size:0.5px; height:0px;}

html {height:100%;}

div#position {width:1px; height:50%; margin-bottom:-275px; float:left;} /* half of container's height */
div#container {clear:left; margin:0 auto; text-align:left; width:960px; height:550px;} /* puts container in front of distance */


body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	background-color: #FFFFFF;
	text-align: center;/* part 1 of 2 centering hack */
	height:100%;
}

h1, h2, h3, h4, h5, h6 {font-size:11px; margin:0; padding:0 0 0 1px;}
h1 {line-height:20px;font-size:16px;}
h3 {text-align: left;}
a {
	color: #666666;
	text-decoration:none;
}
a:hover {text-decoration:underline;}
hr {display: none; visibility: hidden;}

html>body #content {width: 960px; /* ie5win fudge ends */}

div#container #brand {width:960px; height:43px;}
div#container #brand #return a{float:left!important; width:59px; margin-top:20px;}
div#container #brand img{float:right;}


/* -- flash -- */

div#container #home {float:left;}

/* -- content studios -- */

div#container #studios {background:#FFFFFF; width:960px; height:355px;}
div#container #flash {float:left; background:#FFFFFF; width:475px; height:355px;}
div#container #btns {float:left; background:#FFFFFF; width:136px; height:250px;}
div#container #plan {float:left; background:#FFFFFF; width:349px; height:250px;}
div#container #title {float:left; padding-left:10px;background:#FFFFFF; width:126px; height:100px; font-size:16px; color:#6a676b; font-weight:bold;}
div#container #desc {float:left; background:#FFFFFF; width:339px; height:100px; padding-left:10px; line-height:12px;}

/* -- content rates -- */

div#container #content #rates{height:355px;width:960px;overflow:auto;}
div#container #content #rates #coll1{float:left; width:935px;}
div#container #content #rates #coll1 h1{width:250px;}
div#container #content #rates #coll1 p{clear:left; padding:40px 0 0 0;}
div#container #content #rates #coll1 h2{font-size:16px;font-weight:100;padding-bottom:20px;}
div#container #content #rates #coll1 ul {list-style:none; margin:0; padding:10px 0 0 0;float:left;}
div#container #content #rates #coll1 ul li {width:160px; float:left; font-weight: bold; padding: 0 32px 0 0; margin:0;}
div#container #content #rates #coll1 ul li.last {padding:0!important;}
div#container #content #rates #coll1 .support_text p{margin:3px 0;padding:0;font-size:16px;font-weight:bold;}
div#container #content #rates #coll1 .support_text {padding-top:10px}
div#container #content #rates #coll1 .links{padding-top:20px;}
div#container #content #rates #coll1 .links a {font-weight: bold;}
div#container #content #rates #coll1 .links p {padding:0;margin:0;}
div#container #content #rates #coll2 {clear:left;float:lef;width:930px;padding:20px 0 0 0;}
div#container #content #rates #coll2 table tr th{width:90px; text-align: left;}
div#container #content #rates #coll2 table tr th.header {width: auto;}
div#container #content #rates #coll2 table tr td.c{width:65px;font-weight: bold;}
div#container #content #rates #coll2 table tr td.t{width:190px;}
div#container #content #rates #coll2 table tr td.p{width:65px;}
div#container #content #rates #coll3 {float:left; width:940px;font-size:10px;padding-top:50px;}
div#container #content #rates #coll3 #info1{float:left; width:280px;}
div#container #content #rates #coll3 #info2{float:left; width:280px;padding-left:30px;}
div#container #content #rates #coll3 #info3{float:left; width:280px;padding-left:30px;}
div#container #content #rates #coll3 h3{text-align: left;padding:0;}
div#container #content #rates #coll3 p{margin:0;padding:0 0 7px 0;}

/* -- content technology -- */

div#container #content #technology {width:960px;height:355px; float:left;}
div#container #content #technology h1 {padding-top:50px;font-size:24px;}
div#container #content #technology h2 {padding-top:20px;font-size:16px;font-weight:100;}
div#container #content #technology p {padding-top:10px;}
div#container #content #technology #image-strip {float:left; width:960px; height:121px;}
div#container #content #technology #image-strip .img {float:left; margin-right:5px;}
div#container #content #technology #col1 {float:left;display:block;width:530px;height:235px;}
div#container #content #technology #col2 {float:left;width:380px;height:215px;padding-top:20px;padding-left:47px;}
div#container #content #technology #col2 ul{background:white;padding:0;margin:0;list-style:none;float:left;}
div#container #content #technology #col2 ul li{margin-bottom:4px;line-height:12px;}
div#container #content #technology #col2 ul.first {float:left; width:180px;}
div#container #content #technology #col2 ul.first h3{font-size:11px; text-align:left;padding-bottom:6px;}
div#container #content #technology #col2 ul.second {float:right; width:180px; padding-left:20px;}
div#container #content #technology #col2 ul.second h3{font-size:11px;font-style:bold; text-align:left;padding-bottom:6px;}
div#container #content #technology #col2 ul.third  {float:right; width:180px; margin:15px 0 0 0;}
div#container #content #technology #col2 ul.third h3{font-size:11px;font-style:bold; text-align: left;padding-top:2px;padding-bottom:6px;}

/* -- content services -- */
div#container #content div#staffPhotos {width: 960px; float: left;}
div#container #content div#staffPhotos dl {float: left; width: 80px; margin-right: 30px; position: relative;}
div#container #content div#staffPhotos dl.last {margin-right: 0;}
div#container #content div#staffPhotos dl dt {position: absolute; top: 100px; left: 0; margin: 0; padding: 0; font-weight: bold;}
div#container #content div#staffPhotos dl dd.photo {position: absolute; top: 0; left: 0; margin: 0; padding: 0;}
div#container #content div#staffPhotos dl dd.role {position: absolute; top: 115px; left: 0; margin: 0; padding: 0; width: 80px; line-height:1.1em;}
/*div#container #content #services{width:960px;height:355px;}
div#container #content #services #image-strip {float:left; width:960px; height:132px;}
div#container #content #services #image-strip h3{text-align: left;padding:5px 0 0 0}
div#container #content #services #image-strip p{font-size:11px;margin:0;padding:0;}
div#container #content #services #image-strip .face {float:left;width:106px;}*/
div#container #content div.colContainer {margin-top: 130px; float: left;}
div#container #content #services #coll3 {float:left;display:block;width:320px;height:223px;}
div#container #content #services #coll3 a {color:#FFFFFF;}
div#container #content #services #coll3 #text-box{margin-left:20px;margin-top:32px;float:left;padding:10px;display:box;width:250px;height:170px;background:#666666;color:#FFFFFF;}
div#container #content #services #coll3 #text-box h1{padding:0;margin-bottom:3px;}
div#container #content #services #coll3 #text-box p{margin:0;}
div#container #content #services #coll2 {float:left;display:block;width:320px;height:223px;}
div#container #content #services #coll2 ul{padding:0;margin:0;list-style:none;float:left;}
div#container #content #services #coll2 ul li{padding-bottom:2px;}
div#container #content #services #coll2 ul.first {padding:0}
div#container #content #services #coll2 ul.first h3{padding:42px 0 0 0;font-size:16px; font-weight:100;text-align: left;padding-bottom:5px;}
div#container #content #services #coll2 ul.second{padding-left:20px;}
div#container #content #services #coll2 ul.second h3{padding:42px 0 0 0;font-size:16px; font-weight:100;text-align: left;padding-bottom:2px;}
div#container #content #services #coll1 {float:left;display:block;width:310px;height:223px;padding-right:10px;}
div#container #content #services #coll1 h1 {padding-top:30px;font-size:24px;}
div#container #content #services #coll1 h2 {padding-top:10px;font-size:14px;font-weight:100;width:280px;}


/* -- content facilities -- */

div#container #content #facilities{width:960px;height:355px;}
div#container #content #facilities #coll1 {float:left; width:480px;height:355px;}
div#container #content #facilities #coll2 {float:left; width:480px;height:355px;}
div#container #content #facilities #coll2 #image-strip1 {width:480px;float:left; }
div#container #content #facilities #coll2 #image-strip1 img {float:left; padding:0 0 5px 3px; cursor:pointer;}
div#container #content #facilities #coll2 #image-strip1 p{padding-left:3px;}
div#container #content #facilities #coll2 #image-strip2 {width:480px;float:left; }
div#container #content #facilities #coll2 #image-strip2 img {float:left; padding:0 0 5px 3px; cursor:pointer;}
div#container #content #facilities #coll2 #image-strip2 p{padding-left:3px;}
div#container #content #facilities #coll2 ul{padding:0;margin:0;list-style:none;float:left;}
div#container #content #facilities #coll2 ul.first {padding-left:3px;}
div#container #content #facilities #coll2 ul.first li ul{margin:2px;line-height:15px}
div#container #content #facilities #coll2 ul.first h3{padding:12px 0 0 0;font-size:16px; font-weight:100;text-align: left;padding-bottom:2px;}
div#container #content #facilities #coll2 ul.second{padding-left:0px;}
div#container #content #facilities #text-block {float:left;display:block;width:340px;padding-left:20px;}
div#container #content #facilities #text-block h1 {font-size:24px;}
div#container #content #facilities #text-block h2 {padding-top:0px;font-size:14px;font-weight:100;}

/* -- content location -- */

div#container #content #location{width:960px;height:355px; float:left;}
div#container #content #location #coll1{float:left; width:476px;height:355px;}
div#container #content #location #coll2 {padding-left:20px;float:left; width:460px;height:342px;}
div#container #content #location #coll2 #text-block h1{font-size:12px;margin-left:-1px;}
div#container #content #location #coll2 #text-block h2 {margin: 0; padding: 0;}
div#container #content #location #coll2 #text-block p {margin: 0px 0 10px;}
div#container #content #location #coll2 #links {padding:0px;margin:0px;}
div#container #content #location #coll2 #links h1{font-size:12px;margin-left:-1px;}
div#container #content #location #coll2 #links p.south {margin: 0; padding: 0 20px 0 0; float: left;}
div#container #content #location #coll2 #links p.north {padding-top:0;margin-top:0;float:left;padding-right:20px;}
div#container #content #location #coll2 #links p.east {padding-top:0;margin-top:0;float:left;padding-right:20px;}
div#container #content #location #coll2 #links p.west {padding-top:0;margin-top:0;float:left;padding-right:20px;}
div#container #content #location #coll2 #south {clear:left;width:460px;height:180px;overflow:auto;padding:0;margin:0;}
div#container #content #location #coll2 #north {line-height:18px;}
div#container #content #location #coll2 #west {line-height:18px;}
div#container #content #location #coll2 #east {line-height:18px;}
div#container #content #location #coll2 #south p {line-height:18px;font-size:11px;padding:0;margin:0;}
div#container #content #location #coll2 #north, div#container #content #location #coll2 #east, div#container #content #location #coll2 #west {clear:left;display:none;}
div#container #content #location #coll2 #north p {padding:0;margin:0;}
div#container #content #location #coll2 #east p {padding:0;margin:0;}
div#container #content #location #coll2 #west p {padding:0;margin:0;}
div#container #content #location #downloadPDF {float:right;}
div#container #content #location #downloadPDF h1 {font-size:12px;}

/* -- sitemap -- */

div#container #content #sitemap {margin:0 0 0 100px;width:960px;height:355px;}
div#container #content #sitemap h1 {padding:0; margin:0 0 10px 0;}
div#container #content #sitemap ul {list-style:none;padding-left:0px; padding-top:50px;float:left;}
div#container #content #sitemap ul li {width:100px;float:left;font-weight: bold;}
div#container #content #sitemap ul li.additional {float:left; height:120px;width:150px;}
div#container #content #sitemap ul li ul {line-height:20px; padding-left:0;padding-top:10px; margin: 0;}
div#container #content #sitemap ul li ul li {font-weight: normal;margin:0; padding:0;}
div#container #content #sitemap ul li.bottom {float:left; height:120px;}
#technology div#container #text #col1 {float:left;width:350px;}
#technology div#container #text #col2 h1 {font-size:16px;}
#technology div#container #text #col2 p{font-style:normal;}

/* -- NAVIGATION -- */

#container #navigation {background:url(../image/nav-border.gif) left top no-repeat scroll; width: 960px; height: 87px; clear: both; margin-top: 10px; float:left;}
#container #navigation ul {padding: 12px 0 0; margin: 0; height: 62px; list-style-type: none;}
#container #navigation ul li {float: left; display: inline; padding: 0 12px 2px 7px; border-right: 1px solid #8f8f8f; width: 114px; height: 60px; color: #6a676b;}
#container #navigation ul li a {font-size: 1.1em;font-weight:bold; color: #6a676b; line-height: 20px;}
#container #navigation ul li a.smallLink {font-size: 1em; display: block; margin-top: 11px;}
#container #navigation ul li.first {padding: 0 10px 2px 13px; width: 125px;}
#container #navigation ul li.last {border: none; width: 121px;}
#container #navigation ul li.last p {margin:0; padding:0; font-weight:bold; font-size:12px; line-height:20px;}
#container #navigation ul li ul {padding: 0;}
#container #navigation ul li li {display: block; float: left; border: none; height: auto; width: 60px; margin: 0; padding: 0;}
#container #navigation ul li li a {font-size: 1em; line-height: 14px;}
div#container #POS{float:left;padding-top:15px;height:30px;width:900px;}
div#container #POS h5{font-size:18px;}
div#container img.twitterIcon {float:right; padding:15px 0 0 0;}

/* -- FOOTER-- */

#container .footerwrap {float:left; width:900px;} 
#container #footer .table {float:left;width:900px;font-size:10px;}
#container #footer .table p{margin:0;padding:0;}
#container #footer .table .cell1 {float:left;width:125px;}
#container #footer .table .cell2 {float:left;width:320px;}
#container #footer .table .cell3 {float:left;width:285px;}
#container #footer .table .cell4 {float:left;width:50px;}