/*	------------------------------------------------------------
	style.css for TowerWebDesign.co.uk
	Richard at TowerWebDesign.co.uk
	This version: 22 Oct 2009
	------------------------------------------------------------ */

html, body, td, input, textarea {
   font-family: Arial, Helvetica, sans-serif;
   font-size:14px;
	background-color:#fff;
}
img { border:0; }
body {
  text-align:center;
}
html, body {
    margin:0;
    padding:0;
}
/* *{
   padding:0;
   margin:0;
}*/
h1 {
	color:#8c4535;
	font-size:30px;
	text-align:center;
	margin:0;
	margin-bottom:8px;
	padding:0;
}
h2 {
	color:orange;
	font-size:24px;
	text-align:center;
}
.content {
	text-align:center;
	margin:0 auto;
	width:100%;
	/*background-image: url(../images/bottomleaves.jpg);*/
	background-color:#fff;
	background-repeat:repeat-x;
	background-position:bottom left;
	float:left;
}

.error {
	color:#f00;
	font-weight:bold;
	text-align:center;
}
a:link,
a:active,
a:visited {
	color:#444;
	font-size:16px;
}
a:hover {
	color:#ccc;
}
.blurb {
	color:#555;
	/*padding:4px 8px;*/
	margin:0;
	padding:0;
	margin-left:auto;
  	margin-right:auto;
	text-align:center;
	width:80%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}
.blurb a:visited,
.blurb a:active,
.blurb a:link {
	color:#555;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}
.blurb a:hover {
	color:#222;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	background-color:#ddd;
}

.blurb .portfoliojob a:hover {
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	background-color:#fff;
}
.blurb .portfoliojob h2 a:hover {
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color:#777;
}
.blurb .link a:visited,
.blurb .link a:active,
.blurb .link a:link {
	color:#111;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.link a:hover {
	color:#222;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color:#ddd;
}
.separator {
	clear:both;
	font-size:1px;
}
hr { height:0px; line-height:0px; font-size:1px; width:100%; margin:4px 0px 4px 0px;  padding:0px 0px 0px 0px; border-style: solid; border-color:#e8e9e4; border-width: 1px 0px 0px 0px; clear:both; }

hr.small { width:94%; text-align:left;}

#footer {
	border:1px solid #000;
	margin: 0 auto;
	clear: both;
	width:960px;
	text-align:center;
/*	background-color:#f2df80; autumn color */
	background-color:#ededed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:8px;
}
#footer .phone {
	font-weight: bold;
}
#footer a,
#footer a:link,
#footer a:active,
#footer a:visited {
	font-size:12px;
	font-weight: bold;
	color:#8b4435;
	text-decoration:none;
}
#footer a:hover {
	font-size:12px;
	font-weight: bold;
	color:#888;
}
#footer #tower {
	color:#888;
}
#footer #tower a,
#footer #tower a:link,
#footer #tower a:active,
#footer #tower a:visited {
	font-size:12px;
	font-weight: bold;
	color:#aaa;
}

/* autumn menu */
#menu {
	margin:0 auto;
	/*background-image: url(../images/autumn.jpg);*/
	background-image: url(../images/Winter960x217_3.jpg);
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:50% 0;
	width:960px;
	height:217px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight: bold;
	color:#333;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	border:1px solid black;
}
/*#menuouter {
}
*/
#menupos {
	margin-top:182px;
	margin-left:-40px;
}
#menupos li {
	float:left;
	font:80% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	padding:0;
}
#menupos a {
	background: transparent url("../images/seperator.gif") bottom right no-repeat;
	color:#f1e07e;
	display:block;
	float:left;
	margin:0;
	padding:8px 12px;
	text-decoration:none;
}
#menupos a:hover {
	background: #8b4435 url("../images/hover.gif") bottom center no-repeat;
	color:#fff;
}

#nfreequote {
	float:left;
	left:692px;
	top:-42px;
	width:240px;
	height:41px;
	position:relative;
	z-index:100;
	background-image:url("../images/quote_y2_1.gif");
	margin:0;
	padding:0;
}
#nfreequote:hover {
background-image:url("../images/quote_y2_2.gif");
top:-41px;
}
.contact_column1 {
	padding:0;
	margin:0;
	width:30%;
	float:left;
	text-align:right;
}
.contact_column2 {
	padding:0;
	margin:0;
	width:70%;
	float:left;
	text-align:right;
}

.leftcolumn {
	padding:0;
	margin-right:3%;
	width:44%;
	float:left;
	text-align:left;
}

.rightcolumn {
	width:44%;
	padding:0;
	margin-left:3%;
	float:left;
	text-align:left;
}

