/* 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:#342f31; border:0; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#929292; line-height:19px; min-width:1105px; overflow:hidden}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

.spinner{ position:absolute; z-index:99; background:url(../images/ajax-loader.gif) 50% 50% no-repeat #342f31; width:100%; height:100%; top:0; left:0}


/* Global Structure ============================================================= */

.main {}

.block {height:60px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -60px; position:relative}
body, html {height:100%;}

.bg_spinner{ width:150px; height:20px; position: absolute; z-index:0; background:url(../images/ajax-loader2.gif) 0 0 no-repeat; top:-33px; left:600px}
.pagination{ position:absolute; top:-40px; right:30px; z-index:10}
.pagination li{ float:left; padding-right:1px;}
.pagination a{ display:block; background: url(../images/buttons.png) right 0 no-repeat; width:25px; height:25px;}
.pagination a:hover, .pagination .current a{ background-position:left}

.pad{ padding:20px 0 40px; width:100%; overflow:hidden}

/* ============================= main layout ====================== */

a{ color:#51b6f2; text-decoration: none; outline:none}
a:hover{ color:#35332e}
h1{ padding:59px 0 0 0;}
h2{ font-size:30px; font-weight:bold; line-height:1.2em; text-transform:uppercase; color:#35332e; letter-spacing:-1px; padding:13px 0 34px 0}
h2 span{ color:#00cbef}
h2 strong{ margin-top:-6px; display:block;}
h3{ font-size:20px;font-family: 'PT Sans', sans-serif; color:#000; text-transform:uppercase; font-weight:400 ; padding:23px 0 29px 0}
h3.pad_bot1{ padding-bottom:33px}
h3 strong{ display:block; background:url(../images/line_hor1.gif) 0 18px repeat-x; overflow:hidden}
h3 span{ float:left; padding-right:14px;}
h4{ font-size:20px; color:#000; line-height:1.2em; padding:10px 0 10px 0; text-transform:uppercase; font-weight:normal}
h4 span{ display:block; margin-top:-6px;}

p{ padding-bottom:19px;}

/* ============================= header ====================== */
header{ height:740px; float:left; width:265px;}

#logo{ display:block; text-indent:-9999px; background:url(../images/logo.jpg) 0 0 no-repeat; width:230px; height:136px;}

#menu { width:189px;}
#menu > li { position:relative; margin-top:1px; background:url(../images/menu.jpg) 0 0 repeat;}
#menu > li > a{ display:block;font-family: 'PT Sans', sans-serif; width:125px; padding:21px 32px 0; font-size:18px; color:#fff; line-height:1.2em; text-transform:uppercase; position:relative; z-index:2; font-weight:700; height:59px;}
#menu > li > a span{ font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1.2em; display:block; text-transform:none; color:#fff}
#menu > li > strong{ position:absolute; z-index:1; width:100%; height:80px; background:url(../images/menu_active.jpg) 0 0 repeat; top:0; left:0}
#menu > li:hover > a{}
#menu > .active > a, #menu > .active:hover > a{}

.submenu_1{ position:relative; top:0; left:0; width:100%; background: url(../images/submenu_bg.jpg) 0 0 repeat; padding:16px 0}
.submenu_1 li{ font-size:14px; line-height:36px;font-family: 'PT Sans', sans-serif; padding:0 32px;}
.submenu_1 a{ display:inline-block; color:#fff; background:url(../images/menu_marker.gif) 0 14px no-repeat; text-transform:uppercase; font-weight:400; padding-left:10px;}
.submenu_1 a:hover{ color:#332f30; font-weight:700;}

#menu ul{ display:none;}

/* ============================= content ====================== */

#content{ height:740px; float:left; width:840px;}

#content > ul >li{ position:relative; overflow:hidden;}

.pad_bot1{ padding-bottom:28px}
.marg_right1{ margin-right:20px;}


#page_Home{ position: fixed; bottom:158px; right:0; padding-right:30px; width:558px; z-index:1; overflow:hidden; padding-left:80px; height:100% !important}
.caption{ position:absolute; bottom:0; right:30px; width:558px; height:157px;}
.caption img, .caption div{ position: absolute; top:0; right:0}


.box{ background:url(../images/bg_content.jpg) repeat; padding:40px 0; height:810px; margin:0 10px; padding-left:60px; padding-right:58px;box-shadow: 5px 5px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .2); position: relative;}

.font1{ color:#00caee; font-size:16px; font-weight:bold;} 

.link1{ text-decoration:underline}
.link1:hover{ text-decoration:none}

.link2{ display:inline-block; background:url(../images/marker_1.png) right 0 no-repeat; font-size:14px; line-height:24px; color:#00caee; padding-right:31px;}
.link2:hover{ background-position: right bottom}

.button1{ float:right; font-size:13px; font-weight:bold; color:#000; line-height:44px; border-bottom:1px solid #b6b5b2; border-right:1px solid #b6b5b2; position:relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:url(../images/button1.gif) top repeat-x #e5e5e5; cursor:pointer}
.button1:hover{ background:#00c1eb; color:#fff}
.button1 span{ display:block; position: relative; top:0; left:0; cursor:pointer; width:100%; height:100%; padding:0 14px;}

.box1{ background:#fff;border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 2px 2px 1px #eee; -moz-box-shadow: 2px 2px 1px #eee; -webkit-box-shadow: 2px 2px 1px #eee; position: relative; padding:2px; margin-bottom:3px;}
.box1 .inner{ border:1px solid #f4f4f4; padding:10px 22px; position:relative;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size:13px; line-height:24px; color:#3f3f3f;}

.box1 p{ padding-bottom:10px;}


#page_Services h4{ height:60px; padding-left: 60px;}
.img1{background:url(../images/page3_img1.jpg) 0 12px no-repeat}
.img2{background:url(../images/page3_img2.jpg) 0 12px no-repeat}
.img3{background:url(../images/page3_img3.jpg) 0 12px no-repeat}

.gallery1{ overflow:hidden; width:702px !important; padding-bottom:31px}
.gallery1 li{ width:220px; float: left; padding-right:20px}

.gallery2{ overflow:hidden; width:702px !important;}
.gallery2 li{ width:340px; float: left; padding-right:20px}

.gallery2 .box1 { margin-bottom:22px}
.gallery2 .box1 .inner{ padding:2px;}
.gallery2 .box1 .pad{ padding:14px 20px 9px; width:auto}


.buttons{ position:absolute; top:55px; right:60px; background:url(../images/bg_buttons.jpg) 0 0 no-repeat; width:50px; height:30px; padding:7px 7px 0 9px}
.prev, .next{ background:url(../images/markers.png) 0 0 no-repeat; width:24px; height:24px;}
.prev{ float:left; background-position:0 0;}
.next{ float:right; background-position:right 0;}
.prev:hover{ background-position:0 bottom}
.next:hover{ background-position: right bottom}

.dropcap1{ float:left; background:url(../images/bg_dropcap.jpg)  0 0 no-repeat; width:68px; height:66px; margin-right:22px;font-family: 'PT Sans', sans-serif; font-size:48px; font-weight:bold; text-transform:uppercase; color:#fff; line-height:64px; text-align:center;}

.col1{ width:245px; float:left;}

/* Lightbox image */
.lightbox-image {position:relative;overflow:hidden;	display:block; background:#fff; z-index:1}
.lightbox-image img {position:relative;z-index:2;}
.lightbox-image > span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/magnify.png) no-repeat 50% 50%;z-index:1;}
.pp_details{ height:0; padding:0; margin:0; font-size:0; line-height:0; visibility:visible !important;}
.pp_description{ display:none; height:0; padding:0; margin:0; font-size:0; line-height:0}
div.light_square .pp_close{ position:absolute; z-index:99; top:-30px; right:-11px; width:24px; height:24px; background:url(../images/close.png) right 0 no-repeat}
div.light_square .pp_close:hover{ background-position:0 0}

div.light_square .pp_next{ position:absolute; top:48%; right:-30px; width:24px; height:24px; background:url(../images/markers.png) right bottom no-repeat; visibility:visible !important}
div.light_square .pp_next:hover{ background-position: right top}
div.light_square .pp_previous{ position:absolute; top:48%; left:-30px; width:24px; height:24px; background:url(../images/markers.png) left bottom no-repeat; visibility:visible !important}
div.light_square .pp_previous:hover{ background-position: left top}

.map{ background:#fff; padding:2px; margin-bottom:2px; box-shadow: 2px 2px 1px #eee; -moz-box-shadow: 2px 2px 1px #eee; -webkit-box-shadow: 2px 2px 1px #eee; position: relative; float:left; margin-right:21px}
.address{ width:197px; float:left;}
.address .right{ padding-right:20px}

/* ============================= footer ====================== */

footer { position:relative; background:#342f31; height:38px; padding:0 32px; padding-top:22px; font-size:13px; color:#e7e7e7; text-transform:uppercase;}
footer a{ color:#e7e7e7}
footer a:hover{ color:#00c0ea}

#social{ float:right; padding:0 0 0 0;}
#social li{ float:left; padding-left:20px; background:url(../images/footer_marker.gif) 6px 8px no-repeat;}
#social a{ display:block; font-size:16px; color:#fff; text-transform:uppercase;font-family: 'PT Sans', sans-serif; font-weight:700}
#social a:hover{ color:#00c0ea}

/* ============================= forms ============================= */

#ContactForm{ line-height:16px;}
#ContactForm .wrapper{ overflow:inherit; min-height:40px;}
#ContactForm .success{ padding-bottom:15px; display:none}
#ContactForm label{ position:relative;min-height:30px; float:right;}
#ContactForm .message{ height:110px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#00caee; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:13px; margin-top:0px}
#ContactForm .input { margin:0;width:234px; height:16px; background: none; padding:6px 10px;color:#929292; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;width:318px; height:96px; background: none; padding:6px 10px;color:#929292; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#ContactForm .omega .wrapper{ min-height:120px;}

fieldset > div{ width:100%; overflow:hidden}

#ContactForm  .bg{ background:#fff; border:1px solid #ededed; float: right;}