/* Import styles */
@import url('layout.css');

* { margin:0; padding:0;}
body { background:#feffff; font-family:verdana, arial, sans-serif; font-size:76%; line-height:1.125em; color:#083887;}

input, textarea { font-family:verdana, arial, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}
.clear10 { clear:both; height: 10px;}
.clear20 { clear:both; height: 20px;}
.clear40 { clear:both; height: 40px;}
.hide { position: absolute; top: -3000px; left: -3000px; }
.small { font-size: 0.8em; }
.hr { 
    padding: 0;
    margin: 0 0 20px 0;
    padding: 1px;
    background: transparent url(../images/sep.gif) repeat-x bottom;	
    line-height: 1px;
}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:20px;}

.tail-top { float: left; width: 100%; background:url(../images/tail-top.jpg) left top repeat-x #fff;}

.tail-right { background:url(../images/tail-right.jpg) left top repeat-x; position:absolute; height:471px; right:0; top:0; width:50%;}

/* forms */
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

form p { margin: 0 0 8px 0; }
form { padding: 20px 0 0 0; }
.form_labels { float: left; width: 150px; margin: 0 5px 0 0; }
.form_txtfld  { width: 250px; padding: 1px; border: 1px solid #000; }
.form_txtarea  { width: 250px; height: 100px; padding: 1px; border: 1px solid #000; }


/* lists */
ul { list-style:none;}

#content ul, #content1 ul { list-style: disc; margin: 0 0 20px 25px; }
#content ol { margin: 0 0 0 20px; }
#content ol li { margin: 0 0 5px 0; }

#nav ul { list-style: none; }
#nav li { float: left; width: auto; height: auto;  padding: 0; margin: 0 0 1px 0; color: #000000; font-weight: bold; }

ul#sitemap a:link, ul#sitemap a:visited, ul#sitemap a:active { color:#083887; line-height: 1.4em;}

/* other */
.img-indent { margin:0 36px 0 0; float:left;}
.img-box { float: left; display: inline; width:427px; padding-bottom:20px; margin: 0 0 0 105px; }
.img-box img { float:left; margin:-16px 2px 0 -139px;}

.img-box1 { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box1 img { float:left; margin:0 20px 0 0;}

.p1 { margin-bottom:16px;}
.p2 { margin-bottom:50px;}

/* misc */
a {color:#0b9770;}
a:hover{text-decoration:underline;}
#nav a:link, #nav a:visited, #nav a:active { color: #000000; text-decoration: none; }
#nav a:hover { text-decoration: underline; }

h1 { font-family:"Times new roman", verdana, sans-serif; color:#050505; font-size: 2.0em; font-weight:normal; font-style:italic; line-height:1.1em; margin-bottom:30px;}
h2 { font-family:"Times new roman", verdana, sans-serif; color:#050505; font-size: 1.7em; font-weight:normal; font-style:italic; line-height:1.1em; margin-bottom:20px;}
h2 span { color:#0075d2;}
h2.storytitle { padding: 0; margin: 0; }
h3.date { font-size: 1.2em; padding: 0 0 20px 0; margin: 0;color:#fa4b06; }
h2 b { color:#fa4b06;}
h3 { font-family:"Times new roman", verdana, sans-serif; color:#050505; font-size:1.6em; font-weight:normal; font-style:italic; line-height:1.1em; margin-bottom:20px;}
h4 {font-size:1.5em; font-weight:normal; color:#fa4c06; font-style:italic; font-family:verdana, arial, sans-serif; margin-bottom:10px;}
h2.feature { font-family:"Times new roman", verdana, sans-serif; color:#050505; font-size: 1.7em; font-weight:normal; font-style:italic; line-height:1.1em; margin-bottom:0px;}
h3.feature { font-family:verdana, arial, sans-serif; color:#083887; font-size: 1.4em; font-weight:normal; font-style:italic; line-height:1.1em; margin-bottom:0px;}
h3.feature1 { font-family:verdana, arial, sans-serif; color:#083887; font-size: 1.4em; font-weight:normal; font-style:italic; line-height:1.1em; margin-bottom:20px;}

.txt1 { font-family:verdana, arial, sans-serif; color:#083887; font-size:1.17em; line-height:1.57em;}
.txt2 { font-family:verdana, arial, sans-serif; font-size:2em; font-style:italic; color:#050505; }

.link1 { color:#03a198; font-family:verdana, arial, sans-serif;}
.link2 { font-weight:bold; text-decoration:none;}
.link3 { color:#03a198;}
.link4 { color:#fa4c06; font-style:italic; font-family:verdana, arial, sans-serif; font-size:1.5em; text-decoration:none;}
.link5 { color:#6f849d;}

.meta { font-size: 0.85em; }
.storycontent { padding: 20px 0 0 0; }

#menu {
	padding: 20px 0 10px 30px;
	width: 220px;
	float: left; 
}

#menu ul { list-style: none; padding: 0 0 0 10px; margin: 0; }
#menu li { padding: 0 0 10px 0; }

.input { width: 100px; float: left; }

p.feature { color: #000; }

/* boxes */
.box { width:438px;}
.box .border-top {background:url(../images/border.gif) repeat-x top;}
.box .border-bot {background:url(../images/border.gif) repeat-x bottom;}
.box .border-left {background:url(../images/border.gif) repeat-y left;}
.box .border-right {background:url(../images/border.gif) repeat-y right;}
.box .left-top-corner {background:url(../images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(../images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(../images/left-bot-corner.gif) no-repeat left bottom;}
.box .right-bot-corner {background:url(../images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:20px 25px 30px 22px;}

.cont-box { padding:0 20px 0 0; margin:0;}
.cont-box span { float:right;}

.banner1 { background:url(../images/banner1.jpg) no-repeat left top; width:436px; height:219px; margin-bottom:23px;}
.banner1 .inner { padding:35px 200px 0 24px;}
.banner1 p { margin-bottom:20px}
.banner1 a { color:#fa4c06; font-style:italic; font-family:"Times New Roman", Times, serif; font-size:1.5em; text-decoration:none;}
.banner1 a:hover { text-decoration:underline;}

/* header */
#header div { position:absolute;}

/* content */
#content { padding:0 0 0px 105px; position:relative; }
#content1 { padding:0 0 0px 105px; position:relative; }
#feature { width: 208px; padding:0 0 40px 0; margin: 0 0 0 35px; }
#feature1 { width: 208px; padding:0 0 40px 0; margin: 0; }
#panel { padding:0 0 40px 110px; position:relative; }

/* footer */
#footer { color:#8bb0d3; font-size: 0.9em; padding: 20px 0 0 0; }
#footer p { margin:0; padding: 0 0 8px 125px;}
#footer a {color:#8bb0d3; text-decoration:underline;}
#footer a:hover { text-decoration:none;}

/* tables */
table  { border-collapse:collapse; border:1px solid #ccc; margin: 0 0 20px 0; }
td, th { padding:3px 8px; border:1px solid #ccc; text-align: center; height: 30px; }
tr { background:#fff; height: 20px;}
th { background:#ddd;}
th.row { background:#f2f2f2;}

/* nav */
#home a { float: left; width: 129px; height: 33px; margin: 0; background: url(../images/nav/home_b.gif) no-repeat 0px 0px; }
#home a:hover { background-position: 0 -33px; }
#home_on a { float: left; width: 129px; height: 33px; margin: 0; background: url(../images/nav/home_b.gif) no-repeat 0 -33px; }
#home_on span {	float: left; width: 129px; height: 33px; margin: 0;	background: url(../images/nav/home_b.gif) no-repeat 0 -33px; }

#designs a { float: left; width: 129px; height: 33px; margin: 0; background: url(../images/nav/designs_b.gif) no-repeat 0px 0px; }
#designs a:hover { background-position: 0 -33px; }
#designs_on a { float: left; width: 129px; height: 33px; margin: 0; background: url(../images/nav/designs_b.gif) no-repeat 0 -33px; }
#designs_on span {	float: left; width: 129px; height: 33px; margin: 0;	background: url(../images/nav/designs_b.gif) no-repeat 0 -33px; }

#services a { float: left; width: 129px; height: 33px; margin: 0; background: url(../images/nav/services_b.gif) no-repeat 0px 0px; }
#services a:hover { background-position: 0 -33px; }
#services_on a { float: left; width: 129px; height: 33px; margin: 0; background: url(../images/nav/services_b.gif) no-repeat 0 -33px; }
#services_on span {	float: left; width: 129px; height: 33px; margin: 0;	background: url(../images/nav/services_b.gif) no-repeat 0 -33px; }

#prices a { float: left; width: 129px; height: 33px; margin: 0; background: url(../images/nav/prices_b.gif) no-repeat 0px 0px; }
#prices a:hover { background-position: 0 -33px; }
#prices_on a { float: left; width: 129px; height: 33px; margin: 0; background: url(../images/nav/prices_b.gif) no-repeat 0 -33px; }
#prices_on span {	float: left; width: 129px; height: 33px; margin: 0;	background: url(../images/nav/prices_b.gif) no-repeat 0 -33px; }

#portfolio a { float: left; width: 129px; height: 33px; margin: 0; background: url(../images/nav/portfolio_b.gif) no-repeat 0px 0px; }
#portfolio a:hover { background-position: 0 -33px; }
#portfolio_on a { float: left; width: 129px; height: 33px; margin: 0; background: url(../images/nav/portfolio_b.gif) no-repeat 0 -33px; }
#portfolio_on span {	float: left; width: 129px; height: 33px; margin: 0;	background: url(../images/nav/portfolio_b.gif) no-repeat 0 -33px; }

#contact a { float: left; width: 129px; height: 33px; margin: 0; background: url(../images/nav/contact_b.gif) no-repeat 0px 0px; }
#contact a:hover { background-position: 0 -33px; }
#contact_on a { float: left; width: 129px; height: 33px; margin: 0; background: url(../images/nav/contact_b.gif) no-repeat 0 -33px; }
#contact_on span {	float: left; width: 129px; height: 33px; margin: 0;	background: url(../images/nav/contact_b.gif) no-repeat 0 -33px; }


/* Slider gallery */

#fullwidth .sliderGallery {
	/*background: url(../images/scrolling_bg.png) no-repeat;*/
	float: left;
	width: 780px;
	height: auto;
	padding: 10px 0 10px 0;
	margin: 0;
}

#fullwidth .sliderGallery ul { list-style: none; padding: 0; margin: 0; }

#fullwidth .sliderGallery ul li {
	float: left;
	width: 170px;
	margin: 0 0px 15px 0;
	padding: 0;
}