
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background: url(../images/bg.jpg) repeat; padding-top:54px; padding-bottom:60px; border:0; font:14px Arial, Helvetica, sans-serif; color:#93938d; line-height:18px; text-transform:uppercase}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 980px; padding:15px; background:#fff }


/* ============================= main layout ====================== */

a{ color:#59a5a5; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ background:#68c4c4; text-indent:-5000px; width:100%; overflow:hidden}
h2{font-weight:300; text-transform:none;  font-size:30px; color:#030303; line-height:46px; background:url(../images/marker_2.gif) 0 0 no-repeat; padding:0 0 19px 40px}
.col1 h2{ float:left;  padding:0 0 0 45px;line-height:70px; color:#fff; background: url(../images/marker_1.gif) 0 12px no-repeat #59646c; width:270px;}
h3{font-weight:300; text-transform:none;  font-size:30px; color:#f5688e; line-height:46px; background:url(../images/marker_2.gif) 0 0 no-repeat; padding:0 0 10px 40px}
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ width:665px; float:left;}

#link{ float:left; margin:64px 0 62px 81px;}
#logo{ float:right; margin:59px 25px 20px 0; width:562px; height:97px; background:url(../images/logo.gif) no-repeat; display:block}


#menu { background:#4e5961; padding-left:43px; overflow:hidden}
#menu li { float:left; padding-right:45px;}
#menu li a{ display:block; font-weight:400; text-decoration:none; font-size:16px; text-transform:none; color:#fff; line-height:70px;}
#menu li a:hover, #menu #menu_active a{ color:#c2fdfd}

/*---looped slider begin ---*/
#loopedSlider .container { width:100%; height:363px; overflow:hidden; position:relative; z-index:1; background:#ff7b9f}
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides div { position:absolute; top:0; left:0; width:665px; overflow:hidden; font-size:20px; color:#fff; text-transform:none; line-height:24px;}
#loopedSlider img{ float:left; margin-right:38px;}
.text1{ display: block; padding:88px 0 111px 0; font-weight:300; font-size:38px; line-height:46px}
.text1 span{ display:block; margin-top:-6px;}
#loopedSlider .previous{ position:absolute; z-index:2; margin-top:-348px; margin-left:610px; background:url(../images/marker_left.png) no-repeat; width:16px; height:19px; display:block}
#loopedSlider .previous:hover{ background:url(../images/marker_left_active.png) no-repeat}
#loopedSlider .next{ position:absolute; z-index:2; margin-top:-348px; margin-left:630px; background:url(../images/marker_right.png) no-repeat;width:16px; height:19px; display:block}
#loopedSlider .next:hover{ background:url(../images/marker_right_active.png) no-repeat}
/*--- slider end ---*/

/* ============================= content ====================== */

#content{ padding-bottom:26px; width:100%; overflow:hidden}

.pad{ padding:29px 0 0 26px}
.pad_bot1{ padding-bottom:10px;}
.pad_bot2{ padding-bottom:39px;}
.pad_bot3{ padding-bottom:18px;}
.pad_left1{ padding-left:40px;}
.pad_left2{ padding-left:35px;}
.marg_right1{ margin-right:15px;}
.marg_right2{ margin-right:23px;}

.box1{ background:#f7f8f0; height:324px; padding:39px 32px 0 48px}
.box1 .button{ background:#68c4c4}
.box1 .button span{ background:url(../images/button1_left.gif) top left no-repeat}
.box1 .button span span{ background:url(../images/button1_right.gif) top right no-repeat}

.box2{ background:#f9f8f1}

.box3{ background: url(../images/bg_top.gif) top repeat-x #b6b6ab; padding:41px 0 41px 57px; margin-top:6px;}
.box3 ul{ padding-top:11px; padding-bottom:12px}
.box3 li{ line-height:24px; font-size:13px;}
.box3 li a{ font-weight:bold; color:#fff; text-decoration:none; text-transform:none}
.box3 li a:hover{ text-decoration:underline}

.line1{ background:url(../images/line_ver.gif) 156px 0 repeat-y}
.line2{ background:url(../images/line_ver.gif) 381px 0 repeat-y}
.line3{ background:url(../images/line_ver.gif) 599px 0 repeat-y}

.font1{ font-size:16px; font-weight:bold; color:#68c4c4; text-transform:none}
.font2{ font-size:11px; line-height:16px; text-transform:none; color:#a2a2a2;}
.font3{ font-size:100%; line-height:16px; text-transform:none; color:#a2a2a2;}

.color1{ color:#a2a2a2;}
.color2{ color:#f5688e}

.button{ display:inline-block; font-size:11px; color:#fff; text-decoration:none; text-transform:none; background:#ff7b9f; line-height:23px;}
.button span{ display:block; background:url(../images/button2_left.gif) top left no-repeat}
.button span span{ background:url(../images/button2_right.gif) top right no-repeat; padding:0 13px 0 18px; height:25px}
.button:hover span span{ padding:0 13px 0 25px}

.under{ padding-bottom:27px; background:url(../images/line_hor.gif) bottom repeat-x; margin-bottom:24px}

.list1 li{ line-height:22px; font-size:12px}
.list1 li a{ padding-left:18px; background:url(../images/marker_4.gif) 0 3px no-repeat}
.box1 .list1 li a, .box2 .list1 li a{ background:url(../images/marker_3.gif) 0 3px no-repeat}

.text2{ font-size:24px; line-height:30px; text-transform:none; color:#545050; font-weight:300}

.consulting{ float:right; padding:17px 54px 0 0;}

.price{ width:251px;}
.price li{  line-height:22px; width:100%; overflow:hidden}
.price a{color:#93938d; text-decoration:none; float:left;}
.price a:hover{ text-decoration:underline}
.price span{ float:right;}
.price strong{ display:block; overflow:hidden;background:url(../images/bg_price.gif) 0 -5px repeat-x;}
/* ============================= footer ====================== */

footer { color:#b4b4ad; font-size:12px; padding:0 0 14px 22px;}
footer a{ color:#b4b4ad}

#footer_menu{ width:100%; overflow:hidden; padding-bottom:6px;}
#footer_menu li{ float:left; padding-right:22px; background:url(../images/footer_marker.gif) right 7px no-repeat; margin-right:18px}
#footer_menu .bg_none{ background:none}
#footer_menu li a{ color:#6c6c60; text-transform:none; text-decoration:none;}
#footer_menu li a:hover{ text-decoration:underline}

/* ============================= forms ============================= */

#ContactForm { width:246px;}
#ContactForm a{ margin-left:10px; width:60px; height:25px; line-height:24px; font-size:11px; text-transform:none; color:#fff; text-align:center; background:url(../images/button.gif) no-repeat; float:right; text-decoration:none}
#ContactForm a:hover{ background:url(../images/button_active.gif) no-repeat}
#ContactForm .input {width:222px; height:17px; background:#f7f8f0; padding:10px 12px; margin-bottom:7px;color:#93938d; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#form textarea {border:1px solid #cccccc; width:214px; height:292px; background:#f7f8f0; padding:10px 12px; margin-bottom:20px;color:#93938d; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase;overflow: auto}
#form input {width:222px;  background:#f7f8f0;  padding:7px;color:#93938d; font:14px Arial, Helvetica, sans-serif; border:1px solid #cccccc;}
#form select {width:239px;  background:#f7f8f0;  padding:7px;color:#93938d; font:14px Arial, Helvetica, sans-serif;  border:1px solid #cccccc;}
#form td { vertical-align:middle; padding-top:5px;}

td.tdImg { width:200px; height:140px;}
#tblThumbsLayout {text-align:left; margin: 0 auto;}
#tblGalleryName{margin-top:2px;}
#currentGalleryLocation {font-weight:bold;}
td#galleryNameCell {font-size: 18px; font-weight:bold; color:#606060; margin: 6px 6px 0 0;}
td#pagingCell {text-align:right; white-space:nowrap;}
.currentPage {font-weight: bold;}
td#pagingCell a, .currentPage {font-size: 12px; padding: 3px 5px; border:1px solid #ccc;vertical-align:middle; }
td#pagingCell a:hover, .currentPage {border: #666 1px solid; background-color:#fff; text-decoration:none;}
td.tdImg {border: 1px solid; border-color: #dedede #dedede #dedede #dedede;
  text-align:center; background-color:#fff; vertical-align:middle;padding:4px;}
td.tdImg img {margin-top:11px;}



