body { text-align: center; color: #808080; font-family:  verdana; font-size: 14px; margin: 0px; padding: 0px; background-image: url('images/ss_bg.gif'); background-repeat: repeat-x; background-position: center top; }

.desc li { list-style: url('images/orange_list.gif'); margin-left: 20px; }

.link { color: #e48101; }

a img { border: 0px; }



#container { width: 907px; margin: 0px auto; text-align: left;  }

#nav { height: 62px; }

#header { height: 307px; }

#hosting_header { height: 307px; text-align: center; }

#body { display: block; width: 907px; margin-top: 25px; }

#body_left { display: inline; width: 570px; float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #e5e3df; }

#body_right { display: inline; width: 300px; float: left;   }

#body_main { }



p { font-size: 18px; text-indent: 20px; }

p .desc { border-bottom: 1px solid #e5e3df; }



.logo { margin: 40px 0px 0px 0px; }

#logo_slogan { float: left; margin-top: 20px; text-align: center; width: 460px; }

#hosting_logo_slogan { margin: 20px auto; text-align: center; width: 460px; }

#intro { margin-top: 30px; width: 460px; text-align: center; font-weight: bold; font-size: 14px; color: #111111; }



/* mini portfolio settings */

#mini_portfolio { float: right; width: 434px; margin-top: 20px; }

#mini_port_selection { float: left; }

#mini_port_controls { float: right; }

#mini_port_selection a{	width:17px;	height:17px; background:url(http://www.squeezesolutions.com/ss/images/port_example.gif) no-repeat top left; display:block; float:left; border: 0px; }

.port_example { border: 6px solid #fb9c1b; }

.port_list { border: 0px; }


/* find us online settings */
#fuo { background-image: url('images/fuo_bg.gif'); background-repeat: repeat-x; height: 78px; }
#fuo #lcap { float: left; }
#fuo #rcap { float: right; }
#fuo ul { list-style: none; display: inline; }
#fuo ul li { float: left; padding-left: 25px; padding-top: 10px; }

/* featured work settings */

#featuredwork { text-align: center; }

.featured_work_info { font-size: 12px; margin: 0px; padding: 0px; list-style: url('images/orange_list.gif'); color: #fb9c1b; text-decoration: none; font-weight: bold; text-align: left; margin: 10px 0px 0px 50px; }

.work_details { color: #000000; font-weight: normal; }

.featuredwork_image { border: 3px solid #fb9c1b; margin-top: 20px; }



/* footer settings */

#footer { background-image: url('images/footer_bg.gif'); background-repeat: repeat-x; height: 139px; width: 100%; }

#footer_container { margin: 0px auto; width: 800px; text-align: center; padding-top: 10px; }

.bottom_nav { list-style: none; margin: 35px 0px 0px 0px; padding: 0px; }

.bottom_nav li { float: left; }

.footer_link { margin: 0px; padding: 0px; display: inline; color: #723808; font-size: 18px; text-decoration: none; font-weight: bold; float: left; margin-left: 30px; }

.footer_link:hover { color: #fb9c1b;  }

.footer_link:active {color: #ffffff; border: 0px;  }

.footer_links { font-size: 12px; color: #fb9c1b; text-decoration: none; }
.footer_links:hover { text-decoration: underline; }


/* navigation settings */

#nav { width: 800px; height: 60px; margin: 0px auto; position: relative; z-index: 9998; }

#nav #top_nav { margin: 0; padding: 0; }

#nav #top_nav li { display: inline; }

#nav #top_nav li a { float: left; width: 117px; height: 0; font-size: 0px; text-decoration: none; color: #e48101; padding-top: 60px; overflow: hidden; }

#nav #top_nav li a, #nav #top_nav { background-image: url(images/navigation.png); background-repeat: no-repeat; }



/*normal state*/

#nav #top_nav li#nav_home a { background-position: 0px 0px; width: 115px; }

#nav #top_nav li#nav_design a { background-position: -115px 0px; width: 125px; }

#nav #top_nav li#nav_hosting a { background-position: -240px 0px; width: 130px; }

#nav #top_nav li#nav_development a { background-position: -370px 0px; width: 193px; }

#nav #top_nav li#nav_about a { background-position: -563px 0px; width: 115px; }

#nav #top_nav li#nav_contact a { background-position: -688px 0px; width: 120px; }



/*hover state*/

#nav #top_nav li#nav_home a:hover { background-position: 0px -61px; width: 115px; }

#nav #top_nav li#nav_design a:hover { background-position: -115px -61px; width: 125px; }

#nav #top_nav li#nav_hosting a:hover { background-position: -240px -61px; width: 130px; }

#nav #top_nav li#nav_development a:hover { background-position: -370px -61px; width: 193px; }

#nav #top_nav li#nav_about a:hover { background-position: -563px -61px; width: 115px; }

#nav #top_nav li#nav_contact a:hover { background-position: -688px -61px; width: 120px; }



/*active state*/

#nav #top_nav li#nav_home a:active { background-position: 0px -124px; width: 115px; }

#nav #top_nav li#nav_design a:active { background-position: -115px -124px; width: 125px; }

#nav #top_nav li#nav_hosting a:active { background-position: -240px -124px; width: 130px; }

#nav #top_nav li#nav_development a:active{ background-position: -370px -124px; width: 193px; }

#nav #top_nav li#nav_about a:active { background-position: -563px -124px; width: 115px; }

#nav #top_nav li#nav_contact a:active { background-position: -688px -124px; width: 120px; }





/* hosting plans */

.top { text-align: center; }

.data {text-align: center; }

.data2 { text-align: center;  background-color: #eee; }

.detail {  }

.top { width: 130px; }

.PageTable { margin: 0px; padding: 0px; }

.Bordered { border: 1px solid #ccc; }

.FeatureHeader { color: #fb9c1b; }

.FeatureList { list-style: url('images/orange_list.gif'); }



/* form settings */

fieldset { border: 0px; }

legend { }

label { padding: 5px; font-size: 17px; font-weight: bold; color: #db8703; }

.input_data { float: left; width: 150px; }

.submit { border: 1px solid #ffdd94; }

.textarea { background-image: url('images/textarea_bg.png'); background-repeat: repeat-x; height: 131px; border: 1px solid #ffdd94; color: #db8703; font-size: 17px; font-weight: bold; }

.input_field { width: 170px; background-image: url('images/input_bg.png'); background-repeat: repeat-x; height: 25px; border: 1px solid #ffdd94; margin: -3px 0px 5px 5px; color: #db8703; font-size: 17px; }