/* form styling */
fieldset {
border: 1px solid #e8e9e4;
width:100%
}
input, textarea
{
color: #555;
background: #fee3ad;
border: 1px solid #ddd;
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9;
margin-left: 4.5em;
}
label
{
width:30%;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
.portfolio {
	float: left;
	width:400px;
	height:450px;
	text-align:left;
	margin:10px;
	padding:4px;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.portfolio_job {
	float: left;
	width:100%;
/*	width:960px;*/
	/*height:600px;*/
	text-align:left;
	margin:10px;
	padding:4px;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.portfolio_job h2 {
	margin:0;
	padding:0;
}
#portfolio_url {
   font-family:Arial,Helvetica,sans-serif;
   font-size:16px;
	text-align:center;
	color:#000;
	padding-bottom:20px;
}
.job_client, .job_brief, .job_skills {
   font-family:Arial,Helvetica,sans-serif;
   font-size:14px;
	margin:0 10px 0 0;
}
.job_brief {
	margin-bottom:5px;
	width:350px;
	height:250px;
	border:1px solid #ccc;
	padding:12px;
	float:left;
}
.job_search {
	margin-bottom:5px;
	width:375px;
	float:left;
}
.job_search table {
	width:100%;
	border:1px solid black;
	background-color:#e5eafe;
	padding:12px;
}
thead,tfoot {
	background-color:#d0dafd;
	border:1px solid black;
}
#job_image {
	width:350px;
	height:300px;
	float:left;
	margin:4px;
	background-color:#eee;
	 text-align:center;
/*	border:4px solid blue;*/
}
.job_carousel {
	margin-bottom:5px;
	width:350px;
	height:100px;
	text-align:center;
	float:left;
	margin:10px;
	/*border:2px solid gray;*/
}
.job_carousel img {
	border:1px solid #bbb;
	margin-right:4px;
}
.job_carousel p {
	text-align:center;
	width:350px;
}
.emph {
	clear: both;
	color:#777;
	width:50px;
	float:left;
}
.portfoliotext {
	padding:5px 0px 15px 30px;
}
.snapshot {
	padding:10px 0 0 0;
	text-align:center;
}
.grid_4 {
}
.portfoliojob h2 {
	background:#ccc;
	color:#000;
	height:22px;
	padding:4px 0 0 0;
}
.portfoliojob a {
	text-decoration:none;
}
.portfoliojob h2:link,
.portfoliojob h2:active,
.portfoliojob h2:visited {
	color: #444;
	text-decoration:none;
	font-size:16px;
}
.portfoliojob h2:hover {
	color:black;
}

.portfoliojob link,
.portfoliojob active,
.portfoliojob visited {
	background-color:orange;
	color:#444;
	text-decoration:none;
	font-size:16px;
}
.portfoliojob hover {
	color:orange;
}
/* image gallery text overlay */
.portfoliojob p {
position: absolute;
margin: 0px;
margin-left: 0px;
margin-top: 90px;
z-index:2;
background-color: #555555;
color: #ffffff;
width: 300px;
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
opacity:.8;
font-size:10px;
display: none;
clear: none;
border:1px solid black;
}

/* carousel css follows: */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}

/*-- required & default rules --*/

.loading {
left: 210px;
position: absolute;
top: 74px;
}

#slide_outer {
	width:100%;
	float:left;
	text-align:center;
}

#slide_holder {
background-image: url(../images/bg_slideshow.png);
background-repeat: no-repeat;
height:353px;
overflow:hidden;
position:relative;
text-align:left;
text-align:center;
width:524px;
z-index:1000;
margin:10px;
}
#slide_holder img {
text-align:center;
}
#slide_holder_inner {
height: 338px;
left: 7px;
overflow: hidden;
position: absolute;
top: 8px;
width: 511px;
z-index: 2000;
}

#intro, .intro {
position: absolute;
z-index: 9000;
}

/*-- for slide divs --*/
#slide_holder_inner div {
position: absolute;
}
/*-- for divs in html slides to position relative --*/
div#slide_holder_inner div.slide div {
position: relative;
}
div#carousel_controls {
background-image: url(../images/carousel/bg_controls.png);
background-position: 0 0;
background-repeat: no-repeat;
height: 30px;
width: 511px;
z-index: 4000;
}

/*-- for slide buttons --*/

#slide_buttons li:hover, #pause_button, .prev_button, .next_button, #hover_next_button, #hover_prev_button, #first_button, #last_button {
cursor: pointer;
cursor: hand;
z-index: 5000;
}
#carousel_controls #button_selected, #carousel_controls .prev_button_disabled, #carousel_controls  .next_button_disabled, #carousel_controls  .first_button_diabled, #carousel_controls  .last_button_disabled {
cursor: auto;
}
#slide_buttons li span, #pause_button span, .prev_button span, .next_button span, #first_button span, #last_button span, #hover_next_button span, #hover_prev_button span, #water_mark span {
margin-left: -10000px;
}
#slide_buttons li, #pause_button, .prev_button, .next_button, #first_button, #last_button, #water_mark {
background-repeat: no-repeat;
overflow: hidden;
top: 0px;
}
ul#slide_buttons {
padding: 15px 7px 15px 15px;
position: absolute;
left: 250px;
top: -7px;
z-index: 5000;
}
ul#slide_buttons li {
background-image: url(../images/carousel/button.png);
display: block;
float: left;
height: 9px;
list-style: none;
margin: 0 0 0 3px;
padding: 2px;
width: 10px;
}
ul#slide_buttons li:hover {
}
ul#slide_buttons li#button_selected {
/*background:#444;*/
background-image: url(../images/carousel/button_selected.png);
}
ul#slide_buttons li#button_selected:hover {
}
/*-- first & last buttons --*/

