div, body {
	margin: 0;
	padding: 0;
}
* {
	font-family: Arial, Helvatica, sans-serif;
	font-size: 100.1%;
	outline: none;
}
a img {
	border: 0px none;
	}
.gallery {
	width: 100%;
	text-align: left;
	}
.gallery a img {
	border: 2px solid #7A849C;
	}
.gallery a,.gallery a:link,.gallery a:visited {
	text-decoration: none;
	color: #7A849C;
	margin: 50px 20px;
	}
body {
	background: #273041;/* url(images/body_bg.jpg) top left repeat-x;*/
	font-size: 62.5%;
	line-height:1.125em;
}

div#main {
	background: url(images/main_content_middle.jpg) top center repeat-y;
	/*min-height: 700px;*/
	width: 1024px;
	margin-left:auto;
	margin-right:auto;
	}

			
div#header {
	height: 314px;
	background: url(images/header.jpg) top center no-repeat;
	}
	h1#header-link {
		margin:0 0 -137px;
		padding:0;
		width:0;
		position: relative;
		left:53px;
		top:88px;
		width: 487px;
		height: 137px;
		}
		h1#header-link a {
			text-decoration: none;
			display:block;
			width: 487px;
			height: 137px;
			margin: 0 0 -137px;
			padding: 0;
			}
			h1#header-link a span {
				display: none;
			}
	div#header-links a,div#header-links a:visited {
		color:#98a4be;
		text-decoration:none;
		display: block;
		position: relative;
		/*font-size:normal;*/
		}
		div#header-links a span {
			display: none;
		}
	div#header-links a#hl1 {
		background: url(images/request_quote.jpg) 0px 0px no-repeat;
		width: 121px;
		height: 51px;
		left: 438px;/*408px;*/
		top: 168px;/*264px;*/
	}
	div#header-links a#hl1:hover {
		background-position: 0px -51px;
	}
	div#header-links a#hl2 {
		background: url(images/services.jpg) 0px 0px no-repeat;
		width: 91px;
		height: 50px;
		left: 565px;
		top: 128px;
	}
	div#header-links a#hl2:hover {
		background-position: 0px -50px;
	}
	div#header-links a#hl3 {
		background: url(images/portfolio.jpg) 0px 0px no-repeat;
		width: 84px;
		height: 55px;
		top:95px;
		left: 663px;
	}
	div#header-links a#hl3:hover {
		background-position: 0px -55px;
	}
	div#header-links a#hl4 {
		background: url(images/faqs.jpg) 0px 0px no-repeat;
		width: 49px;
		height: 52px;
		top:60px;
		left: 769px;
	}
	div#header-links a#hl4:hover {
		background-position: 0px -52px;
	}
	div#header-links a#hl5 {
		background: url(images/contact.jpg) 0px 0px no-repeat;
		width: 72px;
		height: 51px;
		top:43px;
		left: 697px;
	}
	div#header-links a#hl5:hover {
		background-position: 0px -51px;
	}
	div#header-links a#hl6 {
		background: url(images/about_us.jpg) 0px 0px no-repeat;
		width: 92px;
		height: 55px;
		top:-1px;
		left:593px;
	}
	div#header-links a#hl6:hover {
		background-position: 0px -55px;
	}
div#content {
	background: url(images/main_content_bottom.jpg) bottom left no-repeat;
	padding-bottom: 114px;
}
div#tabs {
	background: url(images/main_content_tab_top.jpg) 0px 5px no-repeat;
	/*height: 200px;*/
	margin-top:-5px;
	position: relative !important; /* IE fix */
	/*height: 1px;
	overflow: hidden;*/
	}
div#tabs.two {
	height: auto;
	}
div.sub div#tabs {
	background: url(images/main_content_tab_top.jpg) 0px 5px no-repeat;
}
div.single div#tabs {
	padding-top: 32px;
	}
div#tab-wrapper {
/*	height: auto !important;
	height: 450px;
	min-height: 450px;*/
	}
div.sub div#tab-wrapper {
	/*height: auto !important;
	height: 746px;
	min-height: 746px;*/
	}
div#tabs .ui-tabs-nav, div#tabs .ui-tabs-panel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
div#tabs ul {
	list-style: none;
	}
div#tabs ul li a {
	text-decoration: none;
	color:#707789;
	}
