/* CSS Document */
html body
{
background-image: url(../images/body_bg.png);
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
color:#666666;
text-align:center;
font-size:10px;
height:100%; /* needed for container min-height */
}
/* holds everything on the page */
#container
{
position:absolute;
left:50%;
width:750px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
background-image: url(../images/container_bg.png);
background-repeat:no-repeat;
margin:0px 0px 0px -390px;
text-align:left;
padding:0px 15px 0px 15px;
font-size:1.1em;
}
#footer /* set the bottom padding the same as the footer height */
{
clear:both;
width:750px;
height:20px;
border-top:2px solid #EAEAEA;
text-align:center;
padding:5px 0px 10px 0px;
}
#footer a
{
color:#999999;
text-decoration:none;
}
#footer a:hover
{
text-decoration:underline;
color:#000000;
}
/* Main Navigation */
#mainNav
{
width:750px;
display:block;
height:33px;
background-image: url(../images/mainNav_bg.gif);
background-repeat:repeat-x;
margin:0px 0px 1px 0px;
list-style-type:none;
}
#mainNav li
{
float:left;
margin:0;
}
#mainNav li a
{
display:block;
height:33px;
width:250px;
overflow:hidden;
text-indent:-700px;
}
/* Main Nav size and default Bg images */
#mainNav .qJump {background-image: url(../images/nav_qJump.png); background-repeat:no-repeat;}
#mainNav .about {background-image: url(../images/nav_aboutUs.png); background-repeat:no-repeat;}
#mainNav .contact {background-image: url(../images/nav_contact.png); background-repeat:no-repeat;}
/* Main Nav hover states */
#mainNav .qJump:hover, #mainNav .qJump .current {background-image: url(../images/nav_qJump_selected.png);}
#mainNav .about:hover, #mainNav .home .current {background-image: url(../images/nav_aboutUs_selected.png);}
#mainNav .contact:hover, #mainNav .myBL .current {background-image: url(../images/nav_contact_selected.png);}
/* clears the floats in the main navigation pannel */
#mainContent
{
float:left;
width:581px;
background-image: url("../images/rightCol_bg.png");
background-repeat:no-repeat;
height:426px;
margin:0px 0px 0px 10px;
padding:10px 10px 10px 10px;
}
/* page header holder */
#header
{
width:740px;
height:300px;
margin:0px 10px 0px 10px;
overflow:hidden;
}
.logo
{
width:100px;
height:292px;
background-image: url("../images/logo.gif");
background-repeat:no-repeat;
background-position:bottom;
overflow:hidden;
text-indent:-1500px;
float:left;
margin:9px 0px 0px 0px;
}
.headerImage, #map
{
float:left;
width:629px;
height:300px;
margin:0px 0px 0px 10px;
}
/* content Columns */
.columnHolder
{
clear:both;
margin:0px 0px 0px 0px;
font-size:1.1em;
}
#columnHolder
{
margin:0px 0px 0px 5px;
}
.narrowCol
{
width:150px;
float:left;
margin:0px 0px 20px 0px;
}
.idealFor
{
border-top:1px dashed #CECECE;
}
.narrowCol a
{
display:block;
margin:10px 10px 5px 10px;
width:130px;
height:128px;
}
.narrowCol p a
{
margin:0px;
padding:0px;
}
.studio{background-image:url(../images/group_studio_sm.png); background-repeat:no-repeat; overflow:hidden; text-indent:-1000px;}
.occasions{background-image:url(../images/group_occasions_sm.png); background-repeat:no-repeat; overflow:hidden; text-indent:-1000px;}
.business{background-image:url(../images/group_business_sm.png); background-repeat:no-repeat; overflow:hidden; text-indent:-1000px;}
.school{background-image:url(../images/group_schoolNursery_sm.png); background-repeat:no-repeat; overflow:hidden; text-indent:-1000px;}
.phizoo{background-image:url(../images/group-phizoo_sm.png); background-repeat:no-repeat; overflow:hidden; text-indent:-1000px;}
.modelCo{background-image:url(../images/group_modelCo.jpg); background-repeat:no-repeat; overflow:hidden; text-indent:-1000px;}
.studio:hover{background-image:url(../images/group_studio.png); background-repeat:no-repeat;}
.occasions:hover{background-image:url(../images/group_occasions.png); background-repeat:no-repeat;}
.business:hover{background-image:url(../images/group_business.png); background-repeat:no-repeat;}
.school:hover{background-image:url(../images/group_schoolNursery.png); background-repeat:no-repeat;}
.phizoo:hover{background-image:url(../images/group-phizoo.png); background-repeat:no-repeat;}
.modelCo:hover{background-image:url(../images/group_modelCo_sm.jpg); background-repeat:no-repeat;}
.narrowCol p, narrowCol .span p
{
margin:0px 10px 0px 10px;
padding:5px 0px 3px 0px;
line-height:1.3em;
}
.smallCol
{
width:164px;
float:left;
margin:0px 5px 20px 5px;
}
.medCol
{
width:223px;
float:left;
margin:0px 5px 20px 5px;
}
.bigCol
{
width:323px;
float:left;
margin:0px 5px 20px 5px;
}
.xbigCol
{
width:497px;
float:left;
margin:0px 5px 20px 5px;
}
/* Content Styling */
.smallCol p, .medCol p, .bigCol p, .xbigCol p
{
margin:0px 10px 0px 10px;
padding:5px 0px 3px 0px;
line-height:1.3em;
font-size:1.1em;
}
.smallCol .span, .medCol .span, .bigCol .span, .xbigCol .span
{
display:block;
margin:0px 0px 20px 0px;
padding:5px 0px 0px 0px;
background-repeat:no-repeat;
background-position:top;
}
.smallCol .span{background-image: url("../images/smallCol_bg.png");}
.medCol .span{background-image: url("../images/medCol_bg.png");}
.bigCol .span{background-image: url("../images/bigCol_bg.png");}
.xbigCol .span{background-image: url("../images/xbigCol_bg.png");}
#galleryBG .span{background-image: url("../images/blank.png");}
/* default html stuff */
strong
{
font-weight:bold;
color:#4C4C4C;
}
a
{
font-weight:bold;
color:#4C4C4C;
}
a:hover
{
font-weight:bold;
color:#0055FF;
}
#dropmenudiv
{
position:absolute;
font:normal 1em Verdana;
z-index:100;
text-align:left;
border:2px solid #565656;
border-top-width:0px;
}
#dropmenudiv a
{
height:33px;
color:#ffffff;
display: block;
text-decoration: none;
font-weight: bold;
text-indent:10px;
background-image:url(../images/dropDown_bg.png);
background-repeat:no-repeat;
}
#dropmenudiv a img
{
margin:3px 0px 0px 0px;
}
#dropmenudiv a .span
{
margin:12px 0px 0px 0px;
position:absolute;
}
#dropmenudiv a:hover
{
background-image:url(../images/dropDown_bg_hover.png);
background-repeat:no-repeat;
}
.columnHeader
{
margin:10px 0px 0px 0px;
display:block;
height:2px;
overflow:hidden;
background-color:#EAEAEA;
}
h2
{
color:#000000;
margin:6px 0px 6px 0px;
}
ul
{
list-style-type:square;
list-style-position:outside;
margin:0px 15px 0px 25px;
line-height:1.3em;
font-size:1.1em;
}
ul li
{
margin:0px 0px 10px 0px;
}
.clear
{
clear:both;
}
.home_bottomImg
{
width:750px;
height:29px;
bottom:0px;
left:15px;
position:absolute;
}
input
{
width:100%;
margin:3px 10px 0px 0px;
}
.button
{
width:50%;
}
.homeBall{
margin:0px 0px 0px 10px;
}
.request{
display:block;
margin-top:10px;
}