body { background:#e7e7e7; font-family:Arial, helvetica, sans-serif; font-size:80%; color:#4d4d4d; margin:0; padding:13px 0 30px }

a { color:#a00; text-decoration:none }
a:hover { color:#db2727 }
p a, li a { font-weight:bold; text-decoration:underline }
img { border:0 }
h1 { font-size:190%; color:#7d50a0; margin:0 }
h2 { font-size:160%; color:#92aa14; font-weight:normal; margin:0 }
h3 { font-size:110%; margin:0 }
hr { height:1px; border:0; color:#999999; background:#999999 }
ul { margin:0; padding-left:14px }
ul li { margin-left:0; padding:5px 0 5px 0; list-style:url(graphics/medal.gif) }
form { margin:0 }
select, input { width:95%; margin-bottom:5px }

p.bullet { margin:0 0 8px; padding:8px 0 8px 30px; background:url(graphics/medal.gif) 0 50% no-repeat }



/* Main Layout */
#layout { width:994px; margin:0 auto }
#layoutheader { height:7px }
html>body #layoutheader { background:url(graphics/layout/top.png) 50% 100% no-repeat }
#layoutheader .left { width:7px; height:7px }
html>body #layoutheader .left { background:url(graphics/layout/topleft.png) 0 0 no-repeat }
#layoutheader .right { float:right; width:7px; height:7px }
html>body #layoutheader .right { background:url(graphics/layout/topright.png) 0 0 no-repeat }
#layoutfooter { height:7px }
html>body #layoutfooter { background:url(graphics/layout/bottom.png) 50% 0 no-repeat }
#layoutfooter .left { width:7px; height:7px }
html>body #layoutfooter .left { background:url(graphics/layout/bottomleft.png) 0 0 no-repeat }
#layoutfooter .right { float:right; width:7px; height:7px }
html>body #layoutfooter .right { background:url(graphics/layout/bottomright.png) 0 0 no-repeat }
#page { padding:0 7px; background:url(graphics/layout/bg-content.gif) 0 0 repeat-y }
html>body #page { background:url(graphics/layout/bg-content.png) 0 0 repeat-y }



/* Header & Menus */
#header { background:url(graphics/header/bg.jpg) 0 0 no-repeat }
#header .logo { float:right; padding:17px 48px 0 0 }

#mainmenu {  }



/* Main Content Area */
#contentlayout { padding:26px 24px }

#content { float:left; width:910px }
#content .columnleft { float:left; width:400px; margin-bottom:25px }
#content .columnright { float:right; width:460px; margin-bottom:25px }

#content .contact { font-size:130%; color:#92aa14 }
#content .contact a { font-weight:bold; color:#92aa14 }
#content .contact a:hover { color:#db2727 }

#sidebar { float:right; width:188px; text-align:center }
#sidebar .products { margin-top:30px; padding:12px; border:1px solid #adc534; background:#f7f9ea }
#sidebar .products strong { font-size:140%; color:#7d50a0 }
#sidebar .products p { color:#92aa14; line-height:200% }


.intro { font-size:120% }
.contactnumbers { margin-bottom:20px; font-size:110%; color:#92aa14; line-height:150% }
.contactnumbers a { color:#92aa14 }
.contactnumbers a:hover { color:#db2727 }
.contactaddress { font-size:110%; color:#7d50a0; line-height:150% }

.login a { padding:5px 20px 5px 10px; font-size:110%; font-weight:bold; color:#db2727; border:1px solid #db2727; background:url(graphics/arrows/red-right.gif) 90% 50% no-repeat }
.login a:hover { color:#7d50a0; border:1px solid #7d50a0; background:url(graphics/arrows/purple-right.gif) 90% 50% no-repeat }



/* Titlebars */
.titlebar .green { padding:3px 14px; color:#fff; font-weight:bold; background:#92aa14 url(graphics/titlebars/bg-green.gif) 0 50% repeat-x }
.titlebar .purple { padding:3px 14px; color:#fff; font-weight:bold; background:#7d50a0 url(graphics/titlebars/bg-purple.gif) 0 50% repeat-x }
.titlebar .red { padding:3px 14px; color:#fff; font-weight:bold; background:#db2727 url(graphics/titlebars/bg-red.gif) 0 50% repeat-x }



/* Content Boxes */
.contentbox .green { padding:14px 14px 0; background:#f7f9ea }
.contentbox .greenfooter { height:18px; background:#f7f9ea url(graphics/contentboxes/corner-green.gif) 100% 100% no-repeat }
.contentbox .grey { padding:14px 14px 0; background:#f3f3f3 }
.contentbox .grey strong { color:#7d50a0 }
.contentbox .greyfooter { height:18px; background:#f3f3f3 url(graphics/contentboxes/corner-grey.gif) 100% 100% no-repeat }
.contentbox .red { color:#4d4d4d; padding:14px 14px 0; background:#fbe9e9 }
.contentbox .red a { color:#db2727 }
.contentbox .red a:hover { color:#7d50a0 }
.contentbox .redfooter { height:18px; background:#fbe9e9 url(graphics/contentboxes/corner-red.gif) 100% 100% no-repeat }




/* Latest News */
.latestnews { color:#4d4d4d }
.latestnews .button { float:right; font-weight:bold }
.latestnews .button a { padding-right:10px; color:#7d50a0; background:url(graphics/arrows/purple-right-small.gif) 100% 60% no-repeat }
.latestnews .button a:hover { color:#db2727; background:url(graphics/arrows/red-right-small.gif) 100% 60% no-repeat }
.latestnews .headline { width:270px; font-weight:bold }
.latestnews .date { font-style:italic }



/* Testimonials */
.client { color:#7d50a0; text-align:right; font-style:italic }



/* Footer and Copyright Area */
#footer { padding:10px 0 30px; color:#adc434; font-size:90% }
#footer_links, #footer_info { padding:0 25px 0 30px; text-align:left }
#footer_links img { float:right; margin-top:-65px }
#footer a { font-weight:normal; text-decoration:none; color:#adc434 }
#footer a:hover { color:#db2727 }
#footer_divider { height:6px; margin:3px 0 3px; background:#adc434; font-size:1% }
html>body #footer_divider { height:6px; margin:3px 0 3px; background:#adc434 }

#copyright { float:left; color:#d3dda1 }
#copyright a { color:#d3dda1; text-decoration:underline }



/* General */
.purple { color:#7d50a0 }
.green { color:#92aa14 }
.red { color:#db2727 }

.bg_purple { background:#7d50a0 }
.bg_green { background:#92aa14 }
.bg_red { background:#db2727 }

.alignleft { text-align:left }
.alignright { text-align:right }
.aligncenter { text-align:center }
.floatleft { float:left }
.floatright { float:right }
.clear { clear:both; height:0; line-height:0; font-size:1%; /*for IE*/ }
.clear_right { clear:right; height:0; line-height:0; font-size:1%; /*for IE*/ }

#trace, .trace { border:solid 1px #ff0000 }