body {
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #424242;
	background: #e4e4e4 url("/images/layout/elements/body-bg.jpg") repeat-x;
}

.right { float: right; }
.left { float: left; }
.clear { clear: both; }

.col-140 { width: 140px; }
.col-220 { width: 220px; }
.col-300 { width: 300px; }
.col-460 { width: 460px; }
.col-540 { width: 540px; }
.col-620 { width: 620px; }
.col-700 { width: 700px; }
.col-780 { width: 780px; }

#wrap {
	margin: 0px auto;
	width: 982px;
	background: transparent;
}

#page-cap {
	margin: 10px 0px 5px 0px;
}

#page-cap p {
	margin: 0px;
}

#header {
	margin: 0px;
 	padding: 0px 20px;
	height: 120px;
	background: #fff url("/images/layout/elements/header-bg.jpg") no-repeat top;
}

#content {
	background: #fff;
	margin: 0px;
 	padding: 0px 20px 20px 20px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#flashLogo {
	margin: 30px 0px 0px 0px;
}

.header-logo-left {
	float: left;
	margin: 40px 0px 0px 0px;
}

.header-logo-right {
	float: right;
	margin: 40px 0px 0px 0px;
}

.home-blue {
	background: transparent url("/images/layout/homepage/intro-bg-blue.jpg") no-repeat;
}

.home-bluet {
	background: transparent url("/images/layout/homepage/intro-bg-blue160.jpg") no-repeat;
}

.home-red {
	background: transparent url("/images/layout/homepage/intro-bg-red.jpg") no-repeat;
}

.home-green {
	background: transparent url("/images/layout/homepage/intro-bg-green.jpg") no-repeat;
}

.home-purple {
	background: transparent url("/images/layout/homepage/intro-bg-purple-2.jpg") no-repeat;
}

.contact-green {
	background: transparent url("/images/layout/homepage/intro-bg-green-620.jpg") no-repeat;
}


.intro-image {
	height: 250px;
	padding: 25px 240px 0px 30px;
}

.intro-image1 {
	height: 160px;
	padding: 5px 20px 20px 30px;
}

.intro-image p {
	color: #fff;
	
}

.intro-image1 p {
	color: #fff;
	
}

.intro-image a {
	color: #fff;
	
}
.intro-image1 a {
	color: #fff;
	
}

.intro-image p.first {
	font-size: 2.5em;
	line-height: 1.2em;
}

.intro-image p.second {
	font-size: 1.4em;
	line-height: 1.3em;
}

.intro-image1 p.first {
	font-size: 2.5em;
	line-height: 1.2em;
}

.intro-image1 p.second {
	font-size: 1.4em;
	line-height: 1.3em;
}

ul.product-list {
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
	padding: 0px 20px;
}

.product-list li {
	padding: 3px 0px;
	display: block;
}

.product-list li a {
	color: #005b9a;
	text-decoration: none;
	display: block;
}

.product-list li a:hover {
	color: #424242;
	text-decoration: underline;
}


.col-220-bg {
	background: transparent url("/images/layout/elements/col-220-bg.gif") no-repeat;
	margin-bottom: 20px;
}

.col-220-bg h2{
	padding: 10px 10px 0px 20px;
}

.col-220-bg h3{
	padding: 0px 20px;
	font-size: 1.2em;
	margin: 0px 0px 5px 0px;
}

.col-220-bg p{
	padding: 0px 20px;
}

.col-220-bg .dotted{
	margin: 0px 20px 10px;
}


.col-220-bg-bot {
	background: transparent url("/images/layout/elements/col-220-bg-bot.gif") no-repeat;
	height: 5px;
	padding: 0px;
	margin: 0px;
}

.col-block {
	padding-bottom: 10px;
}

.col-block p {
	margin-bottom: 10px;
}

/*--------------------- Fonts & typography ----------------------- */

strong {
	font-weight: bold;
}

h2 {
	font-size: 1.8em;
	font-weight: bold;
	color: #011724;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

h3 {
	font-size: 1.8em;
	font-weight: bold;
	color: #5696fa;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

h4 {
	font-size: 1.5em;
	font-weight: bold;
	color: #011724;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

h5 {
	font-size: 1.2em;
	font-weight: bold;
	color: #424242;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

h6 {
	font-size: 1.2em;
	font-weight: bold;
	color: #424242;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0px 0px 25px 0px;
}

p.scale-center {
	text-align: center;
}

a {
	text-decoration: none;
	color: #005b9a;
}

a:hover {
	text-decoration: underline;
}

.dotted {
	border-bottom: 1px dotted #ccc;
	height: 1px;
	overflow: hidden;
	margin: 10px 0px 20px 0px;
}

#ajax-success p {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
}


/*--------------------- Validation form labels ----------------------- */


label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }


/*--------------------- Home page Navigation Tabs ----------------------- */


#home-nav {
	margin: 0px 0px 20px 0px;
	font-size: 1.2em;
	line-height: 1.2em;
	height: 29px;
	border-bottom: 1px solid #d9d9d9;
	position: relative;
}

#home-nav ul {
	list-style-type: none;
	position: bottom;
	float: right;
}

