body
{
    font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 80%;
    color: black;
    background: url(../../Images/f01_bg_img.gif) repeat-x #c6c6c6;
    background: url(../../Images/bg-image-main.png) repeat;
    margin: 0;
}
#container
{
	width:1000px; 
/*    width: 100%;
    background: url(../../Images/bg-image-main.png);
    overflow: hidden;*/
	margin-left:auto;
	margin-right:auto;
}
.headercontainer
{
    width:100%; 
    height:100px;
    background-color:White;
    border-bottom-color:#dd4609;
    border-bottom-style:double;
}
.header
{
	float:none;
	width:1020px; 
/*	width:100%;
	height:100px;
	background-color:White;*/
	margin-left:auto;
	margin-right:auto;
}
.headerlogo h1
{ 
    background: url(../../Images/2010_Logo_100h.gif) no-repeat;
    display: block;
    margin:0px 0px 0px 0px;
    width:225px;
    height: 100px;
    text-indent: -1000px;
    float: left;
    left: 0px;
    vertical-align:middle; 
}
.headermiddle
{
	float:left;
}
.headerlogin
{
	float:right;
	text-align:right;
	vertical-align:text-bottom;
}
a.headerlogo
{
	display:block;
    width: 215px;
    height:100px;
}
#menu
{
	clear: both;
    float:left;
/*    margin-top:10px; 
     background:white;
     background: url(../images/f02_navbar.png);*/
    width:1000px;
}
ul.mainnav{
	 margin:2px 0px 0px 0px;
	 padding:0;
	 list-style:none;
	 float:left;	
}	 
ul.mainnav li{
	float:left; 
}	
ul.mannav li.navheader
{
	color:blue;
	font-size:large;
	list-style-type:none;
}
ul.mainnav a{
/*	text-decoration:underline;*/
	display:block;
	padding: 70px 0px 0px 10px;
	font-size: 1.0em;
	font-weight: bold;
	height:22px; 
/*	height:47px;*/
	width:97px;
	text-align:center;
	color:black;
	margin-right:10px;
}	
ul.mainnav a:hover{
	font-weight:bold;
	background: url(../images/ButtonBlueMenu.gif) no-repeat;
}
ul.mainnav a:active
{
	color:blue;
	background: url(../images/ButtonGreenMenu.gif) no-repeat;
}
#menutryit a {background: url(../images/buttonredmenu.gif); color:White;}
#menutryit a:hover {color:Blue;}
#menuoptout a {background: url(../images/buttongreenmenu.gif); color:#0A6b78;}
#menuoptout a:hover {color:Black;}
#menuoptin a {background: url(../images/buttongreenmenu.gif); color:#0A6b78;}
#menuoptin a:hover {color:Black;}

