/* Middle Styles */
/*register form default lists*/

#news-item #news > { color:#660000; }
.subject
{
color:#660000;
}
#main_content ul li a
{
font-size:1.1em;
display:block;
width:200px;
padding:5px;
margin-bottom:3px;
text-align:center;
background-color:#330000;
color:#F60;
}
#main_content ul li a:hover
{
font-weight:bold;
font-style:italic;
font-size:1.1em;
display:block;
width:200px;
padding:5px;
margin-bottom:3px;
text-align:center;
background-color:#660000;
color:#00000C;
}

/*form lightbox*/
#main_content img
{
border:none;
}
#main_content
{
color:#F60;
}

.black_overlay{

display: none;

position: absolute;

top: 0%;

left: 0%;

width: 100%;

height: 100%;

background-color: black;

z-index:1001;

-moz-opacity: 0.8;

opacity:.80;

filter: alpha(opacity=80);

}



.white_content {

display: none;

position: absolute;

top: 25%;

left: 25%;

width: 50%;

height: 50%;

padding: 16px;

border: 16px solid orange;

background-color: white;

z-index:1002;

overflow: auto;

}

/*g_link*/

#g_link
{
text-align:center;
position:relative;
width:550px;
margin:10px;
float:left;
}

/*Fees*/

#fees
{
width:550px;
background:url(../steamsun_images/bg/fees.png) no-repeat;
background-position:top right; 
}

/*end of Fees*/

/*facilitiess*/

#facilities
{
/*float:left;*/
width:550px;
height:700px;

background:url(../steamsun_images/bg/Mirror_Frame.png) no-repeat;

}
/*#facilities:hover
{
float:left;
width:550px;
height:700px;

background:none;

}*/
#facilities a
{
/*float:left;*/
color:#F60;

}
/*faqs*/

#faq
{
/*float:left;*/
width:550px;
background:url(../steamsun_images/bg/faqright.gif) no-repeat;

}
/*#cont
{
/*float:left;*/
/*width:550px;
background:url(../steamsun_images/bg/pole_dancer.png) no-repeat;

}*/
#feedback
{
/*float:left;*/
width:550px;
background:url(../steamsun_images/bg/feedback.png) no-repeat;

}
#feed
{
padding:5px;
position:relative;

border-right:5px groove #f60;
}

#faq_q
{
padding:5px;
position:relative;
width:250px;
left:300px;
border-right:5px groove #f60;
}
/*end of faqs*/

/*rota*/

#rota
{
/*float:left;*/
width:550px;
margin:10px;
background:url(../steamsun_images/bg/rota_clock.png) no-repeat;
}
#rota p:first-line
{
color:#F60;
}
#rota p
{
width:500px;
color:#333333;
}
div.img
{
margin: 7px;
border: 1px solid #330000;

width: 165px;
float: left;

}
div.img img
{
display: inline;
margin: 5px;
border: none;
}
div.img a:hover img
{
border:none;
}
/*img list*/

div.imglist
{
margin: 3px;
text-align:center;
height: 340px;
border: 1px solid #330000;

/*width: 165px;*/
float: left;

}
div.imglist img
{
display: inline;
margin: 5px;
border: none;
}
div.imglist a:hover img
{
border:none;
}
/*img list*/
div.prof_img
{
margin: 7px;
/* border: 1px solid #330000; */
padding-bottom:10px; 
width: 535px;
background:url(../steamsun_images/bg/prof_details_bg.png) no-repeat;

background-position:right; 
float: left;

}
div.prof_img_holder
{
margin: 4px;
padding-left:5px;
width: 173px;
float: left;

border: 1px solid #330000;

}


div.prof_img_holder img
{
display: inline;
margin-left: 2px;
border: none;
text-align:center;

}
div.prof_img img img
{
display: inline;
margin: 5px;
width:80px;
height:100px;
border: none;
}
div.prof_img a:hover img
{
border:none;
}
div.desc 
{

font-weight: normal;
width: 150px;
margin: 5px;
padding:5px;
}
div.img p
{


padding:5px;
}


/*the girl details*/

