body
{
background: url(images/bg.jpg) center 0 no-repeat fixed; /* this is for background */
color:#000000; /* this is for font color */
margin:10px 0px 0px 0px;
font:19px century gothic bold;
}

h1 {text-align:center}
h2 {text-align:left}

.map
{
margin: -1000px 0 0 500px;
}

.aboutus
{
margin-top:100px;
width:700px;
margin-right:auto;
margin-left:auto;
font-size:14px;
font-family:century gothic;
}

form
{
padding-left: 50px;
padding-top: 100px;
font-size: 15px;
font-family: arial;
}

#megacontainer /* to be container */
{
background: url(images/contentbg.jpg);
width:950px;
min-height:1000px;
margin:auto; /* to be center */
overflow:hidden;
border:0px solid green;
}

.header
{
display:block;
height:141px;

}

#component /* to be grey */
{
border-top: 1px white solid;
background: #5f656b; 
width:inherit;
min-height:647px;
margin-top:25px;
border-bottom: 0px white solid;
overflow: visible;
}

.logo
{
position:absolute;
width:170px;
padding:0px 0px 5px 20px;
float:left;
z-index:1;
}

/* main menu styles */
.menu 
{
    position:absolute;
    display:inline-block;
    width:735px;
	height:150px;
	border:0px  solid blue;
    margin-left: 170px;
	margin-right: 25px;
    margin-top: -5px;
 
}
.menu li {
    margin:3px;
    float:left;
    position:relative;
    list-style:none;
}

.menu li a{
    width:80px;
}

/*nagivation link*/
.menu a {
	height:49.5px;
	font:13px century gothic;
    font-weight:bold;
    color:#6e4517;
    text-decoration:none;
    display:block;
    padding:64px 5px 0px 5px;
	text-align: center;
}

.hover
{
   background: url() no-repeat;
}
.menu .current
{
   background: url() no-repeat;
}

/* selected menu element */
.menu .current a, .menu li:hover > a {
    background: url(images/g1.png)  no-repeat;
    color:#ffffff;
}

.menu li.active > a 
{
background: url(images/g1.png)  no-repeat;
color:#ffffff;
}

.menu123
{
margin-bottom: 0px;
}
.menu ul
{
margin-top:0px;
}

.menu li
{
    width:95px;
display:inline;
margin:0 2px;
}




.rotator
{
width:821px;
height:100%;
border:0px solid red;
margin:auto;

}

.rotatordeco
{
position:absolute;
padding:100px 0px 10px 40px;
z-index:1;
}


.navigation  ul
{
	list-style-image:url('images/bullet.png');
	padding-left: 15px;
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.navigation  li
{
 height: 20px;
 text-align:left;
 font:13px century gothic;
}

.contact_detail_block
{
padding-left:40px;
}

.contact_form
{
padding-left: 50px !important;
font-size: 18px;
}

.readmore
{
font:12px century gothic bold;
text-align: bottom;
}


.learnmoretext
{
font:14px century gothic;
text-align:left;

}

.readmoretext
{
font:13px century gothic;
text-align:center;
padding:0px 17px 0px 17px;
}

.wrapper
{
width:950px;
height:100%;
margin:auto;
border:0px solid red;
display:block;
font:15px century gothic;
padding-left:0px;
padding-bottom:20px;
}


.tab1
{
font:9px century gothic;
width:280px;
float:left;
padding:0px 15px 0px 15px;
}

.tab2
{
font:9px century gothic;
width:280px;
float:left;
padding:0px 15px 0px 15px;

}

.tab3
{
font:9px century gothic;
width:280px;
float:left;
padding:0px 15px 0px 15px;

}


.gallery
{
background: url(images/contentimage.jpg) ;
width:950px;
height:195px;
font:20px century gothic bold;
text-align:center;
padding-top:8px;
}

.automated
{
font: 19px century gothic bold;
float:left;
width:235px;
height:200px;
text-align:center;
padding-top:10px;
}

.retirement
{
font: 19px century gothic bold;
float:left;
width:235px;
height:205px;
text-align:center;
padding-top:10px;
}

.insurance
{
font: 19px century gothic bold;
float:left;
width:235px;
height:205px;
text-align:center;
padding-top:10px;
}

.education 
{
font: 19px century gothic bold;
float:left;
width:235px;
height:205px;
text-align:center;
padding-top:10px;
}

.thecontent
{
min-height:700px;
}

#contentword
{
background: url(images/contentword.jpg) ;
width:950px;
height:200px;
}

.footer
{
background: url(images/footerbg.jpg) ;
width:950px;
height:200px;
border: 0px solid green;
color:white;
}

.footer1
{
font:13px century gothic;
float:left;
width:235px;
height:180px;
text-align:left;
}


.footer2
{
font:13px century gothic;
float:left;
width:235px;
height:180px;
text-align:left;
}

.footer3
{
font:13px century gothic;
float:left;
width:235px;
height:180px;
text-align:left;
}

.footer4
{
font:13px century gothic;
float:left;
width:235px;
height:180px;
text-align:left;
}

.footer4 img
{
padding-left:70px;
}

.footertext
{
font:14px century gothic bold;
text-align:left;
padding: 0px 25px 0px 25px;
}

.footer ul
{
display: block;
list-style: none;
color: grey;
padding-left: 25px;

}

.footer a
{
color: grey;
text-decoration: none;
}

.search
{
margin-left: -25px;
}


.copyright
{
width:950px;
min-height:30px;
background: black;
padding-top:5px;
}

.copyright a
{
color:white;
}



.copytext
{
text-align: right;
display: inline-block;
font: 12px century gothic bold;
margin:0px;
float:right;
padding-right:50px;

}

.social
{
float:left;
padding-left:50px;
}

/* 
Contact Form
*/

.success, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('image/success.png');
}
.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('image/error.png');

}
.validation li {
    list-style:disc;
    list-style-position:inside;
    line-height: normal;
}

