* {
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}

img {
	vertical-align: text-bottom;
}

 /*########################################
	MAIN LINKS.
 ########################################*/

a:link {text-decoration:none;color:#626f99;}
a:visited {text-decoration:none;color:#626f99;}
a:active {text-decoration:none;color:#626f99;}
a:hover {text-decoration:none;color:#f49ac1;}

.navClass {
	display:block;
	font-size:11px;
	line-height:25px;
	font-weight:bold;
	margin:0 0 1px 0;
	padding:0 0 0 15px;
	background:#f1f1f1;
}
.navClass:link {text-decoration:none;color:#626f99;}
.navClass:visited {text-decoration:none;color:#626f99;}
.navClass:active {text-decoration:none;color:#626f99;}
.navClass:hover {text-decoration:none;color:#f49ac1;}

.cloud {
	font-weight:bold;
	margin:5px 2px 0 2px;
}
.cloud:link {text-decoration:none;color:#ffffff;}
.cloud:visited {text-decoration:none;color:#ffffff;}
.cloud:active {text-decoration:none;color:#ffffff;}
.cloud:hover {text-decoration:none;color:#f1f1f1;}

#footer a:link {text-decoration:none;color:#ffffff;}
#footer a:visited {text-decoration:none;color:#ffffff;}
#footer a:active {text-decoration:none;color:#ffffff;}
#footer a:hover {text-decoration:none;color:#f1f1f1;}

 /*########################################
	MAIN TAGS.
 ########################################*/

body {
	margin:0px;
	color:#555555; 
	font-size:13px;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	font-family:century-gothic,arial,verdana,sans;
	background:url() #ffffff;
	background-position:top center;
	background-repeat:repeat-x;
}
 
h1 { 
	padding:0;
	color:#626f99;
	font-size:18px;
	text-align:left;
	margin:0 0 15px 0;
	font-weight:normal;
	text-decoration:none;
}
 
h2 { 
	padding:0;
	color:#626f99;
	font-size:14px;
	text-align:left;
	margin:0 0 15px 0;
	font-weight:normal;
	text-decoration:none;
}

h3 { 
	padding:0;
	color:#626f99;
	font-size:14px;
	text-align:left;
	margin:0 0 5px 0;
	font-weight:bold;
	text-decoration:none;
}

h4 { 
	padding:0;
	color:#ffffff;
	font-size:16px;
	text-align:left;
	margin:0 0 5px 0;
	text-decoration:none;
}

#innerFooter h4 {
	margin:10px 0 5px 0;
}

h5 { 
	padding:0;
	color:#626f99;
	font-size:13px;
	text-align:left;
	margin:0 0 3px 0;
	font-weight:bold;
	text-decoration:none;
}


 /*########################################
	LIST & TEXT STYTLES.
 ########################################*/

ul {
	text-align:left;
}

ul ul {
	text-align:left;
	margin:0 0 0 15px;
}

li {
	text-align:left;
	margin:0 0 0 25px;
	padding:2px 0 2px 8px;
}

p {
	padding:5px 0 5px 0;
}


 /*########################################
	WEBSITE STYLES.
 ########################################*/

#staffmode {
	width:100%;
	height:25px;
	color:#cccccc;
	line-height:25px;
	text-align:center;
	margin:0 0 30px 0;
}

#container {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

#logo {
	width:180px;
	height:100px;
	border:0;
	margin:0;
	float:left;
	border:0;
}

#contactUs {
	width:244px;
	height:49px;
	border:0;
	margin:0;
	float:right;
	border:0;
}

#topAd {
	width:415px;
	height:146px;
	border:0;
	margin:0;
	float:right;
	border:0;
}

#bookmark {
	width:150px;
	height:30px;
	border:0;
	margin:15px 0 0 0;
	float:right;
	border:0;
}

#topBox {
	width:896px;
	height:146px;
	background:#ffffff;
	border:1px solid #626f99;
	margin:0 0 10px 0;
	padding:1px;
}

#ajaxBox {
	float:left;
	width:480px;
	height:146px;
}

#ajaxBox p {
	padding:2px 0 2px 0;
}

.ajaxBox01 {
	background:url(images/ajax-bg-01.png) #626f99;
	background-repeat:no-repeat;
	background-position:top center;
}
.ajaxBox02 {
	background:url(images/ajax-bg-02.png) #9D0038;
	background-repeat:no-repeat;
	background-position:top center;
}
.ajaxBox03 {
	background:url(images/ajax-bg-03.png) #177B2F;
	background-repeat:no-repeat;
	background-position:top center;
}

.ajaxNav {
	float:left;
	width:160px;
	height:27px;
	margin:3px 0 0 0;
	color:#ffffff;
	font-weight:bold;
	line-height:27px;
	text-align:Center;
	cursor:pointer;
}

#aBox01 {
	padding:15px;
	color:#ffffff;
	font-size:11px;
	text-align:left;
	line-height:14px;
}

#aBox02 {
	padding:15px;
	color:#ffffff;
	font-size:11px;
	text-align:left;
	line-height:14px;
}

#aBox03 {
	padding:15px;
	color:#ffffff;
	font-size:11px;
	text-align:left;
	line-height:14px;
}

