/* CSS Document */

body {
background: url(../images/main_bg.gif);
margin: 0px;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;}

.clear {
clear:both;
}

.col1 {
float:left;
width:13%;
}

.col2 {
float:right;
text-align:left;
width:87%;
}

#main_container {
width:800px;
border-left:1px solid #336699;
border-right:1px solid #336699;
border-bottom:1px solid #336699;
}

#header {
width:800px;
height:170px;
background: url(../images/header.jpg) no-repeat;
}

#main_navigation {
background:#2553F1;
width:800px;
height:10px;
}

/*#main_navigation {
padding-top:3px;
background:#1D6D9C;
width:800px;
height:30px;
}*/

/*-----NAVIGATION--------*/

#nav {
margin-top:40px;
margin-left:385px;
color:#333333;
font-size:16px;
font-weight:bold;
font-family:Arial;

}

#nav a {
color:#666666;
text-decoration:none;
display:block;
}

#nav a:visited {color:#666666;}

#nav li.navOn a{
color:#46abe1;
}

#nav li.navOff a{
color:#666666;
}

#nav li.navOff a:hover {
color:#46abe1;
}

#nav ul {
margin-top:0px;
padding-top:0px;
list-style:none;
display:block;
}

#nav li {
position:relative;
float:left;
margin:0 15px 0 0;
padding:4px;
width:auto;
background:none;
vertical-align:top;
list-style:none;
}
 
#nav li:hover ul {
left:auto;
}

#nav li ul {
position:absolute;
left:-999em;
width:90px;
margin:0px;
padding:0px;
background:#2AABF5;
display:block;
list-style:none;
font-size:11px;
}

#nav li li {
color:#FFFFFF;
height:auto;
margin:0;
padding:0;
width:100%;
border-bottom:1px dotted #E5E5E1;
}

#nav li li a:link, #nav li li a:visited {
color:#FFFFFF;
text-decoration:none;
display:block;
padding:3px;
}

#nav li.navOff li a:hover {
color:#FFFFFF;
text-decoration:none;
background:#1D6D9C;
}

#nav li.navOn li.navOff a:hover {
color:#FFFFFF;
text-decoration:none;
background:#1D6D9C;
}


*>html #navBlock ul {f\loat: right;margin-top:11px;} /*IE 5 Mac hack  */
*>html #nav a {f\loat: left;} /*IE 5 Mac hack */



#content {
width:800px;
background-color:#FFFFFF;
color:#333333;
text-align:left;
}

#content a {
color:#3399ff;
text-decoration:none;
}

#content a:hover {color:#fa6a0a;}

#content .singleCol {
width:780px;
padding:10px;
}

#content .lftCol {
width:510px;
padding:10px;
 }

#content .rgtCol {
padding:10px;
width:220px;
 }

h2 {
font-family:Arial;
font-size:16px;
font-weight:bold;
margin:0px 0px 10px 0px;
padding:0px;
border-bottom:1px dotted #336699;
}

h1{
font-family:Arial;
font-size:16px;
font-weight:bold;
margin:0px 0px 10px 0px;
padding:0px;
}

