/* CSS Document */

* { margin:0; padding:0; font-size:100%; }

body{ background:#FFFFFF; background:url(images/header-bg.jpg) top repeat-x; text-align:center; }

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

.talign { text-align:right;}

html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.812em;
		line-height:1.384em;
		color:#50596B;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#50596B; text-decoration:underline;}
a:hover{text-decoration:none;}

.link1 { color:#0094E0;}
.link2 { font-size:0.923em; color:#32B40C; padding-left:30px;}
.link3 { font-size:0.923em; color:#32B40C; }
.link4 { color:#0094E0; text-decoration:none;}
.link4:hover { text-decoration: underline;}
.link5 { font-size:0.923em; color:#32B40C; padding-left:15px;}

p { margin:0 0 18px 0; padding:0 0 0 0;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.imgindent1 {margin:0 0 66px -9px;}
.imgindent2 {margin:0 15px 0 0; float:left}
.imgindent3 {margin:14px 0 0 37px; }
.imgindent4 {margin:0 0 18px 0; }

.indent { padding: 0 0 0 0;}
.indent1 { padding: 10px 40px 0 5px;}
.indent2 { padding: 77px 49px 0 0;}
.indent3 { padding: 0 0 0 10px;}
.indent4 { padding: 77px 30px 0 0;}
.indent5 { padding: 0 35px 0 38px;}
.indent6 { padding: 0 35px 0 36px;}
.indent7 { padding: 36px 0 0;}
.indent8 { padding: 77px 49px 0 27px;}
.indent9 { padding: 77px 53px 0 27px;}
.indent10 { padding: 77px 51px 0 0;}
.indent11 { padding: 77px 28px 0 0;}
.indent12 { padding: 77px 30px 25px 28px;}

.slogan { margin: 283px 0 0 146px; }

.text1 { font-size:1.153em; line-height:1.2em; color:#0094E0;}
.text2 { font-size:1.153em; line-height:1.2em; }
.text3 { text-decoration:underline; }
.text4 { font-weight:bold; color:#0294E0; text-decoration:underline; padding: 13px 0 8px; }
.text5 { color:#0094E0; margin-bottom:8px; }
.text6 { font-weight:bold; text-decoration:underline; color:#0294E0; padding: 0 0 8px; }
.text7 { font-weight:bold; color:#0294E0; margin-top:20px; text-decoration:underline; }
.text8 { color:#0094E0; margin:18px 0 8px; text-decoration:underline; }
.text9 { color:#0094E0; margin-bottom:8px; text-decoration:underline; }

ul { font-size:0.923em;}
li { background:url(images/marker-0.gif) 0 2px no-repeat; padding:0 0 12px 30px;}

/* ============================= header ====================== */
#header { height:371px; text-align:left; line-height:1em;}
.header-bottom { height:371px; text-align:center; }

/* ============================= content ====================== */
#content { text-align:left;}
.content-top { width:100%; overflow:hidden; }
.row-bg { background:url(images/bg-1.gif) bottom repeat-x; padding-bottom:11px; margin-bottom:55px;}

.phone { float:left; width:110px;}
.email { float:left; width:60px;}

.content-bot { background:url(images/bg-2.gif) top repeat-x; margin-top:0px; }
.content-bot-title { height:45px; }
.content-bot-tail-left { background:url(images/tail-bottom.gif) 333px 0 repeat-y;}
.content-bot-tail-right { background:url(images/tail-bottom.gif) 665px 0 repeat-y;}
.content-bot-bot { padding:38px 0 45px;}

/* ============================= footer ====================== */
#footer { height:80px; text-align:center; font-size:0.923em; color:#101F37; background:url(images/footer-bg2.gif) bottom repeat-x; }
.footer-bg {background:url(images/footer-bg.gif) bottom repeat-x;}
#footer a { color:#272A2A;}

/*** PORTFOLIO ***/
.box_pf{width:220px; float:left; margin:0px 24px 30px 0px;}
.box_pf.nomargin{margin-right:0px !IMPORTANT;}
.box_pf img{border:solid 1px #dadada; padding:0px; margin-bottom:0px; background-color:#fff;}
/* jFlow Slider */
.portfolio-slider{ background-image:url("bg_glow.gif"/*tpa=http://demo.templatesquare.com/html/photoworks/images/bg_glow.gif*/);
 background-repeat:no-repeat !important;
 background-position:center top;
}
#jFlowSlide{ padding:40px 0px 0px 0px}
#myController {padding:30px 0px 0px 0px; width:auto; text-align:center}
#myController span{padding:0px 27px;}
#myController span.jFlowSelected {padding:0px 27px 16px 27px; margin-right:0px; background-image:url("active.gif"/*tpa=http://demo.templatesquare.com/html/photoworks/images/active.gif*/); background-position:bottom; background-repeat:no-repeat; color:#fff }
.slide-wrapper { padding:0px; }
.jFlowControl, .jFlowPrev, .jFlowNext {cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {}