body {text-align: center;font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;margin:0 auto;font-size: 12px;background-color:#111111;height: auto;margin-top:0px;color: #FFF;}
html { text-align:center; margin: 0 auto; height: 100%; font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;}
a:link, a:visited, a:hover, a:active{text-decoration: underline;color:#7ABD00;}
p {font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;text-align: left;margin: 3px 0px 8px 0px;font-size:16px;line-height:20px;padding: 3px 0px 8px 0px;}
ul{font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;margin: 0px 0px 5px 0px;padding: 0px 0px 5px 0px;text-align: left;}
ul.main {font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;margin: 15px 0px 5px 10px;padding: 0px 0px 5px 10px;line-height: 17px;text-align: left;font-size: 16px;}
ul.sitemap{font-family:calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;margin: 2px 0px 0px 10px;padding: 0px 0px 5px 10px;line-height: 11px;text-align: left;font-size: 12px;list-style-image:url(../images/arrow.gif);}
.sitemap, .sitemap a, sitemap a:active, sitemap a:visited{color:#FFF; text-decoration:none;}
sitemap a:hover{color:#7ABD00; text-decoration:underline;}
li{margin: 0px 0px 3px 0px;padding: 0px 0px 1px 0px;}
ol {margin: 16px 0px 5px 10px;padding: 0px 0px 5px 5px;line-height: 20px;}
input, select, textfield{font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:11px;margin:0px 0px 10px 0px;background-color: #FFFFFF;line-height: 12px;color:#565F70; border:solid 1px #ccc; height:18px;}
textarea {font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:11px;margin:0px 0px 10px 0px;background-color: #FFFFFF;border:solid 1px #ccc;color:#565F70;}
form{padding:0px;margin:0 auto;overflow: visible;}
input.button {color: #FFFFFF;font-weight: bold;margin: 3px 0px 2px 0px;padding: 1px 2px 2px 2px;background-color: #565F70;border: 1px solid #fff;font-size: 10px;}
h1{font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;color: #565F70;margin: 10px 0px 20px 0px;font-weight: normal;font-size: 16px;}
h2{font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;color: #85C512;font-size:25px;margin: 0px 0px 3px 0px;font-weight: normal;padding: 0px 0px 3px 0px;}
h3{font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;color: #85C512;font-size:20px;margin: 0px 0px 3px 0px;font-weight: normal;padding: 0px 0px 3px 0px;}
h4{font-family: Tahoma;color: #0095DC;margin: 5px 0px 5px 0px;}
h5{font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;color: #FF6600;margin: 5px 0px 5px 0px;}
.field{margin:0px 0px 8px 0px;width:235px;}
.box_spacer{padding: 0px;margin: 0px;height:17px;}
img {border:0px;}
.border1px{border:solid 1px #ccc;}

/*################################################
MAIN
################################################*/
#box_outside{padding: 0px 0px 0px 0px;width: 934px;margin: 0 auto;text-align: center;position: relative;overflow: visible;}
/*################################################
HEADER
################################################*/
.nav_hidden{visibility:hidden;margin: 0px;padding: 0px;}
#box_header{text-align:left;margin: 0px 0px 0px 0px;position: relative;padding: 0px 0px 0px 0px;height: 100px;background-repeat: no-repeat;}
.box_header_logo{padding: 25px 0px 0px 12px;text-align:left;margin: 0px 0px 0px 0px;float:left;width:200px;}
.box_header_nav{padding: 10px 8px 0px 0px;text-align:left;float:right;width:508px;}
.box_nav{padding: 15px 0px 0px 0px;text-align:left;float:right;width:355px;height: 20px;}
.box_strap_nav{background-image:url(../images/creative_design_solutions.gif);width:302px;height:30px;margin: 0px 0px 0px 200px;}

/*################################################
HOME
################################################*/
#box_main_home{padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;text-align: left;position: relative;overflow: visible;width: 934px;height:480px;background-image: url(../images/bg_home.jpg);background-repeat: no-repeat;}
.box_home{padding: 210px 0px 0px 50px;margin: 0px 0px 0px 0px;text-align: left;position: relative;overflow: visible;width: 800px;}
.box_home_text{padding: 0px 0px 0px 0px;margin: 0px 0px 20px 0px;text-align: left;position: relative;overflow: visible;width: 449px;height:156px;background-image:url(../images/text_imageiseverything.gif);
background-repeat:no-repeat;}

#box_main_about{padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;text-align: left;position: relative;overflow: visible;width: 934px;height:480px;background-image: url(../images/bg_about.jpg);background-repeat: no-repeat;}
.box_about{
	padding: 40px 0px 0px 60px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	position: relative;
	overflow: visible;
	width: 500px;
}

/*################################################
THUMBNAILS
################################################*/
#box_main_thumbs{padding: 8px 0px 0px 0px;margin: 0px 0px 0px 0px;text-align: left;position: relative;overflow: visible;width: 934px;height:693px;background-image: url(../images/bg_thumbnails.gif);background-repeat: no-repeat;}
.box_thumbs{padding: 0px 0px 1px 0px;margin: 0px 0px 0px 8px;text-align: left;position: relative;overflow: visible;width: 920px;height:135px;background-image:url(../images/bg_thumbnails_spacer.gif);border-bottom: dotted 1px #383838;}
.box_thumbs_float{float:left;width: 229px;height: 135px;margin-right:1px;margin-top: 1px;}
#box_main_web{padding: 8px 0px 0px 0px;margin: 0px 0px 0px 0px;text-align: left;position: relative;overflow: visible;width: 934px;height:417px;background-image: url(../images/bg_thumbnails_web.gif);background-repeat: no-repeat;}



/*################################################
PORTFOLIO
################################################*/
#box_main_work{padding: 8px;margin: 0px;text-align: left;position: relative;overflow: visible;width: 918px;height:565px;background-image: url(../images/bg_portfolio.gif);background-repeat: no-repeat;}
.box_work_top{padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;text-align: left;position: relative;overflow: visible;height: 466px;width: 918px;}
.box_work_bottom{padding: 28px 8px 0px 8px;margin: 0px;text-align: left;position: relative;overflow: visible;width: 902px;height: 65px;}

#box_main_work h2{font-weight: normal;font-size: 18px;	line-height: 20px;color:#777773;margin: 0px 0px 0px 0px;}
#box_main_work p {text-align: left;margin: 0px 0px 8px 0px;font-size:13px;line-height:17px;padding: 3px 0px 8px 0px;}
.box_work_right{width 100px;height:50px;float:right;width: 170px;text-align: right;margin: 5px 0px 0px 0px;}
#work_layer{position:absolute;visibility:hidden;width:913px;height:466px;top: 0px; left:0px;}



.hand{cursor:hand;}
/*################################################
FOOTER
################################################*/
#box_footer{height: 38px;text-align:left;margin:0px;font-size: 9px;padding:0px 16px 0px 16px;position: relative;font-family: tahoma;}
#box_footer p{font-size: 9px;color:#414141;font-family: tahoma;line-height: 10px;}
#box_footer a:link, #box_footer a:visited, #box_footer a:active, #box_footer a:link, #box_footer a:visited, #box_footer a:active{color:#414141;text-decoration:none;font-family: tahoma;}
#box_footer a:hover, #box_footer a:hover{color:#414141;text-decoration:underline;font-family: tahoma;}
/*################################################
DOTTED LINES
################################################*/
.box_spacer{height:15px; width:100px;}
.box_dottedline{background-image: url(../images/line_dotted_green_hor.gif);background-repeat: repeat-x;margin: 0px 0px 0px 0px;padding: 0px;font-size: 1px;line-height: 1px;height: 8px;}
/*################################################
TEXT
################################################*/
.text_NEW{font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#526BA1;}
.text_9pt { font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 0.65em; line-height: 0.65em;}
.text_10pt {font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 10px;line-height: 12px;}
.text_11pt {font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 15px;margin: 5px 0px 5px 0px;}
.text_12pt {font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.2em;}
.text_serif {font-family:Georgia, 'Times New Roman', Times, serif;}
.text_white, .text_white:link, .text_white:visited, .text_white:hover, .text_white:active{color:#fff;}
.text_green, .text_green:link, .text_green:visited, .text_green:hover, .text_green:active{color:#7ABD00;}
.text_dark_green, .text_dark_green a:link, .text_dark_green a:visited, .text_dark_green a:hover, .text_dark_green a:active{color:#003E7E;text-decoration:none;}
.text_red, .text_red:link, .text_red:visited, .text_red:hover, .text_red:active{color:#CC0000;}
.text_redbox, .text_redbox:link, .text_redbox:visited, .text_redbox:hover, .text_redbox:active{color:#FFFFFF;padding: 0px 4px 0px 5px;text-decoration:none;background-color: #CC0000;font-size: 9px;font-weight: bold;margin: 0px 3px 0px 0px;}
.text_greenbox, .text_greenbox:link, .text_greenbox:visited, .text_greenbox:hover, .text_greenbox:active{color:#000;padding: 0px 4px 1px 3px;text-decoration:none;background-color:#82C900;font-size: 13px;font-weight: bold;margin: 0px 3px 0px 5px;}


.text_back, .text_back a:link, .text_back a:visited, .text_back a:hover, .textback a:active{color:#526A9F;padding:0px;text-decoration:none;font-size:9px;display: block; font-weight:bold;}
table, td {font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;padding:0px 0px 0px 0px;}
.table p {margin:0px;padding:0px;width:115px;}
.transparency_50{ filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;}
.transparency_30{ filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3;}
.hidden{ position:absolute; top:0px; left:-9999px;}
.text_underline{text-decoration:underline;}

/*################################################
NAV MAIN
################################################*/
.navtext{display:none;}
.navbar ul{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;cursor:hand;z-index:2; font-size:11px; font-family:Tahoma;float: left; border:0px;}
.navbar li{list-style-type:none;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;float:left;text-align:center;display:block;font-size:11px;cursor:hand;border:0px;}
.navbar a:link, .navbar a:visited, .navbar a:active{display:block;color:#FFF;text-decoration:none;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;font-size:11px;cursor:hand;border:0px; height:15px; }

.item1{background-image:url(../images/nav_home.gif);background-repeat: no-repeat;height:15px;border:0px; width:28px;display:block; margin:0px 30px 0px 0px;}
.item1:hover{background-image:url(../images/nav_home_f2.gif);height:15px;border:0px;width:28px;display:block;}
li.item1{display:block; margin:0px 0px 0px 30px;}
.item2{background-image:url(../images/nav_portfolio.gif);background-repeat: no-repeat;height:15px;border:0px;display:block;width:52px;}
.item2:hover{background-image:url(../images/nav_portfolio_f2.gif);height:15px;border:0px;display:block;width:52px;}
li.item2{display:block; margin:0px 0px 0px 30px;}
.item3{background-image:url(../images/nav_about.gif);background-repeat: no-repeat;height:15px;border:0px;display:block;width:33px;}
.item3:hover{background-image:url(../images/nav_about_f2.gif);height:15px;border:0px;display:block;width:33px;}
li.item3{display:block; margin:0px 0px 0px 30px;}
.item4{background-image:url(../images/nav_clients.gif);background-repeat: no-repeat;height:15px;border:0px;display:block;width:41px;}
.item4:hover{background-image:url(../images/nav_clients_f2.gif);height:15px;border:0px;display:block;width:41px;}
li.item4{display:block; margin:0px 0px 0px 30px;}
.item5{background-image:url(../images/nav_contact.gif);background-repeat: no-repeat;height:15px;border:0px;display:block;width:45px;}
.item5:hover{background-image:url(../images/nav_contact_f2.gif);height:15px;border:0px;display:block;width:45px;}
li.item5{display:block; margin:0px 0px 0px 30px;}