@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background:url(../images/bg2.jpg) repeat-x top center #38608a;
	color: #222;
	line-height:20px;
	text-align:justify;
	font-size:1em;
	font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#wrapper {
	background:url(../images/bg_swoop2.png) no-repeat right top;
}

#page {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	height:80px;
}

#logo {
	float:left;
	padding-top:10px;
}

#call-us-now {
	float:right;
	margin:15px 10px 0 0;
}

#call-message {
	float:right;
	margin-left:6px;
	color:#fff;
}

#call-us-now a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#call-us-now a:hover,
#call-us-now a:active {
	text-decoration:underline;
}

#call-us-now img {
	width:30px;
	padding-top:3px;
	float:right;
}


#content {
	clear:both;
}

#gallery #content {
	background:#ddd;
	min-height:630px;
	padding:10px 20px;
	margin-top:15px;
}

.general-text {
	margin-top: 5px;
	clear:both;
}

h1 {
	margin-bottom:10px;
	color: #00529e;
	font-weight:normal;
	display:block;
}
h1.accordian:hover {
	color: #000;
}

h1.accordian {
	margin:0 0 10px 10px;
}

h3 {
	margin: 0;
	color: #000;
	font-size: 18px;
	font-weight: lighter;
}


#footer {
	margin-top:10px;
	padding:20px 0;
	color:#fff;
	text-align:center;
}


img {
	border:0;
}



a:link,
a:visited {
	color: #00529e;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #000;
}

:focus {
	outline:none;
}

.clear {
	clear:both;
}

ul.simple {
	list-style:none;
	margin:0;
	padding:0;
}

ul.simple li {
	color:#00529e;
	float:left;
}

ul.simple li:hover {
	color:#000;
	cursor:pointer;
}

ul.triangles {
	list-style-image:url(../images/list.png);
	margin:0;
	padding-left: 23px;
}
ul.triangles li {
	font-size:1.2em;
	color: #555;
}

#a1 {
	width: 210px;
}
	
	



/* styles services section on home page */
.service {
	float: left;
	width: 440px;
	margin-top: 0px;
	padding: 0px;
}
.service-name {
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	color: #b8b8b8;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	line-height: 20px;
}
.short-description {
	font-family:  “Trebuchet MS”, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #00529e;
	margin: 0px;
	margin-top: 2px;
}
.arrow {
	margin-top: 7px;
	float: left;
}
.learn-more {
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	font-size: 14px;
}



/* Styles for Contact Section */
.contact-fieldset {
	width: 460px;
	border: none;
	padding: 0px;
	margin-top: 0px;
}

.contact-label {
	color: #555;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	width: 100px;
	float: left;
}

.contact-input {
	width: 200px;
	margin-right: 5px;
	margin-bottom: 4px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #555;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00529e;
	letter-spacing: 1px;
}

.contact-body {
	width: 320px;
	background-color: #fff;
	color: #00529e;
 	border: 1px solid #555;
	padding: 5px;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
}

.contact-button,
#contact-submit {
	text-align: right;
	padding: 6px;
	margin-left: 100px;
	background-color: #fff;
	border: 1px solid #555;
	color:#00529e;
	font-size: 0.7em;
}






/* styles for main accordian */
.Accordion {
	overflow: hidden;
	width: 440px;
	height: 380px;
	z-index: 100000;
}

.AccordionPanel {
	margin: 0;
	padding: 0;
}

.AccordionPanelTab {
	margin:0;
	padding: 2px;
	cursor: pointer;
	clear:both;
}

.AccordionPanelContent {
	float: left;
	overflow:hidden;
	clear:both;
	padding-bottom:10px;
}

.AccordionPanelOpen .AccordionPanelTab {
	background:none;
}

.AccordionPanelTabHover {
	color: #553455;
	cursor: pointer;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #0CC;
}

.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}

/* This class is used to style arrow next to Accordion headr */
.Accordion-icon-img {
	float: left;
}


.divider-y {
	width: 440px;
	height: 2px;
	background-image:url(../images/divider.jpg);
	background-repeat: repeat-x;
	margin-top: 10px;
	margin-bottom: 10px;
}

.divider-x {
	width:2px;
	height:300px;
	float: left;
	background-image:url(../images/divider.jpg);
	background-repeat: repeat-y;
	margin-top: 30px;
} 
 


/* We devided whole space into two columns, each of 440px width */
.left-column {
	width: 450px;
	float: left;
	height: 380px;
	padding:20px 10px 0 10px;
}
.right-column {
	width: 450px;
	float: right;
	padding:20px 10px 0 10px;
	height: 380px;
}


/* This class is used if you want to to divided one of the columns once again. You can use following classes and divide it into two columns, each with width of 215px */
.column-subdivision-left {
	float: left;
	width: 215px;
	margin-right: 5px;
}
.column-subdivision-right {
	float:right;
	width: 215px;
	margin-left: 5px;
}





/* navigation styles */
#box-nav,
#gallery #box {
	-o-box-shadow: 0 0 15px #222;
	-ms-box-shadow: 0 0 15px #222;
	-khtml-box-shadow: 0 0 15px #222;
	-moz-box-shadow: 0 0 15px #222;
	-webkit-box-shadow: 0 0 15px #222;
}

#controller {
	height:50px;
	clear:both;
	background:url(../images/menu-bar.jpg) left top;
	width:960px;
	text-align:center;
}


#controller .jFlowControl,
#navigation .navlink {
	background-image:url(../images/menu-bar.jpg);
	padding: 15px 10px;
	color: #FFFFFF;
	display:inline-block;
	float:left;
	margin-right:0;
}

#controller .jFlowControl {
	text-align:center;
}

#navigation .navlink {
	text-align:left;
	margin-left:0;
}

#controller .jFlowControl:hover,
#navigation .navlink:hover,
#controller .jFlowControl:active,
#navigation .navlink:active,
#controller .jFlowSelected,
#navigation .navlink.active {
	background-image:url(../images/menu-tab-order.jpg);
	color: #131313;
	cursor:pointer;
}

#jFlowSlide {
	width:960px;
}

#controller ul li,
#navigation ul li {
	margin-bottom:0;
	list-style-type:none;
	list-style-image:none;
	font-size:1em;
}

#navigation {
	margin: 0;
	height:50px;
	padding-left:0;
}

#controller ul,
#navigation ul {
	padding-left:0;
}