.ui-tabs-nav {
    list-style: none;
    margin: 0 0 0 54px;/*60px;*/
    padding: 0 0 0 0px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-hide {
	display: none !important;
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 0px;
    font-weight: bold;
	text-align: center;
	padding: 0 8px 0 8px;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 13px 0px 0px 0px;
	height: 19px;
}

.ui-tabs-nav a {
    margin: 0 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 1px;
    /*background-position: 100% 0;*/
    text-decoration: none;
	white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */   
	font-size: 11px;
	text-align: center;
	color:#707789;
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
	color:#707789;
	text-decoration: underline;
}
.ui-tabs-nav a:hover {
	color:#9ba1b1 !important;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
	background: url(images/tab-selected.gif) 0px 0px no-repeat;
    background-position: 0px -32px;
	text-decoration: none;
	color:#9ba1b1 !important;
	padding-top: 12px;
	height: 20px;
}
.ui-tabs-nav li.ui-tabs-selected#l1 a {
	width: 218px;
}

.ui-tabs-nav li.ui-tabs-selected#l2 a {
	background: url(images/tab-selected.gif) 0px -32px no-repeat;
	width: 218px;/*207px;*/
}
.ui-tabs-nav li.ui-tabs-selected#l3 a {
	background: url(images/tab-selected.gif) 0px -32px no-repeat;
	width: 218px;/*207px;244px;*/
}
.ui-tabs-nav li.ui-tabs-selected#l4 a {
	background: url(images/tab-selected-i3.gif) 0px -32px no-repeat;
	width: 305px;/*261px;*/
}
.ui-tabs-nav li.ui-tabs-selected#terms a {
	background: url(images/tab-selected-i7.gif) 0px -32px no-repeat;
	width: 140px;
}
.ui-tabs-selected a,.ui-tabs-selected a:visited {
	color:#9ba1b1;
	text-decoration: none;
}
.ui-tabs-nav li.ui-tabs-selected#l1-sub a {
	background: url(images/tab-selected-i7.gif) 0px -32px no-repeat;
	width: 140px;
}
.ui-tabs-nav li.ui-tabs-selected#l2-sub a {
	background: url(images/tab-selected-s1.gif) 0px -32px no-repeat;
	width: 118px;
}
.ui-tabs-nav li.ui-tabs-selected#l3-sub a {
	background: url(images/tab-selected-s1.gif) 0px -32px no-repeat;
	width: 118px;
}
.ui-tabs-nav li.ui-tabs-selected#l4-sub a {
	background: url(images/tab-selected-s1.gif) 0px -32px no-repeat;
	width: 118px;
}
.ui-tabs-nav li.ui-tabs-selected#l5-sub a {
	background: url(images/tab-selected-s1.gif) 0px -32px no-repeat;
	width: 118px;
}
.ui-tabs-nav li.ui-tabs-selected#l6-sub a {
	background: url(images/tab-selected-s1.gif) 0px -32px no-repeat;
	width: 118px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    /*height: 20px;*/
    /*background-position: 0 0;*/
    /*line-height: 20px;*/
}
.ui-tabs-nav .ui-tabs-selected a span {
    /*padding-top: 0;*/
    /*height: 27px;*/
    /*background-position: 0 -23px;*/
    /*line-height: 27px;*/
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    /*opacity: .4;
    filter: alpha(opacity=40);*/
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    /*border: 1px solid #519e2d;*/
    /*padding: 10px;*/
    /*background: #fff;  declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */

span.price {font-size:1.5em !important;font-weight:bold;}
div.text-wrap {
	width: 904px;
	height: auto !important;
	height: 279px;
	min-height: 279px;
	margin: 0 auto;
	padding: 2px 0 0;
}
div.text * {
	color: #9ca8c2;/*#7a849c;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
div.text a,div.text a:visited {
	color: #e7e8b0;
}
div.text {
	background: url(images/main_tab_content.jpg) top left no-repeat;
	width:100%;
}

div#alpha,div#epsilon,div#omega {
	width: 30%;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	
	}
div#alpha {
	margin-left:20px;
	background: url(images/alpha.png) 90% 5% no-repeat;
	}
div#epsilon {
	background: url(images/epsilon.png) 90% 5% no-repeat;
	}
div#omega {
	background: url(images/omega.png) 90% 5% no-repeat;
	}
div.sub div div.text {
	background: url(images/main_tab_content_sub.jpg) 0px 0px no-repeat !important;
/*	height: auto !important;
	height: 704px;
	min-height: 704px;*/
}
div.text ul{
	list-style-type: disc !important;
}
div.text li, div.text p,div.text h1,div.text h2,div.text h3,div.text h4,div.text h5{
	margin-top:8px;
	margin-bottom: 10px;
}
div.text p,div.text li {
	line-height: 1.2em;
	}