#home-nav li {
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 10px;
	background: url("/images/layout/main-tabs/left-tab-sea.jpg") no-repeat left top;
}

#home-nav a{
	display: block;
	color: #fff;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 8px 20px 8px 10px;
	background: url("/images/layout/main-tabs/right-tab-sea.jpg") no-repeat right top;
}

#home-nav a:hover {
    color: #90d0e8;
    }

#home-nav .current {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 10px;
    background: url("/images/layout/main-tabs/left-tab-green.jpg") no-repeat;
    }

#home-nav .current a {
	margin: 0px 0px 0px 0px;
	padding: 8px 20px 8px 10px;
    background: url("/images/layout/main-tabs/right-tab-green.jpg") no-repeat right top;
	color: #fff
    }

#home-nav .current a:hover {
    color: #fff
    }
    
a.house-graphic {
	padding: 6px 15px 3px 5px !important;
}

/*--------------------- Main Navigation Tabs ----------------------- */


#main-nav {
	margin: 0px 0px 0px 0px;
	width: 700px;
	height: 29px;
	position: absolute;
}

#main-nav ul {
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	display: inline;
	position: absolute;
}

#main-nav li {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url("/images/layout/main-tabs/left-tab-sea.jpg") no-repeat left top;
}

#main-nav a{
	display: block;
	color: #fff;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 8px 20px 8px 10px;
	background: url("/images/layout/main-tabs/right-tab-sea.jpg") no-repeat right top;
}

#main-nav a:hover {
    color: #90d0e8;
    }

#main-nav .current {
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 10px;
    background: url("/images/layout/main-tabs/left-tab-green.jpg") no-repeat;
    }

#main-nav .current a {
	margin: 0px 0px 0px 0px;
	padding: 8px 20px 8px 10px;
    background: url("/images/layout/main-tabs/right-tab-green.jpg") no-repeat right top;
	color: #fff
    }

#main-nav .current a:hover {
    color: #fff
    }


/*--------------------- Content Tabs ----------------------- */

ul.tabNavigation {
	margin: 5px 0px 15px 0px;
	padding: 25px 0px 0px 0px;
	list-style-type: none;
	background: #c8e8f7 url("/images/layout/main-tabs/tab-bg.png") no-repeat;
	height: 19px;
	text-align: center;
}

.tabNavigation li {
	margin: 5px 0px 0px 2px;
	padding: 8px 0px 5px;	
	list-style-type: none;
	display: inline;
	font-size: 1.2em;
	line-height: 1.2em;
	border-bottom: none;
	background: #81aebf; 
}

.tabNavigation li a{
	padding: 8px 12px 5px;
	text-decoration: none;
	color: #fff;
	border-bottom: none;
}

.tabNavigation li a:hover{
	background: #498aa2;

}

.tabNavigation li a.selected{
	font-weight: bold;
	background: #fff;
	color: #424242;
	padding: 8px 12px 6px;
	border-bottom: none;
}

/*--------------------- left menu ----------------------- */

ul.left-menu {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	list-style-type: none;
	border-top: 1px solid #ddd;
}

.left-menu li {
	margin: 0px;
	padding: 5px 0px;	
	list-style-type: none;
	font-size: 1.2em;
	line-height: 1.2em;
	border-bottom: 1px solid #ddd;
}

.left-menu li a{
	padding: 5px 0px;
	display: block;
	text-decoration: none;
	color: #005b9a;
}

.left-menu li.current a{
	font-weight: bold;
	color: #424242;
	padding: 5px 10px 6px 5px;
}

#crm {
	z-index: 1 !important;
}

/*--------------------- right menu ----------------------- */

ul.right-menu {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	list-style-type: none;
}

.right-menu li {
	margin: 0px;
	padding: 0px 0px;	list-style-type: none;
	font-size: 1.2em;
	line-height: 1.2em;
	border-bottom: 1px solid #d9d9d9;
	background: #fff;
}

