* { margin:0; padding:0;}
body { background:#e1e2db; font-family:Tahoma; font-size:100%; line-height:1em; color:#484848;}


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

a:hover{text-decoration:none;}
a {color:#14316b;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

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

p { margin:0; padding:0;}

.form { height:35px;}
.form input {width:191px; height:17px; padding-top:3px; background:#fff; border:1px solid #404040; font-size:1em; color:#484848;}
textarea { width:201px; height:122px; padding-top:3px; background:#fff; overflow:auto; border:1px solid #404040; font-size:1em; color:#484848; font-family:tahoma;}

.input { width:142px; height:18px; border:1px solid #a5a092; font-size:1em;}


ul { list-style:none;}
.ul li a { line-height:1.81em;}

.title { margin:0 0 15px 0;}

.img_indent { margin:0 18px 0 0; float:left;}


/*txt, links*/
h1 { background:url(images/logo.jpg) no-repeat left top; height:174px;}
h2 { color:#14316b; font-size:1em; margin-bottom:10px;}
h3 { color:#719c00; font-size:0.81em; margin-bottom:7px;}
h4 {color:#719c00; font-size:1em; margin-bottom:8px;}

.link1 { color:#af2015;}
.link2 { background:url(images/marker.gif) no-repeat 0 1px; padding-left:19px; color:#004197;}
.link3 { color:#719c00;}

.line_hor { background:url(images/line1.gif) left bottom repeat-x;}


/*=====================header====================*/
#header .row_1 { height:231px; background:url(images/header_bgd.jpg); background-repeat:no-repeat;}
#header .row_1 .col_1 { width:221px; height: 183px;}
#header .row_1 .col_2 { width:559px; height: 183px;}
#header .row_1 img { margin-top:48px;}
#header .row_2 { height:48px; background-image:url(images/mnubg.gif); background-repeat:repeat-x;}
#header .row_2 .indent { padding:0 0 0 28px;}
#header .row_2 img { margin-right:2px;}

/*====================content=====================*/
#content { font-size:0.69em; line-height:1.27em; background-color:#FFFFFF;}
#content .indent { padding:18px 0 24px 0;}

/*====================footer======================*/
#footer { font-size:0.69em; background-image:url(images/tall_bottom.gif);}
#footer .indent { padding:29px 0 0 49px;}
#footer .col_1 { color:#e1e2db; width:283px;}
#footer .col_1 a { color:#04a4e5;}
#footer ul li { float:left;}
#footer ul li a { color:#e1e2db; text-decoration:none; background:url(images/footer_marker.gif) no-repeat right 5px; padding-right:15px; margin-left:16px;}
#footer ul li a:hover { text-decoration:underline;}

/*================== index.html ==================*/
#page1 #content .col_1 .indent { padding:0 64px 0 28px;}
#page1 #content .col_1 .row_1 { padding-bottom:19px;}
#page1 #content .col_1 .row_1 p { margin-bottom:17px;}
#page1 #content .col_1 .row_2 .block { margin-bottom:16px;}
#page1 #content .col_1 .row_2 .block .ind { padding:15px 15px 17px 21px;}
#page1 #content .col_1 .row_2 p { margin-bottom:11px;}
#page1 #content .col_2 .row_1 { padding-bottom:33px; background:url(images/world.jpg) no-repeat 0 20px;}
#page1 #content .col_2 .row_1 .title_block {width: 280px; margin-bottom:20px;}
#page1 #content .col_2 .row_1 .indent1 {padding:0 175px 0 4px;}
#page1 #content .col_2 .row_1 p { padding:15px 0 0 0;}
#page1 #content .col_2 .row_2 .indent1 { padding-left:2px;}
#page1 #content .col_2 .row_2 .title_block {margin-bottom:12px;}
#page1 #content .col_2 .row_2 .container { width:416px;}
#page1 #content .col_2 .row_2 .container img{border:#e1e2db double 3px; padding:1px;}
#page1 #content .col_2 .row_2 .container .column1 { width:211px;}
#page1 #content .col_2 .row_2 .container .column2 { width:185px;}
#page1 #content .col_2 .row_2 p { margin:10px 0 0 0;}

/*================== portfolio.html ==================*/
#page2 #content .indent { padding-bottom:23px;}
#page2 #content .col_1 .indent { padding:0 60px 31px 31px;}
#page2 #content .col_1 .title_block { margin-bottom:33px;}
#page2 #content .col_1 p { margin-top:9px;}
#page2 #content .col_1 .img_indent { margin:0 18px 24px 0;}
#page2 #content .col_1 .title_block div {padding-left:27px;}
#page2 #content .col_2 p { margin-bottom:13px;}
#page2 #content .col_2 .block .ind { padding-bottom:28px;}

/*================== ecommerce.html ==================*/
#page3 #content .indent { padding-bottom:23px;}
#page3 #content .col_1 .indent { padding:0 60px 0 28px;}
#page3 #content .col_1 .block .ind { padding:22px 15px 10px 21px;}
#page3 #content .col_1 .title_block { margin-bottom:11px; margin-left:3px;}
#page3 #content .col_1 h4 { margin:17px 0 8px 0;}
#page3 #content .col_1 p { margin-bottom:13px;}
#page3 #content .col_1 .p1 { margin-bottom:19px;}
#page3 #content .col_1 ul { margin-bottom:14px;}
#page3 #content .col_1 .title_block div {padding-left:27px;}
#page3 #content .col_2 .row_1 .title_block { margin-bottom:33px;}
#page3 #content .col_2 .row_1 .img_indent { margin:0 18px 0 2px;}
#page3 #content .col_2 .row_1 p {margin:10px 0 17px 0;}
#page3 #content .col_2 .block { width:410px;}
#page3 #content .col_2 .block .ind { padding:18px 15px 31px 21px;}
#page3 #content .col_2 .row_2 p { margin-bottom:16px;}
#page3 #content .col_2 .row_2 .p1 { margin:10px 0 16px 0;}

/*================== hosting.html ==================*/
#page4 #content .indent { padding-bottom:23px;}
#page4 #content .col_1 .indent { padding:0 60px 0 30px;}
#page4 #content .col_1 .title_block { margin-bottom:30px;}
#page4 #content .col_1 p { margin-bottom:18px;}
#page4 #content .col_1 .container { width:411px;}
#page4 #content .col_1 .container p { margin:8px 0 0 0;}
#page4 #content .col_1 .container .img_indent { margin:0 16px 18px 0;}
#page4 #content .col_1 .container .column1 { width:223px;}
#page4 #content .col_1 .container .column2 { width:188px;}
#page4 #content .col_1 .title_block div {padding-left:27px;}
#page4 #content .col_2 p { margin-bottom:14px;}
#page4 #content .col_2 ul { margin-bottom:13px;}
#page4 #content .col_2 .block .ind { padding-bottom:27px;}

/*================== web_design.html ==================*/
#page5 #content .indent { padding-bottom:23px;}
#page5 #content .col_1 .indent { padding:0 60px 0 28px;}
#page5 #content .col_1 .block .ind { padding:18px 15px 31px 21px;}
#page5 #content .col_1 .title_block { margin-bottom:11px; margin-left:3px;}
#page5 #content .col_1 h4 { margin:0 0 8px 0;}
#page5 #content .col_1 p { margin-bottom:24px;}
#page5 #content .col_1 .p1 { margin-bottom:10px; padding-top:2px;}
#page5 #content .col_1 .title_block div {padding-left:27px;}
#page5 #content .col_2 .row_1 { padding-bottom:47px;}
#page5 #content .col_2 .row_1 .title_block { margin-bottom:29px;}
#page5 #content .col_2 .row_1 .img_indent { margin:0 18px 0 2px;}
#page5 #content .col_2 .row_1 p {margin:10px 0 19px 2px;}
#page5 #content .col_2 .block { width:410px;}
#page5 #content .col_2 .block .ind { padding:22px 15px 29px 21px;}
#page5 #content .col_2 p { margin:10px 0 14px 0;}
#page5 #content .col_2 .row_2 .img_indent { margin:0 18px 14px 0;}

/*================== contact.html ==================*/
#page6 #content .indent { padding-bottom:23px;}
#page6 #content .col_1 .indent { padding:0 60px 0 30px;}
#page6 #content .col_1 .row_1 { padding-bottom:24px;}
#page6 #content .col_1 .title_block { margin-bottom:23px;}
#page6 #content .col_1 .img_indent { margin:0 18px 0 1px;}
#page6 #content .col_1 p { margin-bottom:18px;}
#page6 #content .col_1 .container { width:404px;}
#page6 #content .col_1 .container p { margin:8px 0 0 0;}
#page6 #content .col_1 .container .img_indent { margin:0 16px 18px 0;}
#page6 #content .col_1 .container .column1 { width:201px;}
#page6 #content .col_1 .container .column2 { width:203px;}
#page6 #content .col_1 .title_block div {padding-left:27px;}
#page6 #content .col_2 p { margin-bottom:14px;}
#page6 #content .col_2 .block .ind { padding-bottom:36px;}
#page6 #content .col_2 h4 { margin-bottom:0px;}

/*================== privacy.html ==================*/
#page7 #content .title_block { margin-bottom:29px;}
#page7 #content .indent { padding:18px 33px 26px 30px;}
#page7 #content .indent p { margin-bottom:14px;}
#page7 #content .indent .p1 { margin-bottom:21px;}
#page7 #content .indent ul { list-style:outside; margin-bottom:14px;}
#page7 #content .indent li { margin-left:31px;}

/*==================list====================*/
.block { background:#e1e2db; width:235px; color:#383838;}
.block .r { background:url(images/r.gif) right top repeat-y;}
.block .b { background:url(images/b.gif) left bottom repeat-x;}
.block .l { background:url(images/l.gif) left top repeat-y;}
.block .t { background:url(images/t.gif) left top repeat-x;}
.block .l_t { background:url(images/l_t.gif) no-repeat left top;}
.block .r_t { background:url(images/r_t.gif) no-repeat right top;}
.block .r_b { background:url(images/r_b.gif) no-repeat right bottom;}
.block .l_b { background:url(images/l_b.gif) no-repeat left bottom;}
.block .ind { padding:15px;}

.title_block { background:url(images/line1.gif) left bottom repeat-x; height:24px; margin-bottom:11px; font-size:16px; color:#383838; line-height:1.1em;}
.title_block span{color:#004197;}
.title_block div { height:17px; background:url(images/title_marker.gif) no-repeat 5px 0px; padding-left:31px;}

/*==================light box====================*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; padding:10px; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #060655; }

/*==========================================*/