﻿* { margin:0; padding:0;}
body { background:#2e3d45; font-size:100%; line-height:1em; font-family:tahoma; color:#60727a;}


/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#60727a; font-weight:normal; font-size:1em}
img {border:0; text-align:left;}
ul { list-style:none;}

/*==================list====================*/
ul{margin:0px; padding:0px; list-style:none}
/*ul li { line-height:2em; font-size:1.09em}*/
ul li {color:#dd6004; background:url(images/marker_list.gif) no-repeat 0 1px; padding-left:21px}
ul li a{text-decoration:underline; color:#dd6004; }
ul li a:hover{ text-decoration:none}
/*==========================================*/

a {text-decoration:underline; color:#f45000}
a:hover {text-decoration:none}

a.link {text-decoration:none; color:#f45000; background:url(images/marker_link.gif) no-repeat 0 0; padding-left:21px; font-weight:bold; padding-bottom:3px}
a.link:hover {text-decoration:none; background:url(images/marker_link.gif) no-repeat 5px 0}

td img {text-align:center;}
strong {color:#2c3b43}

.column { float:left;}
.clear { clear:both;}
.justify { text-align:justify; margin:0 0 0 15px;}

h1{text-indent:-10000px; background:url(images/logo.jpg) no-repeat 0 0; height:51px; width:199px; font-size:0.75em; margin:0}
h2 {font-size:1em; color:#2c3b43; margin:0 0 7px 0}
h3 {font-size:2; color:#2c3b43; margin:0 0 7px 0}

.site_bg {background:url(images/main_bg2.gif) repeat-x top #f2f4f7}
.footer_bg {background:url(images/footer_bg.gif) repeat-x top; height:100px}

#header, #wrapper_header, #content {width:800px}

/*header*/
#header {height:155px; background:url(images/header_bg3.jpg) no-repeat top left}
#header .col_1 {width:313px; height:155px}
#header .col_1 .indent {padding:30px 0 0 35px}
#header .col_2 {width:487px; height:155px}
#header .col_2 .row_1 {height:97px; font-family:tahoma; font-size:0.6875em; line-height:2em; color:#6d757b}
#header .col_2 .row_1 .indent {padding:20px 0 10px 182px}
#header .col_2 .row_1 input {width:193px; height:22px; font-size:1.1em}
#header .col_2 .row_1 img {vertical-align:middle}
#header .col_2 .row_2 {height:58px}
#header .col_2 .row_2 img {vertical-align:top}
#wrapper_header {height:308px; background:url(images/wrapper_header_bg2.jpg) no-repeat 16px 0}
#wrapper_header img {margin:76px 0 0 85px;}

/*content*/
#content {font-size:0.6875em; line-height:1.45em}
#content .row_2 {height:137px; width:800px}
#content .row_2 .indent {padding-left:16px}
#content .row_2 img {vertical-align:top}
#content .cont_height {width:40px; float:left; height:532px}
.title {margin-bottom:0px; display:block}

.img_left {float:left; margin:0 20px 0 0}
.img_princess {float:left; margin:0 0 0 0}
.img_right {float:right; margin:0 20px 0 0}
.img_footer {float:right; margin:0 0px 10px 0}
.img_center {float:left; margin:0 20px 20px 100px}

.line {background:url(images/line_bg.gif) repeat-x top; width:auto; height:23px; margin-top:7px}
.line2 {background:url(images/line_bg.gif) repeat-x top; width:700px; height:23px; margin-top:7px}

/*footer*/
#footer {padding:60px 0 0 44px; font-size:0.6875em; color:#dbe0e4}
#footer a {color:#dbe0e4; text-decoration:none}
#footer a:hover {text-decoration:underline}

/*================== index.html ==================*/
#page1 #content .col_1 .indent {padding:0 55px 10px 0}
#page1 #content .col_1 .img_left {margin:1px 20px 18px 0}
#page1 #content .col_1 p {margin:0 0 15px 0}
#page1 #content .col_2 {color:#2c3b43}
#page1 #content .col_2 .indent {padding:0 30px 20px 4px; }
#page1 #content .col_2 .title {margin-bottom:14px}
#page1 #content .col_2 .box {width:330px; padding-bottom:32px}
#page1 #content .col_2 .col_box_1 {width:171px}
#page1 #content .col_2 .col_box_2 {width:159px}
#page1 #content .col_2 .title_1 {display:block; margin-bottom:16px}
#page1 #content .col_2 .img_left_1 {float:left; margin:4px 12px 21px -1px}
#page1 #content .col_2 span {color:#f45000; display:block}
#page1 #content .col_2 h2 {color:#7a8a91; font-weight:normal}
#page1 #content .col_2 .img_left {margin:0 19px 0 -4px}
#page1 #content .row_2 {height:215px; width:800px}


/*================== services.html ==================*/
#page2 #content .col_1 .indent {padding:0 55px 10px 2px}
#page2 #content .col_1 ul {margin:14px 0 13px 0}
#page2 #content .col_1 .title {margin-bottom:14px}
#page2 #content .col_2 .indent {padding:0 40px 10px 4px}
#page2 #content .col_2 p {margin:0 0 21px 0}
#page2 #content .col_2 .p1 {margin:0 0 14px 0}
#page2 #content .col_2 .img_left {margin:-1px 18px 42px -4px}
#page2 #content .col_2 .title_1 {display:block; margin-bottom:11px}
#page2 #content .col_2 .box {width:419px; margin:19px 0 0 -4px}
#page2 #content .col_2 .col_box_1 {width:167px}
#page2 #content .col_2 .col_box_2 {width:252px; color:#2c3b43}
#page2 #content .col_2 .img_left_1 {float:left; margin:4px 12px 32px 0}
#page2 #content .col_2 .line {margin:4px 0 0 33px; height:16px}
#page2 #content .col_2 .none {margin-bottom:0}
#page2 #wrapper_header {height:308px; background:url(images/wrapper_header_bg2.jpg) no-repeat 16px 0}
#page2 #wrapper_header img {margin:20px 0px 0 30px}


/*================== projects.html ==================*/
#page3 #content .col_1 .indent {padding:0 60px 10px 3px}
#page3 #content .col_1 .img_left {margin:1px 19px 19px -3px}
#page3 #content .col_1 p {margin:0 0 15px 0}
#page3 #content .col_1 .p1 {margin:0 0 17px 0}
#page3 #content .col_2 .indent {padding:0 40px 10px 0}
#page3 #content .col_2 p {margin:0 0 1px 0}
#page3 #content .col_2 ul {margin:9px 0 13px 0; font-size:1.6em;}
#page3 #content .col_2 li {margin:0 0 5px 0;}
#page3 #wrapper_header {height:308px; background:url(images/wrapper_header_bg3.jpg) no-repeat 16px 0}
#page3 #wrapper_header img {margin:20px 0px 0 30px}


/*================== clients.html ==================*/
#page4 #content .col_1 .indent {padding:0 55px 10px 3px}
#page4 #content .col_1 .pic {margin:19px 0 15px -3px; display:block}
#page4 #content .col_1 ul {margin:0 0 13px 0}
#page4 #content .col_2 .indent {padding:0 45px 10px 4px}
#page4 #content .col_2 p {margin:0 0 15px 0}
#page4 #content .col_2 .but {margin-bottom:34px}
#page4 #content .col_2 .p1 {margin:0 0 21px 0}
#page4 #content .col_2 .img_left {margin:-1px 18px 19px -4px}
#page4 #content .row_1 .img_pinkard {margin:10px 18px 20px 260px}
#page4 #content .col_2 .title_1 {display:block; margin-bottom:16px}
#page4 #content .col_2 .none {margin-bottom:0}
#page4 #content .row_2 {height:400px; width:800px}
#page4 #wrapper_header {height:308px; background:url(images/wrapper_header_bg4.jpg) no-repeat 16px 0}
#page4 #wrapper_header img {margin:95px 20px 0 255px}

/*================== contacts.html ==================*/
#page5 #content .col_1 .indent {padding:0 60px 10px 3px}
#page5 #content .col_1 .img_left {margin:0 19px 41px -3px}
#page5 #content .col_1 .title_1 {display:block; margin-bottom:16px}
#page5 #content .col_1 .box {width:412px; margin-top:15px; padding-bottom:10px}
#page5 #content .col_1 .box input {width:180px; height:18px}
#page5 #content .col_1 .box .div_input {margin-bottom:5px; height:18px}
#page5 #content .col_1 .box textarea {width:190px; height:100px}
#page5 #content .col_1 .div_links {width:412px; text-align:right}
#page5 #content .col_1 .box .col_box_1 {width:221px}
#page5 #content .col_1 .box .col_box_2 {width:191px}
#page5 #content .col_2 .indent {padding:0 45px 10px 0}
#page5 #content .col_2 p {margin:0 0 16px 0}
#page5 #content .row_2 {height:630px; width:800px}

/*================== index-5.html ==================*/
#page6 #content .cont_height {height:669px}
#page6 #content .col_1 .indent {padding:0 45px 10px 3px}
#page6 #content .col_1 p {margin:0 0 16px 0}

/*================== ourteam.html ==================*/
#page7 #content .col_1 .indent {padding:0 55px 10px 0}
#page7 #content .col_1 .img_left {margin:1px 20px 5px 0}
#page7 #content .col_1 p {margin:0 0 15px 0}
#page7 #content .col_2 {color:#2c3b43}
#page7 #content .col_2 .indent {padding:0 30px 20px 4px; }
#page7 #content .col_2 .title {margin-bottom:14px}
#page7 #content .col_2 .box {width:330px; padding-bottom:32px}
#page7 #content .col_2 .col_box_1 {width:171px}
#page7 #content .col_2 .col_box_2 {width:159px}
#page7 #content .col_2 .title_1 {display:block; margin-bottom:16px}
#page7 #content .col_2 .img_left_1 {float:left; margin:4px 12px 21px -1px}
#page7 #content .col_2 span {color:#f45000; display:block}
#page7 #content .col_2 h2 {color:#7a8a91; font-weight:normal}
#page7 #content .col_2 .img_left {margin:1px 20px 18px 0px}
#page7 #content .row_2 {height:230px; width:800px}
#page7 #wrapper_header {height:308px; background:url(images/wrapper_header_bg7.jpg) no-repeat 16px 0}
#page7 #wrapper_header img {margin:20px 0 0 185px}
#page7 #wrapper_header a {width:10px; height:10px; margin:70px 0px 0 727px; display:block;}
 

/*================== projectdetail.html ==================*/
#page8 #content .col_1 .indent {padding:0 55px 10px 2px}
#page8 #content .col_1 .indent2 {padding:0 0px 10px 20px}
#page8 #content  ul {margin:14px 0 13px 0; font-size:1.6em;}
#page8 #content .col_2 .indent {padding:0 40px 10px 4px}
#page8 #content .col_2 .indent2 {padding:0 0px 10px 20px}
#page8 #content .col_2 p {margin:0 0 21px 0}
#page8 #content .col_2 .p1 {margin:0 0 14px 0}
#page8 #content .col_2 .img_left {margin:-1px 18px 42px -4px}
#page8 #content .col_2 .title_1 {display:block; margin-bottom:11px}
#page8 #content .col_2 .box {width:419px; margin:19px 0 0 -4px}
#page8 #content .col_2 .col_box_1 {width:167px}
#page8 #content .col_2 .col_box_2 {width:252px; color:#2c3b43}
#page8 #content .col_2 .img_left_1 {float:left; margin:4px 12px 32px 0}
#page8 #content .col_2 .line {margin:4px 0 0 33px; height:16px}
#page8 #content .col_2 .none {margin-bottom:0}
#page8 #wrapper_header {height:308px; background:url(images/wrapper_header_bg3.jpg) no-repeat 16px 0}
#page8 #wrapper_header img {margin:20px 0px 0 30px}

/*================== chris.html ==================*/
#page9 #content .col_1 .indent {padding:5px 0px 10px 20px}
#page9 #content .col_1 .indent2 {padding:0 0px 10px 20px}
#page9 #content .col_1 ul {margin:14px 0 13px 0}
#page9 #content .col_2 .indent {padding:0 40px 10px 4px}
#page9 #content .col_2 p {margin:0 0 21px 0}
#page9 #content .col_2 .p1 {margin:0 0 14px 0}
#page9 #content .col_2 .img_left {margin:-1px 18px 42px -4px}
#page9 #content .col_2 .title_1 {display:block; margin-bottom:11px}
#page9 #content .col_2 .box {width:419px; margin:19px 0 0 -4px}
#page9 #content .col_2 .col_box_1 {width:167px}
#page9 #content .col_2 .col_box_2 {width:252px; color:#2c3b43}
#page9 #content .col_2 .img_left_1 {float:left; margin:4px 12px 32px 0}
#page9 #content .col_2 .line {margin:4px 0 0 33px; height:16px}
#page9 #content .col_2 .none {margin-bottom:0}
#page9 #wrapper_header {height:308px; background:url(images/wrapper_header_bg8.jpg) no-repeat 16px 0}
#page9 #wrapper_header img {margin:20px 0px 0 30px}

/*================== allprojects.html ==================*/
#page10 #content .col_1 .indent {padding:0 60px 10px 3px}
#page10 #content .col_1 .indent2 {padding:0 0px 0px 10px}
#page10 #content .col_1 .img_left {margin:1px 19px 19px -3px}
#page10 #content .col_1 p {margin:0 0 3px 0; font-size:1.3em;}
#page10 #content .col_1 .p1 {margin:0 0 17px 0}
#page10 #content .col_2 .indent {padding:0 40px 10px 0}
#page10 #content .col_2 .indent2 {padding:0 0px 0px 10px}
#page10 #content .col_2 p {margin:0 0 3px 0; font-size:1.3em;}
#page10 #content .col_2 ul {margin:9px 0 13px 0; font-size:1.3em;}
#page10 #wrapper_header {height:308px; background:url(images/wrapper_header_bg3.jpg) no-repeat 16px 0}
#page10 #wrapper_header img {margin:20px 0px 0 30px}





/*==================block====================*/
.block { background:#c5cab6}
.block .l_t { background:url(images/l_t_1.gif) left top no-repeat;}
.block .r_t { background:url(images/r_t_1.gif) right top no-repeat;}
.block .r_b { background:url(images/r_b_1.gif) right bottom no-repeat;}
.block .l_b { background:url(images/l_b_1.gif) left bottom no-repeat;}
.block .left {background:url(images/border.gif) repeat-y left}
.block .top {background:url(images/border.gif) repeat-x top}
.block .right {background:url(images/border.gif) repeat-y right}
.block .bot {background:url(images/border.gif) repeat-x bottom}
/*==========================================*/