**
* Ship Info
*/
.row label{
    clear:both;
    float:left;
    width:150px;
    padding: 3px;
}
.span2{
    float:left;
}
.confirm_title{
    clear:both;
    padding-top:10px;
    font-weight:bold;
    font-size:18px;
}

/* Contact Info */
.email span{
    display: inline-block; 
    background-image: url('image/con_email.png');
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.mobile span{
    display: inline-block; 
    background-image: url('image/con_mobile.png');
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.phone span{
    display: inline-block; 
    background-image: url('image/con_tel.png'); 
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.fax span{
    display: inline-block; 
    background-image: url('image/con_fax.png'); 
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.address{
    padding-left:20px; 
    display: inline-block; 
    background-image: url('images/con_address.png');
    background-repeat: no-repeat;
}
.website span{
    display: inline-block; 
    background-image: url('image/con_website.png');
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.city span{
    padding-left:21px;
}
.state span{
    padding-left:21px;
}
.contact_desc span{
    padding-left:21px;
}
.contact_form{
    clear:both;
    font-weight:bold;
    padding: 10px 0 10px 0;
	text-align: left;
}

.contact_detail_block,.contact_form_div
{
text-align: left;
}


/*
Banner Rotator
*/

/* Customize */

#coin-slider1272 { background-repeat:no-repeat;overflow: width:916px; overflow:hidden; zoom: 1; position: relative; }
#coin-slider1272 a {text-decoration: none; outline: none; border: none; }
#coin-slider1272 .cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
#coin-slider1272 .cs-prev { background:url(images/prev.png) no-repeat 0 0 transparent !important; width:35px; height:35px; text-indent:-9999px; display:block; padding:0 !important; opacity:1 !important; filter:alpha(opacity=100) !important; }
#coin-slider1272 .cs-prev:hover {background-position:0 -35px !important;}
#coin-slider1272 .cs-next {background:url(images/next.png) no-repeat 0 0 transparent !important; width:35px; height:35px; text-indent:-9999px; display:block; padding:0 !important;  opacity:1 !important; filter:alpha(opacity=100) !important; right:20px !important; }
#coin-slider1272 .cs-next:hover {background-position:0 -35px !important;}
#coin-slider-coin-slider1272 .cs-buttons { position:absolute !important; padding:0 !important; }
#coin-slider-coin-slider1272 .cs-buttons a {margin-left: 5px; height: 26px; width: 16px; float: left; color: #B8C4CF; text-indent: -1000px; background:url(images/non_select.png) no-repeat; border:0px; }
#coin-slider-coin-slider1272 .cs-buttons .cs-active { height: 26px; width: 16px; background:url(images/select.png) no-repeat; }
.wrapper_div1272 #coin-slider1272 .cs-title { top: 250px; height:20px;width:906px; }


#background /* blue */
{
margin:auto; /* to be center */
overflow:hidden;
height:970px;
width:850px;
background:#00aeef;
padding: 15px 25px 25px 25px;
margin-top:5px;
margin-bottom:10px;
border-top-right-radius: 25px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
}


#header
{
text-align:center;
font:10px;
}


.row1
{
width:840px;
float:left;
border-bottom:1px dashed white;
margin-bottom:8px;
}

.text
{
font:14px century gothic;
width:570px;
float:right;
text-align:left;
}


::selection{ 
	 background:#666;
	 color:white;
	 text-shadow:none;
}

::-moz-selection{
  	background:#666;
  	color:white;
  	text-shadow:none;
}


#viewport{
	overflow: hidden;
}

.pages, #controllers{
	width:900px;
	height:636px;
	position:relative;
	margin:auto;
	margin-top:50px;
}

.x1024 .pages, .x1024 #controllers{
	width:1024px;
}

.x1024 .turn-page, .x1024 #shadow-page{
	width:512px;
}

.clear{
	clear:both;
}

.turn-page{
	width:450px;
	height:636px;
	overflow:hidden;
	background:white;
	background-color:#f0f0f0;
}

.turn-page-wrapper{
	overflow: hidden;
}

#shadow-page{
	width:450px;
	height:636px;
	position:absolute;
	top:0px;
	right:0px;
	-moz-box-shadow: 5px 5px 10px #888;
	-webkit-box-shadow: 5px 5px 10px #888;
	box-shadow: 5px 2px 10px #888;
	z-index:-1;
}

