* { margin: 0; padding: 0; outline: none; }

body
{
	background: #111;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding: 0 0 20px 0;
}

.clear { clear: both; }
img { border: 0; }
img.imgleft { float: left; margin: 0 10px 5px 0; padding: 5px; }
img.imgright { float: right; margin: 0 0 15px 15px; padding: 5px; }
hr { margin: 0 0 5px 0; padding: 0; border: 0; height: 1px; color: #DDD; background: #DDD; }
a { color: #52A9FF; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }

#styleswitch
{
	margin: 0 auto;
	width: 860px;
	height: 40px;
	color: #FFF;
}

#styleswitch ul { float: right; list-style-type: none; background: #222; padding: 0 0 0 15px; }
#styleswitch ul li { float: left; line-height: 40px; padding: 0 15px 0 0; display: inline; }
#styleswitch ul li a.female { float: left; line-height: 40px; padding: 0 5px 0 25px; background: url(../images/ss-bg-female-111.png) no-repeat left center; color: #FF53A8; }
#styleswitch ul li a.male { float: left; line-height: 40px; padding: 0 5px 0 25px; background: url(../images/ss-bg-male-111.png) no-repeat left center; color: #52A9FF; }
#styleswitch ul li a.female:hover, #styleswitch ul li a.male:hover { color: #FFF; }

#headercont
{
	margin: 0 auto;
	width: 860px;
	height: 100px;
}

#headercont #headerlogo
{
	float: left;
	width: 450px;
	height: 100px;
	background: url('../images/logo-blue.png') no-repeat;
}

#headerlogo a { float: left; width: 450px; height: 100px; }

#headercont #headermenu
{
	float: left;
	width: 410px;
	height: 100px;
	background: url('../images/bg-topleft-blue.png') no-repeat;
}

#graphiccont
{
	margin: 0 auto;
	width: 830px;
	padding: 15px;
	height: 220px;
	background: #FFF;
}

#graphic
{
	margin: 0 auto;
	width: 830px;
	height: 220px;
	background: #FFF;
}

#graphicleft
{
	float: left;
	width: 524px;
	height: 220px;
}

#graphicleft ul li.offer { float: left; width: 524px; height: 220px; background: url(../images/gallery-3-blue.png) no-repeat; }

#graphicright
{
	float: left;
	width: 306px;
	height: 220px;
	background: url('../images/bg-graphicright-blue.png') no-repeat;
}

#maincont
{
	margin: 0 auto;
	width: 860px;
	background: #FFF url(../images/bg-maincont.gif) repeat-y;
	line-height: 20px;
}

#maincont p
{
	margin: 0 0 15px 0;
}



#maincont .bulletscont ul { float: left; width: 225px; margin: 0 0 15px 0; font-weight: bold; list-style-type: none; }
#maincont .bulletscont ul li { padding: 0 0 0 26px; background: url(../images/tick.png) left center no-repeat; line-height: 22px; }

#maincont h1, #maincont h2, #maincont h3
{
	margin: 0 0 10px 0;
	font-weight: normal;
	font-size: 22px;
	color: #333;
	text-transform: capitalize;
}

#mainleft
{
	float: left;
	width: 550px;
	padding: 5px 30px 15px 20px;
}

#mainright
{
	float: left;
	width: 240px;
	padding: 15px 20px 15px 0;
}

#footercont
{
	clear: both;
	margin: 0 auto;
	text-align: right;
	width: 830px;
	padding: 15px;
	font-size: 11px;
	background: #FFF;
}

#footer
{
	width: 800px;
	padding: 10px 15px;
	background: #EEE;
	color: #888;
	border-top: 1px solid #CCC;
}

#footer a { color: #52A9FF; }
#footer a:hover { color: #444; text-decoration: none; }



#portfoliocont ul { position: relative; z-index: 10; list-style-type: none; }
ul#portfolio { list-style-type: none; }
#portfoliocont ul li { list-style-type: none; }
#portfolio img { border: 0; }

/* Accordition */

.accordcont { width: 230px; margin: 0 0 15px 0; }

#maincont #mainright h2.trigger
{
	float: left;
	padding: 0;
	margin: 0 0 2px 0;
	background: #FF75B9 url(../images/bg-accord-normal-blue.png) top right no-repeat;
	height: 30px;
	line-height: 30px;
	width: 230px;
	text-indent: 15px;
	font-size: 12px;
	font-weight: bold;
}

#maincont #mainright h2.trigger a { color: #FFF; text-decoration: none; display: block; }
#maincont #mainright h2.active { background: #FF75B9 url(../images/bg-accord-active-blue.png) top right no-repeat; }
#maincont #mainright h2.trigger a:hover { color: #FFF; background: #FF75B9 url(../images/bg-accord-hover-blue.png) top right no-repeat; }

#maincont #mainright .toggle_container
{
	margin: 0 0 0 2px;
	overflow: hidden;
	width: 230px;
	clear: both;
}

#maincont #mainright .toggle_container .block
{
	padding: 15px 15px 5px 15px;
	background: #FFF;
}



/* Contact Form Styles */

.contact_form { background: #CCE0FF; padding: 15px; border-top: 2px solid #B2D1FF; }

.contact_form form, .contact_form table, .contact_form td, .contact_form th 
{ vertical-align: top; text-align: left; }

.contact_form table 
{ border-collapse: collapse; }

.contact_form th, .contact_form td
{ padding: 5px 15px 5px 0; vertical-align: top; text-align: left; }

.contact_form em 
{ text-decoration: none; font-style: normal; font-weight: bold; color: #CC0000; }

.contact_form em.error, .contact_form form em
{ color: #CC0000; margin: 0 0 15px 0; }

.contact_form .error
{ margin: 0 0 15px 0; width: 94%; font-weight: bold; }

.contact_form img
{ margin: 10px 0 0 0; }

.contact_form input, .contact_form textarea 
{ width: 150px; border: 1px solid #7FB2FF; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; }

.contact_form textarea 
{ width: 250px; }

.contact_form input.submit
{ width: auto; background: #7FB2FF; color: #FFF; font-weight: bold; }