/***************************************************

				      GENERAL

***************************************************/



body, html

{
height:100%;
width:100%;

}



body {

	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', arial !important;
	font-size: 85%;
	line-height: 20px;
	color:#111111;

}







h1

{

font-family: 'Rufina', serif !important;
margin:30px 0px;
font-size:260%;
color:#000000;
text-transform:uppercase;

}





h2 {

	font-weight: bold;
	font-style: normal;
	font-size: 115%;
	color: #555555;	
	margin-bottom: 0.5em;
	padding-bottom: 0em;
	font-family: 'Open Sans', arial !important;
	margin-top:30px;

}





p {


}



a {
	color: #04519b;
	text-decoration:none;

}

a:hover {
color:#666666;

}





.cleardiv
{
clear:both;

}





.bluetag

{
color:#0173cb;

}





img
{
border-style:none;
}



.smaller
{
font-size:85%;
line-height:100%;
}



.quote
{
font-family: 'Rufina', serif !important;
color:#666666;
font-size:14px;
line-height:16px;

}



.quotemark
{
font-size:200%;
color:#999999;
}



/***************************************************

						 LAYOUT

***************************************************/



#wrapper
{
width:1000px;
padding:0px 10px;
margin:auto;
margin-bottom:30px;
}



#content-area
{
padding:20px 0px;
}



#content-area-left
{
float:left;
width:65%;
}



#content-area-right
{
float:right;
width:20%;
margin-right:50px;

}



#logo-area
{
margin-bottom:50px;
margin-top:60px;
}



#logo-area img 
{
max-width: 100%;
height: auto !important;
}





/***************************************************

						MENU

***************************************************/



#menu-listing
{
padding:0px 10px;
margin:auto;
}



#menu-listing2

{
padding:70px 10px;
margin:auto;

}



#menu-listing ul, #menu-listing2 ul

{
margin:0px;
padding:0px;
list-style:none;
font-family: 'Rufina', serif !important;
text-transform:uppercase;

}



#menu-listing2 ul

{

border-bottom:1px dotted #cccccc;
width:60%;
font-family: 'Rufina', serif !important;
text-transform:uppercase;

}





#menu-listing li

{
margin:0px;
font-size:150%;
padding:4px 0px;
font-weight:bold;
}



#menu-listing2 li

{

margin:0px;
font-size:300%;
padding:23px 10px;
font-weight:bold;
border-top:1px dotted #cccccc;

}





#menu-listing a, #menu-listing a:link, #menu-listing a:visited,
#menu-listing2 a, #menu-listing2 a:link, #menu-listing2 a:visited

{

color:#000000;

}



#menu-listing a:hover,
#menu-listing2 a:hover

{

color:#666666;

}



body.sec01 #menu-listing .section01,
body.sec02 #menu-listing .section02,
body.sec03 #menu-listing .section03,
body.sec04 #menu-listing .section04,
body.sec05 #menu-listing .section05,
body.sec06 #menu-listing .section06,
body.sec07 #menu-listing .section07,
body.sec08 #menu-listing .section08,
body.sec09 #menu-listing .section09
{

color:#666666;

}





/***************************************************

						 FOOTER

***************************************************/



#footer {

	width: 100%;
	background-color:#eeeeee;
	padding:20px 0px;
	border-top:1px solid #cccccc;
	text-align:center;
	font-size:85%;
	bottom:0px;



}



#footer a {

	color: #666666;
	text-decoration: none;

}

#footer a:hover {

	color: #000;

}



#footer-left

{

float:left;
padding-bottom: 15px;

}



#footer-right

{

float:right;
padding-bottom: 15px;

}


#client-gallery
{
}

#client-gallery li, #client-gallery ul
{
padding:0px;
margin:0px;
list-style:none;
}

#client-gallery li
{
width:30%;
margin-right:1%;
display:block;
float:left;
border:1px solid #d5d5d5;
padding:5px;
text-align:center;
margin-bottom:2%;
}

#client-gallery li span
{
display:block;
background-color:#222222;
color:#ffffff;
padding:5px 7px;
font-size:85%;
line-height:150%;
min-height:40px;
}

#client-gallery li span.height50
{
min-height:55px;
}

#client-gallery li span.height60
{
min-height:70px;
}

#client-gallery ul
{
clear:both;
}