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

a:link {
	text-decoration:none;
	color: #faa20a;
	font-weight:bold;
}
a:visited {
	text-decoration:none;
	color: #faa20a;
	font-weight:bold;
}
a:active {
text-decoration:none;
color: #faa20a;
font-weight:bold;
}
a:hover {
	text-decoration:underline;
	color: #faa20a;
	font-weight:bold;
}
body {
background: #7cb4c3; 
padding:0px;
margin: 0px;
text-align:center;
font-family:"Times New Roman", Times, serif;
}
#surround {
width:100%;
height: 700px;
background:url(images/Bkgd.jpg) repeat-x top; 
}
#container { 
clear:both;
margin: 0px auto;
width: 1200px;
height: 100%;
padding: 0px;
}
a#homebutton{
width:90px;
height:38px;
padding: 0px;
margin:0px;
border:#519aad 1px solid;
background-image:url(images/homebuttons.jpg);
}
a#homebutton:hover{
width:90px;
height:38px;
padding: 0px;
margin:0px;
background-image:url(images/homebuttonsh.jpg);
}
a#aboutbutton{
width:90px;
height:38px;
padding: 0px;
margin:0px;
border:#519aad 1px solid;
background-image:url(images/aboutbutton.jpg);
}
a#aboutbutton:hover{
width:90px;
height:38px;
padding: 0px;
margin:0px;
background-image:url(images/aboutbuttonh.jpg);
}
a#servicesbutton{
width:90px;
height:38px;
padding: 0px;
margin:0px;
border:#519aad 1px solid;
background-image:url(images/servicesbuttons.jpg);
}
a#servicesbutton:hover{
width:90px;
height:38px;
padding: 0px;
margin:0px;
background-image:url(images/servicesbuttonsh.jpg);
}
a#portfoliobutton{
width:90px;
height:38px;
padding: 0px;
margin:0px;
border:#519aad 1px solid;
background-image:url(images/portfoliobutton.jpg);
}
a#portfoliobutton:hover{
width:90px;
height:38px;
padding: 0px;
margin:0px;
background-image:url(images/portfoliobuttonh.jpg);
}
a#customappbutton{
width:90px;
height:30px;
padding: 0px;
margin:0px;
background-image:url(images/customappbuttons.jpg);
}
a#customappbutton:hover{
width:90px;
height:30px;
padding: 0px;
margin:0px;
background-image:url(images/customappbuttonsh.jpg);
}
a#webdevbutton{
width:90px;
height:30px;
padding: 0px;
margin:0px;
background-image:url(images/webdevbuttons.jpg);
}
a#webdevbutton:hover{
width:90px;
height:30px;
padding: 0px;
margin:0px;
background-image:url(images/webdevbuttonsh.jpg);
}
a#webhostingbutton{
width:90px;
height:30px;
padding: 0px;
margin:0px;
background-image:url(images/webhostingbuttons.jpg);
}
a#webhostingbutton:hover{
width:90px;
height:30px;
padding: 0px;
margin:0px;
background-image:url(images/webhostingbuttonsh.jpg);
}
a#databasebutton{
width:90px;
height:30px;
padding: 0px;
margin:0px;
background-image:url(images/databasebuttons.jpg);
}
a#databasebutton:hover{
width:90px;
height:30px;
padding: 0px;
margin:0px;
background-image:url(images/databasebuttonsh.jpg);
}
a#contactbutton{
width:95px;
height:38px;
padding: 0px;
margin:0px;
border:#519aad 1px solid;
background-image:url(images/contactbutton.jpg);
}
a#contactbutton:hover{
width:95px;
height:38px;
padding: 0px;
margin:0px;
background-image:url(images/contactbuttonh.jpg);
}
#nav {
background:url(images/title.jpg) no-repeat;
float:left;
height: 400px;
width: 590px;
}
#navtop {
padding:0px;
float:right;
width: 490px;
height: 40px;
}
#title {
float:right;
width: 490px;
margin-top: 155px;
height: 30px;
text-align:left;
}
#title h3 {
color: #faa20a;
font-size: 150%;
}
#content {
color: #ffffff;
float: right;
font-family:Arial, Helvetica, sans-serif;
font-size: 90%;
text-align:left;
width: 490px;
margin-top: 10px;
}
#border {
border-bottom:#FFFFFF solid 1px;
width: 490px;
padding-top: 20px;
padding-bottom: 10px;
clear:both;
}
#globe {
background:url(images/world.jpg) top no-repeat;
float:right;
width: 580px;
height: 450px;
}
#portfoliothumb{
border: #faa20a solid 3px;
}
#portfoliothumbleft{
float:left;
width: 170px;
height: 140px;
text-align:left;
margin: 10px;
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight:bold;
}
#portfoliothumbright{
float:left;
width: 170px;
height: 140px;
text-align:left;
margin: 10px;
color: #ffffff;
clear:right;
font-family:Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight:bold;
}
#portfoliothumbleft a{
color:#ffffff;
}
#portfoliothumbright a{
color:#ffffff;
}
/*Lightwindow Script starts here*/
#lightwindow_overlay {
     /* REQUIRED */
     display: none;
     visibility: hidden;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100px;
     z-index: 500;
     /* REQUIRED */
}