#aBox04 {
	padding:15px;
	color:#ffffff;
	font-size:11px;
	text-align:left;
	line-height:14px;
}

.boxVis {
	display:block;
}

.boxInv {
	display:none;
}

#flashBox {
	float:right;
	width:415px;
	height:146px;
	background:url(images/flash-temp.jpg) #ffffff;
	background-repeat:no-repeat;
	background-position:top center;
}

#mainBox {
	width:678px;
	background:#ffffff;
	border:1px solid #626f99;
	margin:0 0 10px 0;
	padding:15px;
}

.header01 {
	background:#6dcff6;
	line-height:50px;
	text-align:left;
	margin:0px 0px 1px 0px;
	padding:0px 0px 0px 15px;
	color:#404040;
	font-size:12px;
	font-weight:bold;
}

.header02 {
	background:#eeeeee;
	line-height:50px;
	text-align:left;
	margin:0px 0px 1px 0px;
	padding:0px 0px 0px 15px;
	color:#404040;
	font-size:12px;
	font-weight:bold;
}

.header03 {
	background:#959595;
	line-height:50px;
	text-align:left;
	margin:0px 0px 1px 0px;
	padding:0px 0px 0px 15px;
	color:#404040;
	font-size:12px;
	font-weight:bold;
}

.sideBG {
	background:#404040;
	text-align:left;
	margin:0px 0px 1px 0px;
	padding:0px 0px 0px 0px;
	color:#ffffff;
}

#footer {
	width:100%;
	margin:15px 0 0 0;
	padding:25px 0 20px 0;
	background:url(images/tbg_xd2.gif) #626F99;
	background-repeat:repeat-x;
	background-position:top center;
}

#innerFooter {
	width:900px;
	color:#ffffff;
	font-size:10px;
	margin:0 auto;
	line-height:18px;
	text-align:center;
}

.col160r {width:160px;text-align:left;float:right;margin:0 0 0 10px;}
.col160l {width:160px;text-align:left;float:right;margin:0 0 0 0;}
.col180 {width:180px;text-align:left;float:left;margin:0 10px 0 0;}
.col290 {width:290px;text-align:left;float:left;margin:0 0 0 0;}
.col290m {width:290px;text-align:left;float:left;margin:0 0 0 15px;}
.col330 {width:330px;text-align:left;float:right;margin:0 0 0 10px;}
.col370 {width:370px;text-align:left;float:left;margin:0 0 0 0;}
.col710 {width:710px;text-align:left;float:left;margin:0 0 0 0;}


 /*########################################
	CUSTOM STYLES.
 ########################################*/