#det
{

position:relative;
background:#333333;
opacity:0.11;
margin-top:10px;
filter:alpha(opacity=10);
margin-left:10px;
width: 325px;
min-height: 400px; 
padding-bottom:20px;
float:left;

color:#000000;
text-decoration:none;
list-style:none;
z-index:3;
}
#tab
{

position:absolute;
background:transparent;
/*opacity:0.2;
filter:alpha(opacity=20);*/
margin-left:198px;
margin-top:10px;
/*margin: 10px 0 0 10px ;*/
width: 325px;
/*min-height: 480px;*/
float:left;
padding-bottom:20px;
color:#000000;
text-decoration:none;
list-style:none;
z-index:4;
}
#tab ul li
{

display:inline;
float:left;
/*padding:3px;*/
margin:0px;
color:#000000;

list-style:none;
}
#tab ul
{

display:inline;
float:left;

margin:0px;
color:#000000;

list-style:none;
}
th { font-weight:normal; text-align:left; color: #838B95; width:70px;}
td {font-size:95%; line-height:13px;color: #F60;}

 #tab ul li a
{
margin:0px;
display:inline;
padding:5px;
border-top:1px solid #35393F;border-bottom: 1px solid #35393F;border-right:1px solid #35393F;
background:#222222;
text-decoration:none;
color:#f60;
float:left; 
list-style:none;
}/**/
#tab ul li a:hover
{
margin:0px;
display:inline;
padding:5px;
background:none;
border-top:1px solid #35393F;
border-bottom:none;
border-right:1px solid #35393F;
color:#e7e7e7;
float:left; 
list-style-type:none;
}
#tab ul li a:focus
{
margin:0px;
display:block;
padding:5px;
background:none;
border-top:1px solid #35393F;
border-bottom:none;
border-right:1px solid #35393F;
color:#e7e7e7;
float:left; 
list-style-type:none;
}
#tab p:first-line
{
color:#330000;
font-variant:small-caps;
}
#tab p
{
color:#F60;
}
#tab h3
{
color:#660000;
font-size:1.6em;
}

#middle ul{padding:0; list-style:none; }

#middle li {padding:0; color:#3f3f3f; }

/**//*
#details #tab .tabs 
{
padding: 5px 0 5px 0;
margin:0; 
list-style:none;  
float:left;
color:#000000;
}
#details #tab .tabs li {
color:#000000;
float:left;
}
#details #tab .tabs li a { 
color:#000000;
padding:  5px 5px; 
border-top:1px solid #35393F;
border-bottom: 1px solid #35393F;
border-right:1px solid #35393F;
float:left; 
color:#838B95 ; 
text-decoration:none; 
background: #222222;
}
#details #tab .tabs li a:hover, .tabs li a:focus {
border-bottom:none; color: #fff ; 
background:none;
float:left; 
}
#details #tab .tabs li a:focus {
border-bottom:none; color: #fff ; 
background:none;
float:left; 
}

*/
/*
ul.tabs {padding: 15px 0 39px 0; margin:0; list-style:none;  float:left; width:100%;}
.tabs li {float:left;}
.tabs li a { padding:  6px 21px; border-top:1px solid #35393F;border-bottom: 1px solid #35393F;border-right:1px solid #35393F;float:left; color:#838B95 !important; text-decoration:none; background: transparent url(../images/bg-tab-grey.gif) repeat-x bottom left;font-size:95%;}
.tabs li a:hover, .tabs li a:focus {color: #fff !important;}
.tabs li a.on {border-bottom:none; color: #fff !important; background:none;}



#details ul {padding: 10px 0 10px 0; margin:0; list-style:none;  float:left; width:100%;}
#details li {float:left;}
#details li a { padding:  6px 21px; border-top:1px solid #35393F;border-bottom: 1px solid #35393F;border-right:1px solid #35393F;float:left; color:#838B95 !important; text-decoration:none; background: transparent url(../images/bg-tab-grey.gif) repeat-x bottom left;font-size:95%;}
#details li a:hover, li a:focus {color: #fff !important;}
#details li a.on {border-bottom:none; color: #fff !important; background:none;}
*/

#middle h3 { height:24px; border-bottom:2px solid #330000; margin-bottom:18px; }

#middle h3.latest-work { background:url(../images/showcase-title.gif) no-repeat; }

#middle h3.game-development { background:url(../images/game-development-title.gif) no-repeat; }

#middle h3.web-design { background:url(../images/web-design-title.gif) no-repeat; }

#middle h3.featured-projects { background:url(../images/featured-projects-title.gif) no-repeat; }

#middle h3.exceedingly-good-work { background:url(../images/exceedingly_good_work_title.gif) no-repeat; }

#middle h3.featured-projects-s { background:url(../images/featured-projects-s-title.gif) no-repeat; }

#middle h3.recent-work { background:url(../images/recent-work-title.gif) no-repeat; }

#middle h3.latest-news { background:url(../images/latest-news-title.gif) no-repeat; }

#middle h3.our-culture { background:url(../images/our-culture-title.gif) no-repeat; }

#middle h3.the-team { background:url(../images/the-team-title.gif) no-repeat; }

#middle h3.management { background:url(../images/management-title.gif) no-repeat; }

#middle h3.studio { background:url(../images/studio-title.gif) no-repeat; }

#middle h3.environmental-policy { background:url(../images/environmental-policy-title.gif) no-repeat; }

#middle h3.brand { background:url(../images/brand-title.gif) no-repeat; }

#middle h3.creative { background:url(../images/creative-middle-title.gif) no-repeat; }

#middle h3.we-do-things-well { background:url(../images/we-do-things-well-title.gif) no-repeat; }

#middle h3.with-passion-title { background:url(../images/with_passion_title.gif) no-repeat; }

#middle h3.we-exceed-expectations { background:url(../images/we_exceed_expectations_title.gif) no-repeat; }

#middle h3.planning-strategies { background:url(../images/planning-strategies-title.gif) no-repeat; }

#middle h3.project-management { background:url(../images/project-management-title.gif) no-repeat; }

#middle h3.account-management { background:url(../images/account-management-title.gif) no-repeat; }

#middle h3.creative-jar { background:url(../images/cj-mid-title.gif) no-repeat; }

#middle h3.we-wont-byte { background:url(../images/we_wont_byte_title.gif) no-repeat; }

#middle h3.amongst-good-company-title { background:url(../images/amongst_good_company_title.gif) no-repeat; }

#middle h3.who-we-are-a-team { background:url(../images/a_team_title.gif) no-repeat; }

#middle h3.graphic-and-print { background:url(../images/graphic-and-print-title.gif) no-repeat; }

#middle h3.animation { background:url(../images/animation-title.gif) no-repeat; }

#middle h3.games { background:url(../images/games-title.gif) no-repeat; }

#middle h3.presentation-design { background:url(../images/presentation-design-title.gif) no-repeat; }

#middle h3.multimedia { background:url(../images/multimedia-title.gif) no-repeat; }

#middle h3.technical { background:url(../images/technical-middle-title.gif) no-repeat; }

#middle h3.web-development { background:url(../images/web-development-title.gif) no-repeat; }

#middle h3.content-management { background:url(../images/content-management-title.gif) no-repeat; }

#middle h3.application-development { background:url(../images/application-dev-title.gif) no-repeat; }

#middle h3.ecommerce { background:url(../images/ecommerce-title.gif) no-repeat; }

#middle h3.css-and-access { background:url(../images/css-and-access-title.gif) no-repeat; }

#middle h3.marketing { background:url(../images/marketing-title.gif) no-repeat; }

#middle h3.online { background:url(../images/online-title.gif) no-repeat; }

#middle h3.offline { background:url(../images/offline-title.gif) no-repeat; }

#middle h3.search { background:url(../images/search-middle-title.gif) no-repeat; }

#middle h3.integrated { background:url(../images/integrated-title.gif) no-repeat; }

#middle h3.supported-services { background:url(../images/supported-services-title.gif) no-repeat; }

#middle h3.hosting { background:url(../images/hosting-title.gif) no-repeat; }

#middle h3.email-broadcasting { background:url(../images/email-broadcasting-title.gif) no-repeat; }

#middle h3.maintenance { background:url(../images/maintenance-title.gif) no-repeat; }

#middle h3.seo-and-ppc { background:url(../images/seo-and-ppc-title.gif) no-repeat; }

#middle h3.analytics-and-measurement { background:url(../images/analytics-and-title.gif) no-repeat; }

#middle h3.products { background:url(../images/products-title.gif) no-repeat; }

#middle h3.quiz-builder { background:url(../images/quiz-builder-title.gif) no-repeat; }

#middle h3.delegate-registration { background:url(../images/delegate-registration-title.gif) no-repeat; }

#middle h3.active-presenter { background:url(../images/active-presenter-title.gif) no-repeat; }

#middle h3.contact-and-map { background:url(../images/contact-and-map-title.gif) no-repeat; }

#middle h3.careers { background:url(../images/careers-title.gif) no-repeat; }

#middle h3.enquiry-form { background:url(../images/enquiry-form-title.gif) no-repeat; }

#middle h3.privacy { background:url(../images/privacy-title.gif) no-repeat; }

#middle h3.site-map { background:url(../images/site-map-title.gif) no-repeat; }

#middle h3.accessibility { background:url(../images/accessibility-title.gif) no-repeat; }

#latest-work p { margin:0; }

#latest-work p:first-line { font-weight:bold; }

#latest-work #work-section { position:relative; height:465px; }

/*#latest-work #work-section ul { margin:0; padding:0; }

#latest-work #work-section ul li { float:left; list-style:none; height:121px; }

#latest-work #work-section .default-text { position:absolute; left:0; top:375px; width:372px; }

#latest-work #work-section ul li ul li { height:95px; }*/

/*#latest-work #work-section ul li ul { position:absolute; left:0; top:375px; width:372px; display:none; background:#fff; }*/

/*#latest-work #work-section ul li:hover ul { display:block; z-index:2; }*/

#featured-work h4 , #featured-projects h4, #recent-work h4, #news-item h4 { font-size:100%; }

#featured-work .feature-work, #portfolio .feature-work { background:#f6f6f6; padding:4px; border:1px solid #eaeaea; margin:8px 0; }

#featured-work .feature-work h4, #portfolio .feature-work h4 { border-bottom:1px solid #d7d7d7; margin:0 0 0 135px; padding-bottom:3px; height:100%; }

#featured-work .feature-work p, #portfolio .feature-work p { font-size:90%; margin-left:135px; height:100%; }

#featured-work .feature-work img, #portfolio .feature-work img { margin-bottom:4px; float:left; }

#featured-work .feature-footer, #portfolio .feature-footer { clear:left; background:#e6e6e6; height:16px; text-align:right; padding:2px 5px 0 0; }

* html #featured-work .feature-footer { margin-top:-10px; }

* html #portfolio .feature-footer { margin-top:-10px; }

*:first-child+html #featured-work .feature-footer { margin-top:-10px; }

*:first-child+html #portfolio .feature-footer { margin-top:-10px; }

#featured-work .feature-footer img, #portfolio .feature-footer img { margin:2px 0 0 4px; float:left; }

#featured-work .feature-footer a, #portfolio .feature-footer a { font-size:90%; color:#272727; }

#portfolio .feature-work { width:291px; float:left; margin:0 8px 8px 0; }

#portfolio { margin-right:-8px; }

#featured-projects .title { background:#f60; color:#fff; font-weight:bold; font-size:110%; height:20px; padding:3px 0 0 10px; position:relative; }

#featured-projects .description { background:#e1e0e0; height:19px; padding:0 0 0 10px; color:#797979; font-size:90%; }

#featured-projects .description img {padding:4px 3px 0 0; }

#featured-projects .title a { display:block; position:absolute; top:4px; right:9px; color:#fff; font-size:80%; text-decoration:none; }

#featured-projects .title a:hover { text-decoration:underline; }

#featured-projects a, #recent-work a { font-weight:bold; }

#project-footer { position:relative; margin-top:40px; }

#project-footer img { border-right:10px solid #fff; }

#project-footer .links { position:absolute; top:0; right:0; text-align:right; }

#project-footer .links a { display:block; }

#project-footer .orange, #project-footer .orange-box { margin-top:10px; background:#f60; padding:3px 9px; color:#fff; font-size:90%; font-weight:bold; }

#project-footer .orange a, #project-footer .orange p, #project-footer .orange-box p { color:#fff; }

#recent-work h4 { margin-bottom:0; }

#recent-work p { margin:0; }

#recent-work .description { font-style:italic; color:#a3a3a3; }

#recent-work img { margin:10px 0 20px 0; }

#news-item h4 a { font-size:90%; font-weight:normal; text-decoration:none; }

#news-item h4 a:hover { text-decoration:underline; }

#news-item .alternative { background:#f5f5f5; }

#news-item .news-item { padding:5px; }

#news-item .hidden { display:none; }

#news-item .show { display:block; }

#the-team { width:372px; border:1px solid #dcdadb; float:left; }

* html #the-team { padding-bottom:2px; }

#the-team img { float:left; margin:2px; }

#the-team-info { height:370px; width:232px; border:1px solid #dcdadb; float:left; margin-left:6px; padding:2px; margin-bottom:20px; }

#the-team-info h4 { color:#f60; margin:0; height:35px; margin-top:15px; margin-left:9px; width:223px; }

#the-team-info h4 span { display:none; }



#the-team-info h4.name-joe { background:url(/media/images/team-name-joe.gif) no-repeat; }

#the-team-info h4.name-billy { background:url(/media/images/team-name-billy.gif) no-repeat; }

#the-team-info h4.name-alex { background:url(/media/images/team-name-alex.gif) no-repeat; }

#the-team-info h4.name-simon { background:url(/media/images/team-name-simon.gif) no-repeat; }

#the-team-info h4.name-charlotte { background:url(/media/images/team-name-charlotte.gif) no-repeat; }

#the-team-info h4.name-mel { background:url(/media/images/team-name-mel.gif) no-repeat; }

#the-team-info h4.name-faye { background:url(/media/images/team-name-faye.gif) no-repeat; }

#the-team-info h4.name-tim { background:url(/media/images/team-name-tim.gif) no-repeat; }

#the-team-info h4.name-nat { background:url(/media/images/team-name-nat.gif) no-repeat; }

#the-team-info h4.name-rich { background:url(/media/images/team-name-rich.gif) no-repeat; }

#the-team-info h4.name-matt { background:url(/media/images/team-name-matt.gif) no-repeat; }

#the-team-info h4.name-greg { background:url(/media/images/team-name-greg.gif) no-repeat; }

#the-team-info h4.name-rob { background:url(/media/images/team-name-rob.gif) no-repeat; }

#the-team-info h4.name-sian { background:url(/media/images/team-name-sian.gif) no-repeat; }

#the-team-info h4.name-paul { background:url(/media/images/team-name-paul.gif) no-repeat; }

#the-team-info h4.name-gareth { background:url(/media/images/team-name-gareth.gif) no-repeat; }




#the-team-info p { margin-left:9px; color:#5b595a; line-height:1.1em; width:220px; }

#middle .clients { float:left; width:175px; margin:0; padding:0; list-style:none; }

#middle .sitemap { margin:0; padding:0; list-style:none; }

#middle ul.sitemap ul { margin:0; padding:0; }

#middle ul.sitemap li { margin-bottom:10px; background:none; margin-left:0; }

#middle ul.sitemap li li { margin-bottom:0; }

#middle .orange { color:#f60; font-weight:bold; }

#middle .orangea { color:#f60; font-weight:	normal; }

#middle .clients, #middle .sitemap a { text-decoration:none; }

#middle .clients a:hover , #middle .sitemap a:hover { text-decoration:underline; }

#middle .clients ul, #middle .clients li { list-style:none; margin:0; padding:0; background:none; }



#enquiry-form input, #enquiry-form textarea { border:1px solid #a19f9f; height:15px; width:360px; color:#f60; font-size:90%; padding:3px 0 0 3px; margin:0 0 3px 0; }

* html #enquiry-form input { margin:0 0 2px 0; }

#enquiry-form .send { width:auto; height:auto; border:0; margin:0 0 10px 0; padding:0; float:left; }

#enquiry-form label { display:none; }

#enquiry-form textarea { font:100% Tahoma, Arial, Helvetica, sans-serif; height:100px; }



#error-text { background:url(../images/error-quote.gif) no-repeat top right; border-left:1px solid #ececed; float:left; margin-left:21px; padding-left:23px; width:687px; margin-bottom:100px; }

#error-text h1 { color:#f60; font-size:220%; margin-top:0; }

#error-text h2 { width:224px; height:17px; background:url(/media/images/lost-title.gif) no-repeat; margin-bottom:0; }

#error-text h3 { width:238px; height:17px; background:url(/media/images/options-title.gif) no-repeat; margin-bottom:0; }

#error-text h2 span, #error-text h3 span { display:none; }

/*#error ol { margin:5px 0 0 23px; padding:0; }

#error ul { margin:5px 0 0 0; padding:0; }

#error ul li { line-height:150%; }

#error ul a { text-decoration:none; }

#error ul a:hover { text-decoration:underline; }*/