#lightwindow {
     /* REQUIRED */
     /* Of Note - The height and width of this element are set to 0px */
     display: none;
     visibility: hidden;
     position: absolute;
     z-index: 999;
     line-height: 0px;
     /* REQUIRED */
}

     #lightwindow_container {
           /* REQUIRED */
           display: none;
           visibility: hidden;
           position: absolute;
           /* REQUIRED */
           padding: 0 0 0 0;
           margin: 0 0 0 0;
     }

     /* IE6 needs this or it messes with our positioning */
     * html #lightwindow_container {
           overflow: hidden;
     }

     #lightwindow_contents {
           overflow: hidden;
           z-index: 0;
           position: relative;
           border: 10px solid #ffffff;
           background-color: #ffffff;
     }

#lightwindow_loading {
     /* REQUIRED */
     height: 100%;
     width: 100%;
     top: 0px;
     left: 0px;
     z-index: 9999;
     position: absolute;
     /* REQUIRED */
     background-color: #f0f0f0;
     padding: 10px;
}

     #lightwindow_loading_shim {
           display: none;
           left: 0px;
           position: absolute;
           top: 0px;
           width: 100%;
           height: 100%;
     }

     #lightwindow_loading span {
     font-size: 12px;
           line-height: 32px;
           color: #444444;
           float: left;
           padding: 0 10px 0 0;
     }

     #lightwindow_loading span a,
     #lightwindow_loading span a:link,
     #lightwindow_loading span a:visited {
           color: #09F;
           text-decoration: none;
           cursor: pointer;
     }

     #lightwindow_loading span a:hover,
     #lightwindow_loading span a:active {
           text-decoration: underline;
     }


     #lightwindow_loading img {
           float: left;
           margin: 0 10px 0 0;
     }


/*-----------------------------------------------------------------------------------------------
     I liked the Navigation so much from
http://www.huddletogether.com/projects/lightbox2/
     I mean let's face it, it works really well and is very easy to figure
out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
     /* REQUIRED */
     position: absolute;
     top: 0px;
     left: 0px;
     display: none;
     /* REQUIRED */
}
     /* We need to shim the navigation for IE, though its more of a
sub-floor */
     #lightwindow_navigation_shim {
           /* REQUIRED */
           display: none;
           left: 0px;
           position: absolute;
           top: 0px;
           width: 100%;
           height: 100%;
           /* REQUIRED */
     }

     #lightwindow_navigation a,
     #lightwindow_navigation a:link,
     #lightwindow_navigation a:visited,
     #lightwindow_navigation a:hover,
     #lightwindow_navigation a:active {
           /* REQUIRED */
           outline: none;
           /* REQUIRED */
     }

     #lightwindow_previous,
     #lightwindow_next {
           width: 49%;
           height: 100%;
           background: transparent url(../images/blank.gif) no-repeat; /*
Trick IE into showing hover */
           display: block;
     }
 
     #lightwindow_previous {
           float: left;
           left: 0px;
     }

     #lightwindow_next {
           float: right;
           right: 0px;
     }

     #lightwindow_previous:hover,
     #lightwindow_previous:active {
           background: url(../images/prevlabel.gif) left 15% no-repeat;
     }

     #lightwindow_next:hover,
     #lightwindow_next:active {
           background: url(../images/nextlabel.gif) right 15% no-repeat;
     }

     #lightwindow_previous_title,
     #lightwindow_next_title {
           display: none;
     }