#next, #previous{
	opacity:0;
	position:absolute;
	height:636px;
	width:24px;
	background:#999;
	-webkit-user-select:none;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	z-index:1000;
}

#next i, #previous i{
	background:url(../images/sprite.png) no-repeat;
	width:32px;
	height:32px;
	display:block;
	margin-top:334px;
	margin-left:-4px;
}

#next{
	-webkit-border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	-ms-border-radius: 0px 10px 10px 0px;
	-o-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
	right:-24px;
	top:0px;
}

#next i{
	background-position:-32px 0px;
}

#previous{
	-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	-ms-border-radius: 10px 0px 0px 10px;
	-o-border-radius: 10px 0px 0px 10px;
	border-radius:  10px 0px 0px 10px;
	left:-24px;
	top:0px;
}

#previous i{
	background-position:0px 0px;
}

#next.visible:hover, #previous.visible:hover {
	opacity:1 !important;
}


span.reference{
	font-family:Arial;
	position:fixed;
	right:10px;
	top:10px;
	font-size:15px;
}
span.reference a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}


}
.pp_loading{
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	margin:-35px 0px 0px -35px;
	background:#fff url(../icons/loader.gif) no-repeat center center;
	width:70px;
	height:70px;
	z-index:999;
	opacity:0.7;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.pp_next, .pp_prev{
	cursor:pointer;
	top:50%;
	margin-top:-16px;
	width:32px;
	height:32px;
	position:fixed;
	text-align:center;
	border:1px solid #111;
	color:#fff;
	-moz-box-shadow:0px 0px 3px #000;
	-webkit-box-shadow:0px 0px 3px #000;
	box-shadow:0px 0px 3px #000;
}
.pp_next{
	right:-40px;
	background:#222 url(../icons/next.png) no-repeat center center;
}
.pp_prev{
	left:-40px;
	background:#222 url(../icons/prev.png) no-repeat center center;
}
#pp_thumbContainer{
	position:fixed;
	bottom:0px;
	left:0px;
	height:65px;
	width:100%;
}
#pp_thumbContainer .album{
	position:absolute;
	width:200px;
	height:65px;
	bottom:-90px;
}
.album .descr,
.pp_back{
	position:absolute;
	bottom:0px;
	left:-16px;
	background:#222;
	text-align:center;
	border:1px solid #111;
	padding:5px;
	cursor:pointer;
	width:169px;
	color:#fff;
	cursor:pointer;
	text-shadow:0px 0px 1px #fff;
	-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	box-shadow:1px 1px 4px #000;
}
.pp_back{
	text-transform:uppercase;
	bottom:120px;
	left:-100px;
	width:80px;
}
#pp_thumbContainer .content{
	position:absolute;
	top:0px;
	height:155px;
	cursor:pointer;
}
#pp_thumbContainer img{
	border:5px solid #fff;
	-moz-box-shadow:1px 1px 7px #000;
	-webkit-box-shadow:1px 1px 7px #000;
	box-shadow:1px 1px 7px #000;
}
#pp_thumbContainer .content span{
	display:none;
}
.pp_preview{
	position:fixed;
	top:150%;
	left:50%;
}
.pp_preview img{
	position:absolute;
	top:0px;
	left:0px;
	border:10px solid #fff;
	border-bottom:45px solid #fff;
	-moz-box-shadow:1px 1px 7px #000;
	-webkit-box-shadow:1px 1px 7px #000;
	box-shadow:1px 1px 7px #000;
}
.pp_descr{
	height:45px;
	line-height:45px;
	font-size:20px;
	width:100%;
	bottom:0px;
	left:0px;
	position:absolute;
	text-align:center;
	color:#00021c;
}