#active 
{
	color:Gray;
	background: url(../images/ButtonGreenMenu.gif) no-repeat;
}
#coreproducts
{
	clear: both;
    float:left;
    margin-top:20px;
    width:900px;
}
#maincontainer
{
	clear:both;
/*	background-color:White; 
    background: url(../../images/bg-image-main.png) repeat;
    border-top-color:#dd4609;
    border-top-style:double;*/
	float:left;
    width:1020px; 
}
#left
{
	float:left;
	width:780px;
	padding-left:10px;
/*	background-color:white;
	border-top-color:#e0fcb2;
    border-top-style:double;
	border-style:double;
	border-color:#e0fcb2;

	padding-right: 10px; */
}
#right
{ 
	float:left;
	width: 225px;
    padding-left:5px; 
    padding-top:10px;
}
.boxtopleft
{
    clear:both;
    float:left;
    background: url(../../Images/boxtopleft.png) no-repeat;
    width:30px;
    height:30px;
}
.boxtopmiddle
{
    float:left;
    background: url(../../Images/boxtopmiddle.png) repeat-x;
    width:720px;
    height:30px;
}
.boxtopright
{
    float:left;
    background: url(../../Images/boxtopright.png) no-repeat;
    width:30px;
    height:30px;
}
.boxmidleft
{
    clear:both;
    float:left;
    background: url(../../Images/boxmidleft.png) repeat-y;
    width:30px;
/*    height:30px; */
}
.boxmidmiddle
{
    float:left;
    background: url(../../Images/boxmiddleweb.png) repeat-y;
    width:720px;
    padding: 0px 30px 0px 30px;
/*    height:30px; */
}
.boxmidright
{
    float:left;
    background: url(../../Images/boxmidright.png) repeat-y;
    width:30px;
/*    height:30px; */
}
.boxbotleft
{
    clear:both;
    float:left;
    background: url(../../Images/boxbotleft.png) no-repeat;
    width:30px;
    height:30px;
}
.boxbotmiddle
{
    float:left;
    background: url(../../Images/boxbotmiddle.png) repeat-x;
    width:720px;
    height:30px;
}
.boxbotright
{
    float:left;
    background: url(../../Images/boxbotright.png) no-repeat;
    width:30px;
    height:30px;
}
#lefttextbox
{
    width:720px;
}
#lefttextbox h3
{
/*	padding:39px 0 0 30px;
	margin:0;
    background: url(../images/preamble_boxtop.gif) center;*/
	padding:0px 0 0 30px;
}
#lefttextbox p
{
	padding:0px 15px 0px 20px;
	display:block;	
	margin:0;
}
#lefttextbox .p1 
{
	font-size:x-large;
	color:#990000;
}
#lefttextbox .p2
{
	font-size:large;
	color:#990000;
}
#lefttextbox .p3 span
{	
	color:white;	
}
#lefttextbox .p3 
{	
	margin:0;
	background: url(../images/boxbottom.gif) bottom no-repeat;
	color:#999999;	
}
#fullsitetextbox
{
    width:1020px;
}
#fullsitetextbox p
{
	padding:0px 15px 0px 20px;
	display:block;	
	margin:0;
}
#fullsitetextbox .p1 
{
	font-size:x-large;
	color:White;
}
h2
{
	color:#12bdd4;
	text-align:center;
}
h2 span
{
	text-align:center;
}
#footer
{
	clear:both;
	padding-top: 10px;
	padding-left: 25px;
	width:720px;
	margin-left:auto;
	margin-right:auto;
/*	background: #ccc; */
}
ul.sidenav{
	 margin:2px 0px 0px 0px;
	 padding:0;
	 list-style-type:none;
}	 
ul.sidenav li{
	color:White;
	font-size:1.5em;
	font-weight: bold;
}	
ul.sidenav a{
	text-decoration:underline;
	display:block;
	padding: 5px 0px 0px 5px;
	font-size: .9em; 
	height:22px;
/*	width:97px; */
	color:#999999;
	font-weight:normal;
	margin-right:10px;
}	
ul.sidenav a:hover{
	font-weight:bold;
	color:White;
}
ul.portul{
	 margin:0px 0px 15px 10px;
	 padding:0;
	 list-style-type:disc;
	 list-style-position:inside;
}
.portfoliocontainerleft
{
    clear:both;
    float:left;
    width:300px; /* 300 + 10 padleft + 10 padright = 320px */
    height:255px; /*255 + 5 padtop + 20 padbot = 280px */
    margin:0px 0px 20px 15px;
/*   	background: url(../../Images/bg-image-main.png) repeat; */
    background-color: #333333;
   	color:white;
   	font-size:1.4em;
   	font-family:Trebuchet MS;
   	padding:5px 10px 20px 7px;
} 
.portfoliocontainermiddle
{
    float:left;
    width:300px;
    height:255px;
    margin:0px 0px 20px 15px;
/*   	background: url(../../Images/bg-image-main.png) repeat; */
    background-color: #333333;
   	color:white;
   	font-size:1.4em;
   	font-family:Trebuchet MS;
   	padding:5px 10px 20px 7px;
} 
.portfoliocontainerright
{
    float:left;
    width:300px;
    height:255px;
    margin:0px 0px 20px 15px;
/*   	background: url(../../Images/bg-image-main.png) repeat; */
    background-color: #333333;
   	color:White;
   	font-size:1.4em;
   	font-family:Trebuchet MS;
   	padding:5px 10px 20px 7px;
}     
.portfoliobg
{
    float:left;
    width:295px;
    height:210px;
    border:solid 4px #999999;
    font-size: .9em;
    margin-top:10px;
 /*    background-color:White;
   margin:10px; */
}
.portfolio_detail
{
    width:290px;
    height:210px;
    background-color:White;
    filter: Alpha(opacity=80);
    opacity:0.8;
    display:none;
    color:Black;
    padding-left:5px;
}
/* Portfolio Modal PopUp */
.ModalPopup
{
    background-color:White; 
    border-width:10px;
    border-style:none;
    padding:3px;
}
.ModalBackground
{
 /*background-color:#999999;*/
    background-image: url('../../Images/ModalBackground.png');
    filter: Alpha(opacity=70);
    opacity:0.7;
}
.modalCloseButton
{/**/
    clear:both;
    float:right;
    padding: 2px 2px 2px 2px;
    filter: Alpha(opacity=0);
	opacity:0.0; 
}
.modalCloseButtonLook
{
	cursor:pointer;
}
/*
    Box for Modals
*/
.modalboxtopleft
{
    clear:both;
    float:left;
    background: url(../../Images/boxtopleft.png) no-repeat;
    width:30px;
    height:30px;
}
.modalboxtopmiddle
{
    float:left;
    background: url(../../Images/boxtopmiddle.png) repeat-x;
    width:720px;
    height:30px;
}
.modalboxtopright
{
    float:left;
    background: url(../../Images/modaltopright.png) no-repeat;
    width:30px;
    height:30px;
}
.modalmiddle
{ 
    clear:both;
    float:left;
    background: url(../../Images/boxmiddleweb.png) repeat-y;
    width:720px;
    padding:20px 30px 0px 30px;
   /* height:455px; 
    overflow:visible;*/
}

.modalboxbotleft
{
    clear:both;
    float:left;
    background: url(../../Images/boxbotleft.png) no-repeat;
    width:30px;
    height:30px;
}
.modalboxbotmiddle
{
    float:left;
    background: url(../../Images/boxbotmiddle.png) repeat-x;
    width:720px;
    height:30px;
}
.modalboxbotright
{
    float:left;
    background: url(../../Images/boxbotright.png) no-repeat;
    width:30px;
    height:30px;
}

/* Portfolio Slide */
.portfolioframe
{
    background: url(../../Images/Home_Portfolio_bg.png) no-repeat;
    width:220px; 
    height: 170px; 
    margin: -5px 0px 10px -25px;
    padding-left: 10px;
    padding-top:10px;
}
.portfolioslide
{
 /*   clear:both; */
    float:left; 
    width:200px; 
    height: 150px; 
    overflow:hidden;
    border:solid 0px Black;
}
.portfolioframe img
{
    border: 0px;
}
#testimonalfooter a:link
{
    color:white;
}
#testimonalfooter a:visited
{
    color:white;
}
a.portdesign:link 
{
    color:white;
}
a.portdesign:visited 
{
    color:white;
}
a.portfoliolink:link 
{
    color:#990000;
}
a.portfoliolink:visited 
{
    color:black;
}
a:link
{
    color:#990000;
}
a:visited
{
    color:black;
}