#lightwindow_galleries {
     width: 100%;
     position: absolute;
     z-index: 50;
     display: none;
     overflow: hidden;
     margin: 0 0 0 10px;
     bottom: 0px;
     left: 0px;
}

     #lightwindow_galleries_tab_container {
           width: 100%;
           height: 0px;
           overflow: hidden;
     }

     a#lightwindow_galleries_tab,
     a:link#lightwindow_galleries_tab,
     a:visited#lightwindow_galleries_tab {
           display: block;
           height: 20px;
           width: 77px;
           float: right;
           line-height: 22px;
           color: #ffffff;
           text-decoration: none;
           font-weight: bold;
           cursor: pointer;
           font-size: 11px;
           color: #666666;
           background: url(images/black-70.png) repeat 0 0 transparent;
     }

     * html a#lightwindow_galleries_tab,
     * html a:link#lightwindow_galleries_tab,
     * html a:visited#lightwindow_galleries_tab {
           background: none;
           background-color: #000000;
           opacity: .70;
           filter: alpha(opacity=70);
     }

     a:hover#lightwindow_galleries_tab,
     a:active#lightwindow_galleries_tab {
           color: #666666;

     }

     #lightwindow_galleries_tab_span {
           display: block;
           height: 20px;
           width: 63px;
           padding: 0 7px 0 7px;
     }

     #lightwindow_galleries_tab .up      {
           background: url(../images/arrow-up.gif) no-repeat 60px 5px
transparent;
     }

     #lightwindow_galleries_tab .down {
           background: url(../images/arrow-down.gif) no-repeat 60px 6px
transparent;
     }

     #lightwindow_galleries_list {
           background: url(images/black-70.png) repeat 0 0 transparent;
           overflow: hidden;
           height: 0px;
     }

     * html #lightwindow_galleries_list {
           background: none;
           background-color: #000000;
           opacity: .70;
           filter: alpha(opacity=70);
     }

     .lightwindow_galleries_list {
           width: 200px;
           float: left;
           margin: 0 0 10px 0;
           padding: 10px;
     }

     .lightwindow_galleries_list h1 {
           color: #09F;
           text-decoration: none;
           font-weight: bold;
           cursor: pointer;
           padding: 10px 0 5px 0;
           font-size: 16px;
     }

     .lightwindow_galleries_list li {
           margin: 5px 0 5px 0;
           list-style-type: none;
     }

     .lightwindow_galleries_list a,
     .lightwindow_galleries_list a:link,
     .lightwindow_galleries_list a:visited {
           display: block;
           line-height: 22px;
           color: #ffffff;
           text-decoration: none;
           font-weight: bold;
           cursor: pointer;
           padding: 0 0 0 10px;
           font-size: 11px;
     }

     .lightwindow_galleries_list a:hover,
     .lightwindow_galleries_list a:active {
           background: #000000;
           color: #ffffbe;
           border-left: 3px solid #ffffbe;
           padding: 0 0 0 7px;
     }

#lightwindow_data {
     /* REQUIRED */
     position: absolute;
     /* REQUIRED */
}

     #lightwindow_data_slide {
           /* REQUIRED */
           position: relative;
           /* REQUIRED */
     }

     #lightwindow_data_slide_inner {
           background-color: #ffffff;
           padding: 0 10px 10px 10px;
     }

     #lightwindow_data_caption {
           padding: 10px 0 0 0;
           color: #666666;
           line-height: 25px;
           background-color: #ffffff;
           clear: both;
     }

     #lightwindow_data_details {
           background-color: #f0f0f0;
           padding: 0 10px 0 10px;
           height: 20px;
     }

     #lightwindow_data_author_container {
           width: 40%;
           text-align: right;
           color: #666666;
           font-style: italic;
           font-size: 10px;
           line-height: 20px;
           float: right;
           overflow: hidden;
     }

     #lightwindow_data_gallery_container {
           font-size: 10px;
           width: 40%;
           text-align: left;
           color: #666666;
           line-height: 20px;
           float: left;
           overflow: hidden;
     }

#lightwindow_title_bar {
     height: 25px;
     overflow: hidden;
}

     #lightwindow_title_bar_title {
           color: #ffffbe;
           font-size: 14px;
           line-height: 25px;
           text-align: left;
           float: left;
     }

     a#lightwindow_title_bar_close_link,
     a:link#lightwindow_title_bar_close_link,
     a:visited#lightwindow_title_bar_close_link {
           float: right;
           text-align: right;
           cursor: pointer;
           color: #ffffbe;
           line-height: 25px;
           padding: 0;
           margin: 0;
     }

     a:hover#lightwindow_title_bar_close_link,
     a:active#lightwindow_title_bar_close_link {
           color: #ffffff;
     }

/*-----------------------------------------------------------------------------------------------
     Theme styling stuff
-----------------------------------------------------------------------------------------------*/


#lightwindow p {
     color: #000000;
     padding-right: 10px;
}