div.sidebar h2 {
	margin-top: 0px;
	padding-top: 8px;
	}
div.text h2 {
	font-size: 1.5em;
	}
div.text h3 {
	font-size: 1.0em;
	}
div.text h4 {
	font-size: 1.1em;
	}
div.text h5{
	font-size: .9em;
}
div.text p {
	margin-bottom: 5px;
}
div.text p.q {
	font-weight: bold;
	margin-top: 7px;
	margin-bottom: 2px;
	}
div.text p.a {
	margin-top: 5px;
	margin-bottom: 15px;
	}
div.sidebar {	
	background: url(images/sidebar_top.gif) top left no-repeat;
	float: right;
	/*width: 287px;*/
	padding-top:15px;
	margin-top: 3px;
	margin-left: 10px;
}
div.sidebar-wrap {	
	background: url(images/sidebar_middle.gif) top left repeat-y;
	/*width: 287px;*/
	/*min-height: 400px;*/
	}
	div.sidebar-decor {
		background: url(images/sidebar_top_decor.gif) 0px 0px no-repeat;
		width: 287px;
		height: auto !important;
		height: 101px;
		min-height: 101px;
		padding-bottom: 5px;
		}
		div.sidebar-inner-wrap {
			width: 250px;
			margin: 0 auto;
		}
	div.text.services div div div.sidebar-decor {
		background-image: url(images/sidebar_top_decor_text.gif);
		padding-top: 80px;
		}
div.sidebar-bottom {	
	background: url(images/sidebar_bottom.gif) top left no-repeat;
	height: 19px;
	width: 287px;
}
div.tabcontent {
	/*min-height: 400px;*/
	background: url(images/main_content_gallery_top2.jpg) top left no-repeat;
	padding-top: 8px;
	position: relative;
}
div.sub div div.tabcontent {
	background: url(images/main_content_gallery_top2_sub.jpg) 0px 0px no-repeat;
}
div.single div div.tabcontent {
	
	}
	div.single div div.tabcontent {
		background: url(images/main_content_gallery_top2_sub_single.jpg) top left no-repeat;
	}

div#galler-right object, object#components {
	margin-left:16px;
	/*padding-top:25px;*/
}
div#recent-web-design-projects {
	background: url(images/main_content_gallery_top.jpg) top left no-repeat;

}
div#gallery-left {
	background: url(images/main_content_gallery_left.jpg) 0px 0px no-repeat;
	height: 196px;
	width: 100%;
}
div#gallery-right {
	background: url(images/main_content_gallery_right.jpg) 100% 0px no-repeat;
	height: 197px;
	width: 100%;
}
div#gallery-bottom {
	background: url(images/main_content_gallery_bottom.jpg) top left no-repeat;
	height: 82px;
	width: 100%;
}

div#footer {
	background: url(images/footer.jpg) top left no-repeat;
	height: 53px;
	width: 100%;
	text-align:center;
}
div#footer a,div#footer a:link,div#footer a:visited {
	color:#978932;/*#707789;*/
	padding-left:6px;
	padding-right:6px;
	position:relative;
	top:20px;
	text-decoration:none;
	font-size:11pt;
	font-weight:bold;
	}
	div#footer a:hover {
		color: /*#9BA1B1*/#dacc7f !important;
	}
	
div#aform {
	width: 400px;
	margin: 0 auto;
	line-height: 28px;
	}
	div#aform .text {
		width: 200px;
		}
	div#aform label {
		font-weight: bold;
		width: 100px;
		text-align: right;
		margin-right: 5px;
		display: inline-block;
		}
	div#aform textarea {
		width: 250px;
		height: 90px;
		margin-left: 108px;
		margin-top: -24px;
		}
	div#aform small {
		font-size: 10px;
		margin-left: 108px;
		line-height: 1em;
		}
	div#aform .submit input {
		font-weight: bold;
		}
	div#aform .submit input:hover {
		color:#555555 !important;
		}
	div#aform .submit {
		text-align: center;
		}
	div#aform .center {
		text-align: center;
		}
	div#aform p.seccode img {
		margin-left: 108px;
		}
	div#aform p {
		line-height: 1.8em;
	}
div#vimages {
	width: 926px;
	text-align:right;
	margin: -42px auto 0;
	}