h3 {
	font-size:12px;
	font-family:Verdana;
	color:#3399ff;
	margin:0;
	display:inline;
	margin-right:3px;
}
h4 {
	font-size:12px;
	font-family:Arial;
	color:#FFFFFF;
	margin-top:0;
	margin-right:5px;
	display:block;
	background-color:#66ccff;
	padding:5px;
	text-transform:uppercase;
}
#portNav {
margin-bottom: 20px;
}
.sectionTitle {color:#66ccff;font-size:20px;}
.section_headerLft {color:#3399ff;font-size:20px;}

.section_headerRgt {color:#66ccff;font-size:20px;}

#portNav .linkOff a{padding-right: 5px;color:#CCCCCC;text-transform:lowercase;}
#portNav .linkOff a:hover{color:#3399ff;}
#portNav .linkOn a{padding-right: 5px;text-transform:uppercase;}
.date {color:#666666;font-weight:bold;margin-bottom:5px;}

.separator {
border-right: 1px dotted #CCCCCC;
margin-right: 8px;
}

img.border_blue {
margin-right:5px;border:2px solid #33CCFF;padding:3px;margin-bottom:5px;
}
img.border_green {
margin-right:5px;border:2px solid #99cc33;padding:3px;margin-bottom:5px;
}
.subheader {
font-style:italic;
color:#999999;
}

#footer {
background:url(../images/footer_bg.gif);
height:35px;
width:800px;
color:#FFFFFF;
font-weight:bold;
padding:5px 10px 5px 10px;
}

.link_capacity {
filter:alpha(opacity=50); 
-moz-opacity: .5; 
opacity: .5;

}

#home_thumb {
border:1px solid #1D6D9C;
}

#imageNav {
font-size:15px;
}

a .image_on {
 color:#FFFFFF;
 background-color:#0000FF;
 font-weight:bold;
}

a .image_off {
color:#FF0000;
}

/*


#content-noflash {
padding: 10px;
width: 836px;
}


.subheading {
color:#333333; 
font-size: 14px;
font-weight:bold;
font-family:Arial, sans-serif;
}






/*
navigation {
width: 450px;
height: 43px;
float: right;
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 3; BACKGROUND: url(navigation_../images/nav_bg.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px 21px; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 28px
}
#navigation UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#navigation LI {
	PADDING-RIGHT: 13px; DISPLAY: block; PADDING-LEFT: 13px; Z-INDEX: 5; FLOAT: left; PADDING-BOTTOM: 5px; BORDER-LEFT: #b7cde1 1px solid; PADDING-TOP: 5px; POSITION: relative; HEIGHT: 18px
}
#navigation LI.edge {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}



#navigation LI A {
	FONT-WEIGHT: bold; FONT-SIZE: 9px; TEXT-TRANSFORM: uppercase; COLOR: white; FONT-FAMILY: arial, franklin gothic medium cond,sans-serif; HEIGHT: 18px
}
#navigation LI DIV {
	WIDTH: 145px
}
#navigation LI UL {
	WIDTH: 145px;
	
}
#navigation LI LI {
	WIDTH: 145px
}
#navigation LI DIV {
	PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; BACKGROUND: url(navigation_../images/navigation_corners_lower.gif) no-repeat 50% bottom; LEFT: 0px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: absolute; TOP: 28px
}

#navigation LI UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(navigation_../images/navigation_dropdown_background.gif) #707070 repeat-x; PADDING-BOTTOM: 14px; MARGIN: 0px; PADDING-TOP: 0px;
}
#navigation LI LI {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 0px -10px; PADDING-TOP: 0px; BORDER-LEFT-STYLE: none; HEIGHT: 30px
}
#navigation LI LI A {
	PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 3px; MARGIN: 0px; TEXT-TRANSFORM: none; PADDING-TOP: 6p
x; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
}
#navigation LI LI A IMG {
	VERTICAL-ALIGN: middle
}

#navigation LI LI:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%
}

#navigation A:hover {
	TEXT-DECORATION: none
}
#navigation LI LI A:hover {
	BACKGROUND: #474747; TEXT-DECORATION: none
}

#navigation LI:hover DIV {
	DISPLAY: block
}
#navigation LI.over DIV {
	DISPLAY: block
}

#navigation LI:hover {
	BACKGROUND: url(navigation_../images/navigation_background_active.gif) #2469af repeat-x
	
}

#navigation LI.over {
	BACKGROUND: url(navigation_../images/navigation_background_active.gif) #2469af repeat-x
}

#navigation LI.active {
	BACKGROUND: url(navigation_../images/navigation_background_active.gif) #2469af repeat-x
}

*/

/*

#navigation {
height: 43px;
float: right;

PADDING: 0px; Z-INDEX: 3; MARGIN: 0px 21px; 

BACKGROUND: url(navigation_../images/nav_bg_full.gif) no-repeat; 
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;

}




#navigation UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; list-style:none;
}
#navigation LI {
	PADDING-RIGHT: 13px; PADDING-LEFT: 25px; Z-INDEX: 5; FLOAT: left; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; POSITION: relative; HEIGHT: 18px
}

#navigation LI A {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: white; HEIGHT: 18px; 
	

}
#navigation LI DIV {
	WIDTH: 145px
}
#navigation LI UL {
	WIDTH: 145px
}
#navigation LI LI {
	WIDTH: 145px
}


#navigation ul {
filter:alpha(opacity=50); 
-moz-opacity: .5; 
opacity: .5;
}



#navigation ul .home {
background:url(navigation_../images/home_bg.gif) no-repeat;
filter:alpha(opacity=50); 
-moz-opacity: .5; 
opacity: .5;
padding-left: 30px;
height: 43px;
}


#navigation ul .about {
background:url(navigation_../images/about_bg.gif) no-repeat;
padding-left: 30px;
height: 43px;
}


#navigation ul .portfolio {
background:url(navigation_../images/portfolio_bg.gif) no-repeat;
padding-left: 20px;
height: 43px;
}


#navigation ul .contact {
background:url(navigation_../images/contact_bg.gif) no-repeat;
padding-left: 30px;
height: 43px;
}


#navigation LI DIV {
	PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; BACKGROUND: url(navigation_../images/nav_dropdown_bottom.gif) no-repeat 50% bottom; LEFT: 0px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: absolute; TOP: 28px
}

#navigation LI UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(navigation_../images/navigation_dropdown_background.gif) #707070 repeat-x; PADDING-BOTTOM: 14px; MARGIN: 0px; PADDING-TOP: 0px
}
#navigation LI LI {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 0px -10px; PADDING-TOP: 0px; BORDER-LEFT-STYLE: none; HEIGHT: 30px
}
#navigation LI LI A {
	PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 6px; 
}

#navigation LI LI A IMG {
	VERTICAL-ALIGN: middle
}
#navigation LI LI:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%
}

#navigation A:hover {
	TEXT-DECORATION: none
}
#navigation LI LI A:hover {
	BACKGROUND: #33bfb4; TEXT-DECORATION: none
}

#navigation LI:hover DIV {
	DISPLAY: block
}
#navigation LI.over DIV {
	DISPLAY: block
}
#navigation LI:hover {
	BACKGROUND: url(navigation_../images/nav_link_bg.gif) #2469af repeat-x
}
#navigation LI.over {
	BACKGROUND: url(navigation_../images/nav_link_bg.gif) #2469af repeat-x
}
#navigation LI.active {
	BACKGROUND: url(navigation_../images/nav_link_bg.gif) #2469af repeat-x
}
*/

/*#home {
background:url(navigation_../images/home_bg.gif) no-repeat;
filter:alpha(opacity=50); 
-moz-opacity: .5; 
opacity: .5;
padding-left: 30px;
width: 90px;
height: 43px;
}


#about {
background:url(navigation_../images/about_bg.gif) no-repeat;
filter:alpha(opacity=50); 
-moz-opacity: .5; 
opacity: .5;
padding-left: 30px;
width: 90px;
height: 43px;
}

#portfolio {
background:url(navigation_../images/portfolio_bg.gif) no-repeat;
filter:alpha(opacity=50); 
-moz-opacity: .5; 
opacity: .5;
padding-left: 20px;
width: 120px;
height: 43px;
}

#contact {
background:url(navigation_../images/contact_bg.gif) no-repeat;
filter:alpha(opacity=50); 
-moz-opacity: .5; 
opacity: .5;
padding-left: 30px;
width: 115px;
height: 43px;
}




.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}

*/