.boxXd2 {text-align:left;background:#ffffff;border:solid 1px #626F99;padding:1px;margin:0 0 10px 0;}
.boxXd2 h3 {line-height:25px;font-size:12px;font-family:arial,verdana,sans-serif;color:#ffffff;margin:0 0 1px 0;padding:0 0 0 5px;background:url(images/tbg_xd2.gif) #626F99;display:block;}
.boxXd2 li {list-style-image:url(images/xd2-li-image.gif);margin:0 10px 0 10px;}
.boxXd2 ul {margin:0;padding:0;}

.boxProd {text-align:left;background:#ffffff;border:solid 1px #534640;padding:1px;margin:0 0 10px 0;}
.boxProd h3 {line-height:25px;font-size:12px;font-family:arial,verdana,sans-serif;color:#ffffff;margin:0 0 1px 0;padding:0 0 0 5px;background:url(images/tbg_products.gif) #534640;display:block;}
.boxProd li {list-style-image:url(images/xd2-li-image.gif);margin:0;}
.boxProd ul {margin:0;padding:0;}

.boxServ {text-align:left;background:#ffffff;border:solid 1px #003371;padding:1px;margin:0 0 10px 0;}
.boxServ h3 {line-height:25px;font-size:12px;font-family:arial,verdana,sans-serif;color:#ffffff;margin:0 0 1px 0;padding:0 0 0 5px;background:url(images/tbg_services.gif) #003371;display:block;}
.boxServ li {list-style-image:url(images/xd2-li-image.gif);margin:0;}
.boxServ ul {margin:0;padding:0;}

.boxServBG {
	padding:10px;
	color:#ffffff;
	font-size:11px;
	background:url(images/servBG.png) #003371;
	background-position:top center;
	background-repeat:repeat-x;
}

.boxOther {text-align:left;background:#ffffff;border:solid 1px #cccccc;padding:1px;margin:0 0 10px 0;}
.boxOther h3 {line-height:25px;font-size:12px;font-family:arial,verdana,sans-serif;color:#ffffff;margin:0 0 1px 0;padding:0 0 0 5px;background:url(images/tbg_other.gif) #cccccc;display:block;}
.boxOther li {list-style-image:url(images/xd2-li-image.gif);margin:0;}
.boxOther ul {margin:0;padding:0;}

.boxArea {text-align:left;background:#ffffff;border:solid 1px #177B2F;padding:1px;margin:0 0 10px 0;}
.boxArea h3 {line-height:25px;font-size:12px;font-family:arial,verdana,sans-serif;color:#ffffff;margin:0 0 1px 0;padding:0 0 0 5px;background:url(images/tbg_area.gif) #177B2F;display:block;}
.boxArea li {list-style-image:url(images/xd2-li-image.gif);margin:0;}
.boxArea ul {margin:0;padding:0;}

.boxPort {text-align:left;background:#ffffff;border:solid 1px #9D0038;padding:1px;margin:0 0 10px 0;}
.boxPort h3 {line-height:25px;font-size:12px;font-family:arial,verdana,sans-serif;color:#ffffff;margin:0 0 1px 0;padding:0 0 0 5px;background:url(images/tbg_portfolio.gif) #9D0038;display:block;}
.boxPort li {list-style-image:url(images/xd2-li-image.gif);margin:0 10px 0 10px;}
.boxPort ul {margin:0;padding:0;}

.boxBlack {text-align:left;background:#ffffff;border:solid 1px #000000;padding:1px;margin:0 0 10px 0;}
.boxBlack h3 {line-height:25px;font-size:12px;font-family:arial,verdana,sans-serif;color:#ffffff;margin:0 0 1px 0;padding:0 0 0 5px;background:url(images/tbg_black.gif) #000000;display:block;}
.boxBlack li {list-style-image:url(images/xd2-li-image.gif);margin:0 10px 0 10px;}
.boxBlack ul {margin:0;padding:0;}

.boxSuccess {text-align:center;color:#ffffff;background:#00a650;margin-top:10px;border:solid 1px #626F99;padding:1px;font-size:12px;margin:1px;}
.boxError {text-align:center;color:#ffffff;background:#ed1b23;margin-top:10px;border:solid 1px #626F99;padding:1px;font-size:12px;margin:1px;}

.boxFooter {
	background:#f1f1f1;
	text-align:right;
	font-weight:bold;
	padding:3px;
	margin:0;
}

#featureDiv {height:126px;text-align:left;background:#ffffff;border:solid 1px #000000;padding:1px;margin:0 0 10px 0;}
#featureDiv h3 {line-height:25px;font-size:12px;font-family:arial,verdana,sans-serif;color:#ffffff;margin:0 0 1px 0;padding:0 0 0 5px;background:url(images/tbg_black.gif) #000000;display:block;}
#featureDiv li {list-style-type:none;margin:0;padding:0;}
#featureDiv ul {margin:0;padding:0;}

#smallfeaturedimage {
	width:366px;
	height:126px;
	border:solid 0px #ffffff;
	margin:0px;
	float:left;
}

.sButton {
	width:100px;
	height:25px;
	margin:0 auto;
	color:#ffffff;
	font-size:10px;
	cursor:pointer;
	line-height:25px;
	text-align:center;
	background:url(images/small-button.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.error { 
	font-size:10px; 
	font-family:arial,verdana,sans-serif;
	color:#ED1C24; 
	font-weight:bold;
}

.liclass {
	display:block;
	line-height:25px;
	margin:0 0 0 10px;
	padding:0 0 0 15px;
	border:0;
	border-bottom:1px dashed #cccccc;
	font-weight:bold;
}

.subliclass {
	display:block;
	line-height:25px;
	margin:0 0 0 10px;
	padding:0 0 0 35px;
	border:0;
	border-bottom:1px dashed #cccccc;
	font-weight:bold;
}
 
label {
	font-size:12px;
	color:#626f99;
	padding:3px;
	margin:2px;
	font-weight:bold;
	display:block;
}
 
.input {
	font-size:12px;
	font-family:arial,verdana,sans-serif;
	color:#818181;  
	background:#ffffff; 
	border:1px solid #cccccc;
	padding:0px 0px 0px 3px;
	margin:2px;
}

.inputText {
	font-size:14px;
	color:#626f99;
	background:url(images/input_bg.gif) #ffffff;
	background-position:top center;
	background-repeat:repeat-x;
	border:1px solid #626f99;
	padding:3px;
	margin:2px;
}

.inputArea {
	font-size:14px;
	color:#626f99;
	background:url(images/input_bg.gif) #ffffff;
	background-position:top center;
	background-repeat:repeat-x;
	border:0px solid #626f99;
	padding:5px 0 3px 0;
	margin:0;
}

.inputAreaTwo {
	font-size:14px;
	color:#626f99;
	background:url(images/input_bg.gif) #ffffff;
	background-position:top center;
	background-repeat:repeat-x;
	border:1px solid #626f99;
	padding:3px;
	margin:2px;
}

.inputDrop {
	font-size:14px;
	color:#626f99;
	background:url(images/input_bg.gif) #ffffff;
	background-position:top center;
	background-repeat:repeat-x;
	border:1px solid #626f99;
	padding:3px;
	margin:2px;
}

.inputFile {
	font-size:14px;
	color:#626f99;
	background:url(images/input_bg.gif) #ffffff;
	background-position:top center;
	background-repeat:repeat-x;
	border:1px solid #626f99;
	padding:3px;
	margin:2px;
}
.inputSubmit {
	cursor:pointer;
	font-size:14px;
	color:#ffffff;
	background:url(images/tbg_xd2.gif) #626f99;
	background-position:top center;
	background-repeat:repeat-x;
	border:1px solid #626f99;
	padding:3px;
	margin:2px;
}

.search {
	width:140px;
	height:18px;
	padding:2px;
	margin:10px 0px 10px 10px;
	font-size:12px; 
	font-family:arial,verdana,sans-serif;
	font-weight:bold;
	color:#404040;
	border:1px solid #000000;
}

#sideAd {
	margin:10px 0px 10px 18px;
	width:160px;
	height:600px;
}


 /*########################################
	GALLERY STYLES.
 ########################################*/

.galleryThumbs {
	margin:auto auto auto auto;
	border:0px;
}


 /*########################################
	BLOGS STYLES.
 ########################################*/

.blogsOuter {
	margin:0 auto;
	border-bottom:1px solid #e6e6e6;
}

.blogsInner {
	font-size:11px;
	padding:5px;
	border:0;
}

.blogsInner h2 {
	font-size:14px;
	font-weight:normal;
	margin:0 0 3px 0;
}

.blogImage {
	float:left;
	border:2px solid #626f99;
	margin:5px 10px 10px 0;
}


 /*########################################
	PROJECTS STYLES.
 ########################################*/

.projectsOuter {
	margin:0 auto;
	border-bottom:1px dashed #9D0038;
}

.projectsInner {
	font-size:11px;
	padding:5px;
	border:0;
}

.projectsInner h2 {
	font-size:14px;
	font-weight:normal;
	margin:3px 0 3px 0;
}

.projectImage {
	float:left;
	border:2px solid #9D0038;
	margin:5px 10px 5px 0;
	padding:5px;
	max-width:90px;
	max-height:60px;
	background:#e6e6e6;
}


 /*########################################
	PROJECT OUTPUT STYLES.
 ########################################*/

.projectImg {
	border:1px solid #2B4989;
	margin:15px auto;
	max-width:175px;
	float:left;
}

.projectInfo {
	width:269px;
	float:right;
	margin:0;
	padding:15px;
	border-left:1px solid #cccccc;
}

.projectTab {
	float:left;
	width:100px;
	height:25px;
	margin:0 5px 0 0;
	background:#626f99;

	font-size:11px;
	text-align:center;
	line-height:25px;
	color:#ffffff;
	padding:0;
	cursor:pointer;
}

.projectExtra {
	margin:0;
	padding:15px;
	border:1px solid #626f99;
}

.projectTab2 {
	float:left;
	width:100px;
	height:25px;
	margin:0 5px 0 0;
	background:url(images/tab-style-02.png);
	background-position:top center;
	background-repeat:no-repeat;

	font-size:11px;
	text-align:center;
	line-height:25px;
	padding:0;
	cursor:pointer;
}

.projectExtra2 {
	margin:0;
	padding:15px;
	border:1px solid #cccccc;
}


 /*########################################
	NEWS STYLES.
 ########################################*/

.newsOuter {
	margin:10px auto;
	border:1px solid #e6e6e6;
}

.newsInner {
	padding:15px;
	border:0px;
}

.newsInner h3 {
	background:none;
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px 0;
}

.newsImage {
	float:left;
	border:2px solid #000000;
	margin:0 10px 10px 0;
}


 /*########################################
	PRODUCT STYLES.
 ########################################*/

.prodbox {
	float:left;
	border:1px solid #e1e1e1;
	margin:5px;
	width:154px;
}

.prodbox P {
	padding:2px;
}

.prodthumb {
	border:1px solid #e1e1e1;
	display:block;
	padding:3px;
	margin:3px auto 3px auto;
}

.mainprodbox {
	border:1px solid #e1e1e1;
	margin:5px;
}

.prodimage {
	border:1px solid #e1e1e1;
	display:block;
	padding:3px;
	margin:3px auto 3px auto;
}

.pagelinksbox {
	border:1px solid #e1e1e1;
	text-align:center;
	padding:3px;
	margin:10px auto 10px auto;
	background:#f1f1f1;
}

.pagelinks {
	border:1px solid #e1e1e1;
	text-align:center;
	line-height:18px;
	margin:2px;
	padding:0 3px 0 3px;
	font-size:14px;
	font-weight:bold;
	background:#ffffff;
}