#first_button {
background-image: url(../images/first.png);
height: 29px;
left: 354px;
width: 34px;
background-position: 0 -36px;
}
#first_button:hover {
background-position: 0 0;
}
#last_button {
background-image: url(../images/carousel/last.png);
height: 29px;
left: 474px;
width: 34px;
background-position: 0 -36px;
}
#last_button:hover {
background-position: 0 0;
}

/*-- end first & last buttons --*/

/*-- next & prev buttons --*/
#nex_prev_buttons {
position: absolute;
left: 0;
z-index: 5000;
}
#next_button {
background-image: url(../images/carousel/next.png);
background-position: 0 -36px;
height: 29px;
left: 443px;
width: 31px;
}
#next_button:hover {
background-position: 0 0;
}
#prev_button {
background-image: url(../images/carousel/prev.png);
background-position: 0 -36px;
height: 29px;
left: 388px;
width: 31px;
}
#prev_button:hover {
background-position: 0 0;
}
/*-- end next & prev buttons --*/


/*-- looks like pause button --*/
.pause_button {
background-image: url(../images/carousel/pause.png);
background-position: 0 -36px;
height: 29px;
left: 419px;
width: 24px;
}
.pause_button:hover {
background-position: 0 0;
}
/*-- looks like play button --*/
.paused_button {
background-image: url(../images/carousel/play.png);
background-position: 0 -36px;
height: 29px;
left: 419px;
width: 24px;
}
.paused_button:hover {
background-position: 0 0;
}

/*-- hover next & hoverprev buttons --*/

#hover_next_button, #hover_prev_button {
height: 125px;
background-repeat: no-repeat;
display: none;
overflow: hidden;
width: 77px;
top: 35px;
z-index: 6000;
}
#hover_next_button span {
}
#hover_next_button {
background-image: url(../images/hover_next.png);
background-position: 21px 35px;
padding: 30px 0 30px 30px;
right: 0;
}
#hover_prev_button {
background-image: url(../images/hover_prev.png);
background-position: 8px 35px;
padding: 30px 30px 30px 0;
left: 0;
}

/*-- end next & prev buttons --*/

/*-- rules for slide captions --*/

#slide_captions {
color: #333;
left: 8px;
overflow: visible;
top: 5px;
z-index: 6000;
}
/*#slide_captions span {
font-family: Tahoma;
font-size: 15px;
height: 20px;
line-height: 20px;
overflow: visible;
}*/
#slide_captions span {
font-family: Tahoma;
font-size: 25px;
height: 30px;
line-height: 30px;
overflow: visible;
}

/*-- end rules for slide captions --*/

/*-- rules for watermark --*/

#water_mark {
background-image: url(../images/carousel/water_mark.png);
height: 30px;
left: 202px;
width: 246px;
top: 208px;
z-index: 6000;
}

#water_mark span {
}

/*-- end rules for slide captions --*/

/*-- slide number display --*/

#slide_number_display {
background-image: url(../images/carousel/bg_swatch.png);
background-position: 0 0;
background-repeat: no-repeat;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
height: 23px;
padding: 4px;
right: 7px;
text-align: center;
top: 308px;
width: 37px;
z-index: 5000;
}

/*-- for carousel view --*/

#row_of_slides {
position: absolute;
top: 0;
}
#row_of_slides .slide {
display: none;
position: absolute;
}
				
/*-- end for carousel view --*/				

/*-- end number display --*/

#slide_holder {
margin: 20px auto 0 auto;
border:10px solid #444;
}

blockquote {
  font:14px/20px italic Times, serif;
  padding:8px;
  background-color:#faebbc;
  border-top:1px solid #e1cc89;
  border-bottom:1px solid #e1cc89;
  margin:5px;
  background-image:url(../images/openquote.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote span {
     display: block;
     background-image: url(../images/closequote.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
   }

.blurb .portfolio_job h2 a:visited,
.blurb .portfolio_job h2 a:active,
.blurb .portfolio_job h2 a:link {
	color:#555;
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	text-decoration:none;
}
.blurb .portfolio_job h2 a:hover {
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	text-decoration:none;
}
.colpos {
	/*border:1px solid black;*/
	float:left;
	width:40px;
}
.blurb p {
margin:0;
padding:0;
}
#validator {
	float:right;
}
/*#programming_job {
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:200px;
	border:2px solid gray;
}*/
.slideshow { height:332px; width:332px; margin:auto }
/*.slideshow { height:232px; width:332px; margin:auto }*/
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }