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

html{height:101%;}

body { /* the main background of the computer screen*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	background-color:#eeeeee;
}

.mainOuter {/*the main background of the container eg.layout background*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width:1000px;
	height:auto;
	text-align: left;
}

a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#370013;}
a:visited{ font-family:Arial, Helvetica, sans-serif; color: #370013; font-weight:bold; text-decoration: underline;}
a:active{ font-family:Arial, Helvetica, sans-serif; color: #370013; font-weight:bold; text-decoration: none;}
a:hover{ font-family:Arial, Helvetica, sans-serif;	text-decoration: underline; font-weight:bold; color: #0066FF;}


/*==========main container==========*/
.mainContainer{
	width:1000px; 
	height:auto; 
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #370013;
	background-image:url(images/background2.jpg);
	background-repeat:no-repeat;
}
.text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #370013;
}

.table a{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px; 
	font-weight:bold; 
	color:#370013;
	text-decoration: none;
}
.table a:visited{ color: #370013; font-weight:bold; text-decoration: none;}
.table a:active{ color: #370013; font-weight:bold; text-decoration: none;}
.table a:hover{ text-decoration: underline; font-weight:bold; color: #0066FF;}

.table2 a{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:bold; 
	color:#370013;
	text-decoration: none;
}
.table2 a:visited{ color: #370013; font-weight:bold; text-decoration: none;}
.table2 a:active{ color: #370013; font-weight:bold; text-decoration: none;}
.table2 a:hover{ text-decoration: underline; font-weight:bold; color: #0066FF;}


/*==========header==========*/
.header{width:1000px; height:219px; float:left; font-size:1px;}
.headerLogo{width:450px; height:218px; float:left;}
.headerTop{width:550px; height:78px; float:left; background-image:url(images/header-top.jpg);}
.headerDesign{width:137px; height:140px; float:left;}
.headerCommerce{width:137px; height:140px; float:left;}
.headerPortfolio{width:133px; height:140px; float:left;}
.headerContact{width:143px; height:140px; float:left;}


/*==========Vertical Menu==========*/
.verticalMenuContainer{ width:247px; height:auto; float:left; margin-top:1px; margin-left:18px;}
.verticalMenuTop{ width:247px; height:36px; float:left; background-image:url(images/vertical_01.jpg);}
.verticalMenuMiddle{ width:247px; height:auto; float:left; background-image:url(images/vertical_03.jpg);}
.verticalMenuBottom{ width:247px; height:15px; float:left; background-image:url(images/vertical_05.jpg);}

.glossymenu{
margin: 5px 0;
padding: 0;
margin-left:5px;
width: 239px; /*width of menu
border: 1px solid #9A9A9A;
border-bottom-width: 0;*/
}

.glossymenu a.menuitem{
/*background: black url(images/glossyback.gif) repeat-x bottom left;*/
font: bold 14px Arial, Helvetica, sans-serif;
color: #FFFFFF;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #FFFFFF;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 0px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/menu_bg.jpg);
color:#370013;
}

.funding{width:247px; height:56px; float:left;}
.callback{width:247px; height:55px; float:left;}
.address{width:247px; height:50px; float:left;}


/*==========content==========*/
.content{width:735px; height:auto; float:left;}
.banner1{width:735px; height:199px; float:left;}
.banner2{width:314px; height:179px; float:left;}
.banner3{width:421px; height:179px; float:left;}
.banner4{width:314px; height:auto; float:left;}
.top4{width:314px; height:45px; float:left; font-size:1px;}
.middle4{	width:314px;	height:96px; 	float:left;	background-image:url(images/our-philosophy-middle.jpg);}
.text4{ 
	width:255px; 
	height:auto; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#370013;
	margin-left:30px;
}
.bottom4{width:314px; height:43px; float:left;}
.banner5{width:421px; height:auto; float:left;}
.top5{width:421px; height:45px; float:left; font-size:1px;}
.middle5{	width:421px; 	height:96px;	float:left;	background-image:url(images/got-an-idea-middle.jpg);}
.text5{ 
	width:200px; 
	height:auto; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	margin-left:30px;
}
.bottom5{width:421px; height:43px; float:left;}
/*.banner5{width:421px; height:183px; float:left;}*/

.contentContainer{width:619px; height:auto; float:left; margin-left:25px;}
.contentTop{width:619px; height:25px; float:left; background-image:url(images/content-top.jpg); background-repeat:no-repeat;}
.contentMiddle{width:619px; height:auto; float:left; background-image:url(images/content-middle.jpg); background-repeat:repeat-y;}
.contentMiddleText{
	width:550px; 
	height:auto;
	float:left;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #370013;
}
.contentBottom{width:619px; height:34px; float:left; background-image:url(images/content-bottom.jpg); background-repeat:no-repeat;}

.h1{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#0066FF; font-weight:bold; text-decoration:underline;}
.h2{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0066FF; font-weight:bold;}

/*==Accordian CSS==*/
.questionContainer{ width: 550px; height:auto; float:left;  background-color:#370013;}
.questionBarOpenBG{ width:450px; height:auto; float:left; background-color:#370013;}
.questionBarText{ height:auto; margin:5px;}
.questionBarHideBG{ width:100px; height:auto; float:left; background-color:#370013;}
.questionBarText a{ font-weight:bold; color:#FFFFFF; text-decoration:none;}
.questionBarText a:visited{ font-weight:bold; color:#FFFFFF; text-decoration:none;}
.questionBarText a:hover{ font-weight:bold; color:#FFFFFF; text-decoration:none;}
.answer{ width:550px; height:auto; float:left; margin-top:5px;}

/*==========portfolio==========*/
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid #370013;
overflow: scroll; /*leave this value alone*/
width: 550px; /*Width of Carousel Viewer itself*/
height: 490px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 530px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.portfolio-img{width:529px; height:300px; float:left; background-color:#ffffff;}
.portfolio-text{
	width:510px; 
	height:150px; 
	float:left; 
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin:10px;
	text-align:left;
}

.portfolio-text a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#370013; font-weight:bold; text-decoration:none;}
.portfolio-text a:active{ color:#370013; font-weight:bold; text-decoration:none;}
.portfolio-text a:visited{ color:#370013; font-weight:bold; text-decoration:none;}
.portfolio-text a:hover{ color:#0066FF; font-weight:bold; text-decoration:underline;}


/*==========footer==========*/

.footerContainer{
	width:1000px; 
	height:50px;
	float:left;
	border-top:thick;
	border-top-style:solid;
	border-top-color:#370013;
	margin-top:10px;
}
.footerText{width:700px; height:20px; margin-left:20px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; color:#370013; font-size:12px;}