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

/* Basic Styles */

body {margin:0px; padding:0px; background-image:url(../images/back-top.jpg); background-repeat:repeat-x; background-color:#001133; font-family:Arial, Helvetica, sans-serif; font-size:1px; line-height:1px; color:#444;}
div {margin:0px; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif; color:#444; font-size:11px; line-height:17px; }
p {margin-top: 0em; margin-bottom:1.5em; font-family:Arial, Helvetica, sans-serif; color:#444; font-size:11px; line-height:17px; }
.p {font-family:Arial, Helvetica, sans-serif; color:#444; font-size:11px;}
img {border:0px;}

h1 {font-size:17px; color:#2B87CB; font-weight:normal; margin:0px; padding-bottom:15px; line-height:17px; 
	font-family:Georgia, "Times New Roman", Times, serif;}
h2 {font-size:15px; color:#2B87CB; font-weight:normal; margin:0px; padding-bottom:10px; padding-top:10px; line-height:15px; 
	font-family:Georgia, "Times New Roman", Times, serif;}
h3 {font-size:12px; color:#2B87CB; margin:0px; padding-bottom:10px; padding-top:10px; line-height:12px; font-weight:bold; }
h4 {font-size:12px; color:#888; margin:0px; padding-bottom:5px; line-height:12px; font-weight:normal; }
.h4 {font-size:12px; color:#888; }
.h3 {font-size:11px; color:#2B87CB; letter-spacing:1px; }
.h5 {font-size:11px; color:#999; font-weight:bold;}
h6 {font-size:16px; color:#FFF; font-weight:bold; margin:0px; padding:2px 0 3px 0; line-height:10px; font-family:Georgia, "Times New Roman", Times, serif;}
.clearfloat { clear:both; height:0px; line-height:0px;}
.clearfloat2 { clear:both; height:15px; line-height:15px;}

p.margin { margin-bottom:2em; }
.bottomContact { font-size:12px; color:#888; }
p.bottomContact { margin-bottom:0.8em; }

.bullet {list-style-image: url(../images/bullet.gif);}
.bullet2 li {list-style-image: url(../images/bullet.gif); padding-bottom:10px;}
.bullet-h4 {list-style-image: url(../images/bullet.gif); font-size:12px; color:#888;}

.floatleft { float:left; margin-top:10px; margin-bottom:5px; padding-left:40px;}
.floatright { float:right; margin-top:10px; margin-bottom:5px; padding-right:40px;}
.floatleftthumb { width:200px; float:left; margin-top:10px; margin-bottom:5px;}
.floatrighttext { width:200px; float:right; margin-top:10px; margin-bottom:5px;}
.floatrightthumb { width:200px; float:right; margin-top:10px; margin-bottom:5px;}
.floatlefttext { width:200px; float:left; margin-top:10px; margin-bottom:5px;}

.clearfloatdots { clear:both; width:100%; height:15px; margin:0 0 15px 0; padding:0px; border-bottom:1px dotted #B2DCF8;
	text-align:right; font-size:10px; line-height:12px; color:#B2DCF8; }
.clearfloatdots2 { clear:both; width:100%; margin:0 0 15px 0; border-bottom:1px dotted #B2DCF8;}
.clearfloatdots3 { clear:both; width:100%; height:3px; border-bottom:1px dotted #B2DCF8;}
	
.clientportfolio { width:100%; margin:25px 0 10px 0; font-size:11px; line-height:12px; color:#999; border-top:dotted 1px #B2DCF8; padding-top:10px;}
.clientportfolio2 { width:427px; font-size:11px; line-height:12px; color:#999; position:relative;}
.clientportfolio2a { width:100%; font-size:11px; line-height:12px; color:#999; position:relative; margin-bottom:30px; }
.clientportfolio3 { width:100%; margin:20px 0 20px 0; font-size:11px; line-height:12px; color:#999;}
.clientfeedback { width:100%; margin:0 0 15px 0; font-size:11px; line-height:12px; color:#999;}
.imagesportfolio { width:100%; margin-top:10px; margin-bottom:5px; text-align:center;}
.imagesportfolio2 { width:427px; height:427px; margin-top:10px; margin-bottom:10px; text-align:center; border:1px solid #B2DCF8;}

.portfolio { border:1px #BBB solid;}

.dottedline {width:100%; height:15px; margin:0 0 15px 0; padding:0px; border-bottom:1px dotted #B2DCF8;
	text-align:right; font-size:10px; line-height:12px; color:#B2DCF8; }
.topplain {width:100%; height:12px; margin-bottom:10px; padding:0px; 
	text-align:right; font-size:10px; line-height:12px; color:#888; }
.button1 { width:90px; height:29px; padding:8px 10px 8px 50px; margin:0 0 0 40px; color:#2B87CB; font-size:12px; font-weight:bold; 
	background-image:url(../images/btn-1.jpg); background-repeat:no-repeat; float:left; text-align:center; line-height:14px; }
.button2 { width:90px; height:29px; padding:8px 10px 8px 50px; margin:0 0 15px 0; color:#2B87CB; font-size:12px; font-weight:bold; 
	background-image:url(../images/btn-1.jpg); background-repeat:no-repeat; float:left; text-align:center; line-height:14px; }

.small { font-size:9px; }
.larger { font-size:13px; line-height:12px; }

.list1 li { list-style-image:url(../images/bullet1.gif); margin-top:15px; }
.form1 {border:#2B87CB 1px solid; padding:20px;}
.send { margin:0px; padding:2px; border:#2B87CB 1px solid; background-color:#B2DCF8; cursor:pointer;
	font-size:12px; color:#2B87CB; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}
input {border:#2B87CB 1px solid; margin-bottom:10px; vertical-align:middle;}
label input {border:0px; margin:0px;}
textarea {border:#2B87CB 1px solid; margin-bottom:10px;}
select {border:#2B87CB 1px solid; margin-bottom:10px;}

a:link, a:active, a:visited { text-decoration:underline; color:#444; }
a:hover, a:focus { text-decoration:underline; color:#2B87CB; }

p.error {font-size:13px;}

/* Structure */

#container { width:880px; margin:25px auto 0px auto; }
#box { width:880px; position:relative; }

#header { width:880px; height:72px; position:relative; clear:both; }
#logo { width:184px; height:72px; position:absolute; left:0px; top:0px;}
#nav { width:550px; height:48px; margin:15px 0 10px; position:absolute; top:0px; left:210px; color:#FFF; font-weight:bold; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; }

#main { width:870px; position:relative; left:10px; top:0px; clear:both; }

#sidenav { width:124px; height:367px; margin-bottom:10px; padding:20px; background-image:url(../images/side-nav-bg.jpg); background-repeat:no-repeat; float:left; color:#001133; font-size:11px; font-weight:bold; position:absolute; top:40px; left:0px;}
#sidenav2 { width:124px; height:273px; margin-bottom:10px; padding:20px; background-image:url(../images/side-nav-bg-sm.jpg); background-repeat:no-repeat; float:left; color:#001133; font-size:11px; font-weight:bold; position:absolute; top:40px; left:0px;}

#sidenav-expand { width:164px; min-height:406px; margin-bottom:10px; background-image:url(../images/side-nav-middle.jpg); background-repeat:repeat-y; position:absolute; top:40px; left:0px;}
#sidenav-expand2 { width:164px; min-height:406px; padding:0px; margin:0px; background-image:url(../images/side-nav-bottom.jpg); background-position:bottom; background-repeat:no-repeat; float:left;}
#sidenav-expand3 { width:124px; min-height:366px; padding:20px; margin:0px; background-image:url(../images/side-nav-top.jpg); background-position:top; background-repeat:no-repeat; float:left; color:#001133; font-size:11px; font-weight:bold;}
#sidenav .contactinfo, #sidenav2 .contactinfo, #sidenav-expand3 .contactinfo { width:124px; margin:0px; padding:0px; float:left; color:#2B87CB; font-size:11px; font-weight:bold; text-align: center; }

#content { width:517px; margin-left:164px; margin-bottom:60px; float:left;}
#textarea { width:427px; padding:0px 45px 0px; background-image:url(../images/text-bg.jpg); background-repeat:repeat-y; float:left; }
#textcontain {width:100%; position:relative; top:0; left:0;}
#texttop { width:517px; height:44px; position:relative; top:0px; left:-45px;}
#text1 { width:427px; float:left; vertical-align:top; }
.rightButtons {
	float:right;
	width:150px;
	margin:0 0 0 20px;
}
#textbottom { width:517px; height:75px; float:left; position:relative; left:-45px; margin-bottom:-20px; background-image:url(../images/page-btm.jpg); background-repeat:no-repeat;}
#calltoaction { width:350px; height:20px; text-align:right; color:#FFF; font-size:11px; margin:50px 0 0 70px; }

.feedback { width:425px; margin-bottom:15px; float:left;}

#flash { width:189px; height:313px; padding:0px; position:absolute; top:63px; right:0px; background-color:#001133; }
#flashBack { width:189px; height:313px; padding:0px; position:absolute; top:63px; right:0px; background-color:#001133; background-image:url(../images/flash-placeholder.jpg); background-repeat:no-repeat; }
#flashText {
	width:139px;
	height:273px;
	padding:20px 30px 20px 20px;
	font-size:14px;
	color:#2B87CB;
}
#flashPortfolio2 { width:159px; height:465px; padding:10px; position:absolute; top:160px; right:10px; background-image:url(../images/portfolio-thumbs-back3.jpg); background-repeat:no-repeat;}
#flashPortfolio2.one {top:100px;}
#flashPortfolio2.onetwenty {top:120px;}
#flashPortfolio2.oneforty {top:140px;}
#flashPortfolio2.onefifty {top:150px;}
#flashPortfolio2.oneseventy {top:170px;}
#flashPortfolio2.oneeighty {top:180px;}
#flashPortfolio2.oneninety {top:190px;}
#flashPortfolio2.two {top:200px;}
#flashPortfolio2.twotwenty {top:220px;}

#portfolionav { width:123px; color:#FFF; font-size:12px; font-weight:bold; }
#portfolionav2 { width:123px; height:80px; padding:10px 15px 10px 12px; background-image:url(../images/side-portfolio-backgd-2.gif); background-repeat:no-repeat; background-position:right; background-color:#2B87CB; position:absolute; top:400px; right:39px;}
#portfolionav4 { width:123px; height:137px; padding:10px 15px 10px 12px; background-image:url(../images/side-portfolio-backgd.gif); background-repeat:no-repeat; background-position:right; background-color:#2B87CB; position:absolute; top:400px; right:39px; }

#thumbInstruct { width:121px; height:32px; padding:8px 10px; position:absolute; top:-40px; left:10px; color:#FFF; font-size:11px; font-weight:normal; background-image:url(../images/top-thumbs.gif); background-repeat:no-repeat; line-height:13px; text-align:center;}

#footerAll { width:100%; background-image:url(../images/back-footer.jpg); background-repeat:repeat-x; clear:both; padding:0px; margin:0px; float:none;}
#footer { width:830px; height:200px; padding-top:20px; margin:10px auto 0px auto; color:#2B87CB; font-size:11px; line-height:13px; clear:both;}
	
	
/* Specifics */

#footer ul { width: 140px; float:left; margin:0px; padding-left:25px; list-style:none; min-height:100px;}
#footer li { padding-bottom:2px;}
#footer li.subheader { font-weight:bold; margin-bottom:5px; font-size:12px;}
#footer li.subheader2 { font-weight:bold; margin-bottom:5px; margin-top:5px; font-size:12px;}

#sidenav ul, #sidenav2 ul, #sidenav3 ul, #sidenav-expand3 ul { margin:0px; padding:0px; list-style:none;}
#sidenav li, #sidenav2 li, #sidenav3 li, #sidenav-expand3 li { margin:0px; padding-top:6px; padding-bottom:6px; padding-left:2px; line-height:13px; border-bottom:1px #FFF dotted; }

#sidenav li:first-child, #sidenav2 li:first-child, #sidenav3 li:first-child, #sidenav-expand3 li:first-child{ border-top:1px #FFF dotted;}

#sidenav a:active, #sidenav a:link, #sidenav a:visited , #sidenav2 a:active, #sidenav2 a:link, #sidenav2 a:visited, #sidenav3 a:active, #sidenav3 a:link, #sidenav3 a:visited, #sidenav-expand3 a:active, #sidenav-expand3 a:link, #sidenav-expand3 a:visited { color:#FFF; text-decoration:none; font-size:11px; font-weight:normal;}
#sidenav a:hover, #sidenav a:focus, #sidenav2 a:hover, #sidenav2 a:focus, #sidenav3 a:hover, #sidenav3 a:focus, #sidenav-expand3 a:hover, #sidenav-expand3 a:focus { color:#001133; text-decoration:none; font-size:11px; font-weight:bold;}

#sidenav .secondnav li, #sidenav2 .secondnav li, #sidenav3 .secondnav li, #sidenav-expand3 .secondnav li { list-style:none; font-size:10px; line-height:11px; padding-left:10px; padding-top:3px; padding-bottom:3px; border-bottom:0px;}
#sidenav .secondnav li:first-child, #sidenav2 .secondnav li:first-child, #sidenav3 .secondnav li:first-child, #sidenav-expand3 .secondnav li:first-child {border-top:0px;}
#sidenav .secondnav a:active, #sidenav .secondnav a:link, #sidenav .secondnav a:visited, #sidenav2 .secondnav a:active, #sidenav2 .secondnav a:link, #sidenav2 .secondnav a:visited, #sidenav3 .secondnav a:active, #sidenav3 .secondnav a:link, #sidenav3 .secondnav a:visited, #sidenav-expand3 .secondnav a:active, #sidenav-expand3 .secondnav a:link, #sidenav-expand3 .secondnav a:visited { color:#FFF; text-decoration:none; font-size:10px; font-weight:normal;}
#sidenav .secondnav a:hover, #sidenav .secondnav a:focus, #sidenav2 .secondnav a:hover, #sidenav2 .secondnav a:focus, #sidenav3 .secondnav a:hover, #sidenav3 .secondnav a:focus, #sidenav-expand3 .secondnav a:hover, #sidenav-expand3 .secondnav a:focus { color:#001133; text-decoration:none; font-size:10px; font-weight:normal;}

#sidenav .secondnav1 li, #sidenav2 .secondnav1 li, #sidenav3 .secondnav1 li, #sidenav-expand3 .secondnav1 li { list-style:none; margin-left:8px;  margin-right:8px; padding-top:4px; padding-bottom:4px; padding-left:2px; line-height:13px; border-top:1px #FFF dotted; color:#001133; border-bottom:0px; font-weight:bold;}
#sidenav .secondnav1 li:first-child, #sidenav2 .secondnav1 li:first-child, #sidenav3 .secondnav1 li:first-child, #sidenav-expand3 .secondnav1 li:first-child {border-top:0px;}
#sidenav .secondnav1 a:active, #sidenav .secondnav1 a:link, #sidenav .secondnav1 a:visited, #sidenav2 .secondnav1 a:active, #sidenav2 .secondnav1 a:link, #sidenav2 .secondnav1 a:visited, #sidenav3 .secondnav1 a:active, #sidenav3 .secondnav1 a:link, #sidenav3 .secondnav1 a:visited, #sidenav-expand3 .secondnav1 a:active, #sidenav-expand3 .secondnav1 a:link, #sidenav-expand3 .secondnav1 a:visited { color:#FFF; text-decoration:none; font-weight:normal;}
#sidenav .secondnav1 a:hover, #sidenav .secondnav1 a:focus, #sidenav2 .secondnav1 a:hover, #sidenav2 .secondnav1 a:focus, #sidenav3 .secondnav1 a:hover, #sidenav3 .secondnav1 a:focus, #sidenav-expand3 .secondnav1 a:hover, #sidenav-expand3 .secondnav1 a:focus { color:#001133; text-decoration:none; font-weight:bold;}

#sidenav .contactinfo ul, #sidenav3 .contactinfo ul, #sidenav-expand3 .contactinfo ul { margin:0px; padding:0px; list-style:none;}
#sidenav .contactinfo li, #sidenav3 .contactinfo li, #sidenav-expand3 .contactinfo li { margin:0px; padding-top:5px; padding-bottom:0px; line-height:13px; border-bottom:0px;}
#sidenav .contactinfo li:first-child, #sidenav3 .contactinfo li:first-child, #sidenav-expand3 .contactinfo li:first-child { border-top:0px dotted #2B87CB; padding-top: 6px;}
#sidenav .contactinfo a:link, #sidenav .contactinfo a:visited, #sidenav3 .contactinfo a:link, #sidenav3 .contactinfo a:visited, #sidenav-expand3 .contactinfo a:link, #sidenav-expand3 .contactinfo a:visited { color:#2B87CB; text-decoration:none; font-size:11px; font-weight:normal;}
#sidenav .contactinfo a:active, #sidenav .contactinfo a:hover, #sidenav .contactinfo a:focus, #sidenav3 .contactinfo a:active, #sidenav3 .contactinfo a:hover, #sidenav3 .contactinfo a:focus, #sidenav-expand3 .contactinfo a:active, #sidenav-expand3 .contactinfo a:hover, #sidenav-expand3 .contactinfo a:focus { color:#001133; text-decoration:none; font-size:11px; font-weight:bold; }

#nav ul { margin:0px; padding:0px; list-style:none; }
#nav li { margin:0px; padding:0 7px 0 8px; display:inline; border-left:1px #B2DCF8 solid; }
#nav li:first-child { border-left:0px; margin:0px; padding:0 8px 0 8px; }
#nav a:link, #nav a:visited { color:#B2DCF8; text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#nav a:hover, #nav a:focus, #nav a:active { color:#FFF; text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

#portfolionav ul { margin:0px; padding:0px; list-style:none;}
#portfolionav li { margin:0px; padding-top:6px; padding-bottom:6px; line-height:13px; border-top:1px #FFF dotted; }
#portfolionav li:first-child { padding-bottom:10px; border-top:0px; }
#portfolionav a:link, #portfolionav a:visited { color:#FFF; text-decoration:none; font-size:11px; font-weight:normal;}
#portfolionav a:hover, #portfolionav a:focus, #portfolionav a:active { color:#001133; text-decoration:none; font-size:11px; font-weight:normal;}

.clientportfolio2 #caption1, .clientportfolio2 #caption2, .clientportfolio2 #caption3, .clientportfolio2 #caption4, .clientportfolio2 #caption5, .clientportfolio2 #caption6, .clientportfolio2 #caption7, .clientportfolio2 #caption8, .clientportfolio2 #caption9, .clientportfolio2 #caption10, .clientportfolio2 #caption11, .clientportfolio2 #caption12, .clientportfolio2 #caption13, .clientportfolio2 #caption14, .clientportfolio2 #caption15, .clientportfolio2 #caption16, .clientportfolio2 #caption17, .clientportfolio2 #caption18, .clientportfolio2 #caption19, .clientportfolio2 #caption20 { position:absolute; top:0; left:0; overflow:hidden; visibility:hidden;}
.clientportfolio2 #caption1 { visibility:visible;}
.clientportfolio2a #caption1, .clientportfolio2a #caption2, .clientportfolio2a #caption3, .clientportfolio2a #caption4 { position:absolute; top:0; left:0; overflow:hidden; visibility:hidden;}
.clientportfolio2a #caption1 { visibility:visible;}

.dottedline a:link, .dottedline a:visited { color:#2B87CB; text-decoration:none; }
.dottedline a:hover, .dottedline a:focus, .dottedline a:active { color:#001133; text-decoration:underline; }

.clearfloatdots a:link, .clearfloatdots a:visited { color:#2B87CB; text-decoration:none; }
.clearfloatdots a:hover, .clearfloatdots a:active, .clearfloatdots a:focus { color:#001133; text-decoration:underline; }

.button1 a:link, .button1 a:visited, .button2 a:link, .button2 a:visited { color:#2B87CB; text-decoration:none; }
.button1 a:hover, .button1 a:focus, .button1 a:active, .button2 a:hover, .button2 a:focus, .button2 a:active { color:#001133; text-decoration:underline; }

.portfolio:hover, .portfolio:focus, .portfolio:active { outline:2px #2B87CB solid;}

#calltoaction a:link, #calltoaction a:visited { color:#FFF; text-decoration:none; }
#calltoaction a:hover, #calltoaction a:focus, #calltoaction a:active { color:#001133; text-decoration:underline;}

#footer a:link, #footer a:visited { color:#2B87CB; text-decoration:none; }
#footer a:hover, #footer a:focus, #footer a:active { color:#FFF; text-decoration:underline; }