.right-menu li a{
	padding: 5px 0px;
	display: block;
	text-decoration: none;
	color: #005b9a;
}

.right-menu li a.selected{
	font-weight: bold;
	background: #fff;
	padding: 5px 10px 6px 10px;
}

/* ----- Main Search Elements ----- */

.main-search {
	width: 290px;
	margin: 0px;
	position: relative;
}

.main-search p {
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	font-size: 1.2em;
	line-height: 2.2em;
	text-align: right;
}

.main-search label {
	display: block;
	float: left;
	text-align: left;
	width: 75px;
}

.main-search input[type="text"] {
	border:1px solid #ccc;
	color:#424242;
	padding:5px;
	width: 175px;
	margin-right: 25px;
}

.main-search input[type="image"] {
	position: absolute;
	top: 0px;
	right: 0px
}


/* ----- right nav surround elements ----- */

.right-top {
	height: 11px;
	background: url("/images/layout/elements/right-220-top.jpg") no-repeat top;
	overflow: hidden;
	margin: 0px
	padding: 0px;
}

.right-content {
	background: url("/images/layout/elements/right-220-bot.jpg") no-repeat bottom;
	overflow: hidden;
	margin: 0px 0px 20px 0px;
	padding: 0px 20px 10px 20px;
}

.col-300-top {
	height: 11px;
	background: url("/images/layout/elements/col-300-top.gif") no-repeat top;
	overflow: hidden;
	margin: 0px
	padding: 0px;
}

.col-300-content {
	background: url("/images/layout/elements/col-300-bot.gif") no-repeat bottom;
	overflow: hidden;
	margin: 0px 0px 20px 0px;
	padding: 0px 20px 10px 20px;
}

.col-300-content-gta {
	background: url("/images/layout/elements/col-300-bot-gta.gif") no-repeat bottom;
	overflow: hidden;
	margin: 0px 0px 20px 0px;
	padding: 0px 20px 10px 20px;
	position: relative;
}

/* ----- news scroll ----- */

.news-scroll {
	padding: 0px;
	margin: 0px 0px 20px;
}

.news-scroll ul {
	padding: 0px;
	margin: 0px;
}

.news-scroll p {
	padding: 0px 0px 0px;
	margin: 0px;
}

/* ----- portfolio Fades ----- */

.banner-fade-wrap {
	height: 120px;
	margin-bottom: 20px;
}

.test-fade-wrap {
	height: 90px;
	margin-bottom: 20px;
}

/* ----- Contact me Elements ----- */

.contact-me h4 {
	color: #424242;
	margin: 0px 0px 10px 0px;
}

.contact-me p {
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-size: 1.2em;
}

.contact-me label {
	display: block;
	text-align: left;
}

.contact-me input[type="text"] {
	border:1px solid #ccc;
	color:#424242;
	padding:5px;
	width: 168px;
}

.contact-me input[type="image"] {
	margin: 5px 0px;
}

.requiredfield {
	float: right;
	font-size: 0.9em;
	color: #8c8c8c;
}

/* ----- main content Elements ----- */


.image-right {
	float: right;
	margin: 0px 0px 10px 20px;
}

/*--------------------- Looped slider ----------------------- */

	.container { width:940px; height:120px; overflow:hidden; position:relative; cursor:pointer; margin-left: 0px;}
	.slides { position:absolute; top:0px; left:0px; }
	.slides > div { position:absolute; top:0px; left: 0px; width:940px; display:none; }

	#loopedSlider,#newsSlider { 
	margin:0 auto; 
	width:940px;
	height:120px;
	position:relative; 
	clear:both; 
	background: url("/images/layout/elements/logo-slide-bg.gif") no-repeat;
	margin-bottom: 20px;
	}
	ul.pagination { list-style:none; padding:0; margin:0; }
	ul.pagination li  { float:left; }
	ul.pagination li a { padding:2px 4px; }
	ul.pagination li.active a { background:blue; color:white; }
	
	.next {position: absolute; top: 60px; left: 10px;}
	.previous {position: absolute; top: 60px; right: 10px;}

/*--------------------- footer ----------------------- */


#footer {
	margin: 0px 0px 20px 0px;
	padding: 0px 20px 10px 20px;
	background: #fff url("/images/layout/elements/content-bot.jpg") no-repeat bottom;
}

.footer-content {
	border-top: 1px solid #d9d9d9;
	padding: 20px 0px 0px 0px;
}

#footer p {
	text-align: left;
	padding: 0px;
}