.mbpgallery_categories_wrapper
{
margin-right: auto;
margin-left: auto;
width: 550px;
}

.mbpgallery_category_wrapper
{
margin-right: auto;
margin-left: auto;
width: 800px;
}

.mbpgallery-category-box-file 
{
height: 100px !important;
}

.gallery_back_button
{
padding-left:50px;
}

.mbpgallery-category-box-file:hover
{
    border: 1px solid #7e3419 !important;
}
.mbpgallery-category-box-file-third  img 
{
	display: inline;
  margin: 3px;
  opacity: 0.7;
	-webkit-transition: opacity 0.3s ease-in-out;
	border:0px solid #7e3419;
	
}

.mbpgallery-category-box-file-third  a:hover img 
{
opacity: 1;
box-shadow: 4px 4px 10px #818d98;!important;
}

.gallery_back_button span.back_btn 
{
background-image: url('http://mobipotcms.com/template/pro/goldentriangle/gtriangle/css/images/arrow.png')!important;
margin-right: 100px;
margin-top: 10px;
}

.mbpgallery-categories-box-file:hover 
{
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,1)!important;
}

.mbpgallery-category-box-file 
{
background: none !important;
width:150px !important;
height:150px !important;
font-size: 15px !important;
border: none !important;
margin:10px !important;
}

.mbpgallery-category-box-file a
{
color:black !important;
text-decoration:none !important;
}


.mbpgallery-category-box-file:hover
{
border: none !important;
}

.gallery_category_title h1
{
font-size:20px;
}

#page-wrap body { font: 10px Georgia, serif; color: #222; margin: 0; padding: 0;}

#page-wrap { width: 930px; margin: 60px auto; }
#map_canvas { width: 100%; height: 400px; width: 300px; float: left; position: relative; z-index: 30!important; border:5px solid brown; }

#page-wrap h1 { margin: 0 0 0px 0; font: bold 40px Helvetica, Arial, Sans-Serif; letter-spacing: -2px; }
#page-wrap h2 { margin: 0 0 0px 0; font: bold 25px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; text-shadow: 0 1px 0px rgba(255,255,255,0.3); padding-left:0px;}
#page-wrap h3 { margin: 0 0 0px 0; font: bold 18px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; }
#page-wrap p {font: 14px Georgia, serif; color: #222;}

#locations { list-style: none; width: 250px; float: left;  }
#locations li { padding: 10px; width: 800px; float: left; position: relative; z-index: 20; }
#locations li:hover, #locations li.hover { background: #ffe8b2 url(../images/shadow.png) 128px 0 repeat-y; }
#locations li:hover h3, #locations li.hover h3 { color: red; text-shadow: 0 1px 0px rgba(255,255,255,0.3); }


#contactcontent { width: 300px; }

#more-info { width: 300px; float: right; background: #ffe8b2; padding: 20px; height: 360px; }
#more-info * { position: relative; z-index: 40; }
#more-info > div { background: #e9e2bf; -moz-box-shadow: 0 0 14px rgba(70,49,1,0.5); -webkit-box-shadow: 0 0 14px rgba(70,49,1,0.5); padding: 20px; height: 320px; }
.longdesc { display: none; }