header_style.css

@charset “utf-8″;
/*—————————————————-
Procyon – CSS File
——————————————————*/

body{
/*font-family: Georgia,”Times New Roman”,Times, serif;*/
font-family:”Helvetica Neue”, Helvetica, Arial, sans-serif;
font-size:15px;
color:#444444;
line-height:22px;
padding:0px;
margin:0px;
background-color:#dbe1e3;
overflow-x:hidden;
}

/* links */
a{
color:#3730cc;
text-decoration:underline;
}

a:visited{

color:#3750ac;
text-decoration:none;

}
a:hover{
color:#3760bc;
text-decoration:underline;
}
a img{
border:none
}
.imgcenter{
margin:18px auto 15px auto;
display:block
}
.imgmiddle{
vertical-align:middle;
margin-right:8px;
}
.imgleft{
float:left;
margin:4px 13px 12px 0px;
}
.imgright{
float:right;
margin:4px 0px 12px 13px;
}
.imgborder{
padding:5px;
background-color:#ffffff;
-webkit-box-shadow: 0px 0px 3px #969696;
-moz-box-shadow: 0px 0px 3px #969696;
box-shadow: 0px 0px 3px #969696;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
@media \0screen {
.imgborder{border:1px solid #d5d5d5;}
}
hr {
background-color:#dadada;
border-width:0;
color:#dadada;
height:1px;
line-height:0;
margin:30px 0px !important;
page-break-after:always;
clear:both;
}
strong{color:#757575;}
.italictext{
/*font-family:Georgia,”Times New Roman”,Times, serif;*/
font-size:18px;
font-style:italic;
color:#929292;
line-height:26px;
margin-bottom:28px;
}
.clear{clear:both;}
.center{text-align:center; margin-bottom:10px;}

/* Lists, Blockquotes and Paragraphs */
p, ol{
margin-bottom:24px;
}
ul{
margin-bottom:4px;
}
ul li{
padding:0px 0px 0px 0px;
line-height:20px;
}
code {
background: #fafafa;
padding: 5px 10px;
display: block;
font-size: 12px;
color: #7d7d7d;
margin-bottom: 10px;
border: 1px dotted #eaeaea;
clear: both;
}
pre{
clear: both;
font: 11px Consolas, “Andale Mono”, Courier, “Courier New”, monospace;
background: url(../images/pre_bg.gif) repeat;
border: 1px solid #d3d3d3;
padding: 18px 20px 15px 20px;
line-height: 19px;
overflow:auto;
overflow-Y: hidden;
color: #555;
margin: 0 0 20px 0;
}

/* Pullquotes */
.pullquote_right,.pullquote_left{
color:#9c9c9c;
float:right;
font-size:16px;
letter-spacing:0px;
margin-bottom:0;
margin-top:7px;
margin-left:20px;
padding-left:15px;
width:40%;
font-weight:bold;
font-style:italic;
line-height:1.4em;
border-left:2px solid #cccccc;
}
.pullquote_left{
border-right:2px solid #cccccc;
border-left:none;
float:left;
margin-left:0px;
margin-right:10px;
padding-left:0;
padding-right:15px ;
}

/* Dropcap */
.dropcap1{
font-family:Arial,Tahoma,Verdana;
font-size:22px;
color:#868686;
text-align:center;
background-color:#dddddd;
width:36px\0/;
height:26px\0/;
background:none\0/;
background-image:url(../images/ie-drop1.png)\0/;
background-repeat:no-repeat\0/;
background-position:1px 0px\0/;
-webkit-border-radius: 100px;
-webkit-border-top-right-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius: 100px;
-moz-border-radius-topright: 100px;
-moz-border-radius-bottomright: 100px;
border-radius: 100px;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
margin:8px 5px 0px 0px;
padding:5px 9px 7px 9px;
padding:7px 3px 3px 1px\0/;
float:left;
}
.dropcap2{
font-family:Arial,Tahoma,Verdana;
font-size:22px;
color:#868686;
text-align:center;
background-color:#dddddd;
width:35px\0/;
height:26px\0/;
background:none\0/;
background-image:url(../images/ie-drop2.png)\0/;
background-repeat:no-repeat\0/;
background-position:1px 0px\0/;
margin:8px 5px 0px 0px;
padding:5px 9px 7px 9px;
padding:7px 3px 3px 1px\0/;
float:left;
}
.dropcap3{
font-family:Arial,Tahoma,Verdana;
font-size:32px;
color:#868686;
text-align:center;
margin:8px 5px 0px 0px;
padding:5px 3px 0px 0px;
padding:4px 3px 3px 1px\0/;
float:left;
}

/* Title Color Styling */
.title-purple{color:#770477;}
.title-brown{color:#753b02;}
.title-pink{color:#da6371;}
.title-green{color:#84ac0a;}
.title-blue{color:#029dd8;}
.title-yellow{color:#e7a515;}
.title-red{color:#d12525;}

/* Custom Message Styling */
.info {
margin: 15px 0;
color: #478BBF;
padding: 14px 10px 15px 40px;
background: #DCEFF5 url(../images/info.png) 17px 18px no-repeat;
border: 1px solid #B8E7F5;
}
.success {
margin: 15px 0;
color:#3F9153;
padding: 14px 10px 15px 40px;
background:#D7F7DF url(../images/success.png) 17px 18px no-repeat;
border:1px solid #A3F7B8
}
.error {
margin: 15px 0;
color: #C24848;
padding: 14px 10px 15px 40px;
background: #FFD6D6 url(../images/error.png) 17px 18px no-repeat;
border: 1px solid #FFC2C2;
}
.warning {
margin: 15px 0;
color: #CF9E00;
padding: 14px 10px 15px 40px;
background: #FAF2D7 url(../images/warning.png) 17px 18px no-repeat;
border: 1px solid #FAE8AF;
}

/* Table Style */
.table {
width:100%;
margin-bottom:20px;
background:#f0f0f0;
}
.table th{
font-size:16px;
font-weight:normal;
text-align:left;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
padding:10px 18px;
color:#fff;
border-right:none;
background: -moz-linear-gradient(
center top,
rgba(255, 255, 255, .1) 0%,
rgba(0, 0, 0, .1) 100%
);/* FF3.6 */
background: -webkit-gradient(
linear,
center bottom,
center top,
from(rgba(0, 0, 0, .1)),
to(rgba(255, 255, 255, .1))
);/* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=’#19FFFFFF’, EndColorStr=’#19000000′); /* IE6,IE7 */
-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorStr=’#19FFFFFF’, EndColorStr=’#19000000′)”; /* IE8 */
}
.table td {
font-size:14px;
font-weight:normal;
text-align:left;
padding:10px 18px;
}

.table th.txtleft,
.table td.txtleft{text-align:left;}
.table th.txtright,
.table td.txtright{text-align:right;}
.table th.txtcenter,
.table th.txtcenter{text-align:center;}

.table tr:nth-child(even){background:#ffffff;}
.table tr.odd td{color:#828282;}
.table td{color:#828282;}

.table-black table{border:1px solid #292929;}
.table-black table tr th{background-color: #333333;}

.table-gray table{border:1px solid #525252;}
.table-gray table tr th{background-color: #666666;}

.table-white .table th {color:#666666;}
.table-white table{border:1px solid #cccccc;}
.table-white table tr th{background-color: #FFFFFF;}

.table-red table{border:1px solid #b81f1f;}
.table-red table tr th{background-color: #e62727;}

.table-orange table{border:1px solid #cc4a00;}
.table-orange table tr th{background-color: #ff5c00;}

.table-magenta table{border:1px solid #87013c;}
.table-magenta table tr th{background-color: #A9014B;}

.table-yellow table{border:1px solid #cc9111;}
.table-yellow table tr th{background-color: #ffb515;}

.table-blue table{border:1px solid #008abe;}
.table-blue table tr th{background-color: #00ADEE;}

.table-pink table{border:1px solid #b51a75;}
.table-pink table tr th{background-color: #e22092;}

.table-green table{border:1px solid #749707;}
.table-green table tr th{background-color: #91bd09;}

.table-rosy table{border:1px solid #c15663;}
.table-rosy table tr th{background-color: #F16C7C;}

.table-brown table{border:1px solid #663300;}
.table-brown table tr th{background-color: #804000;}

.table-purple table{border:1px solid #660066;}
.table-purple table tr th{background-color: #800080;}

.table-cyan table{border:1px solid #389f9f;}
.table-cyan table tr th{background-color: #46C7C7;}

.table-gold table{border:1px solid #aa8012;}
.table-gold table tr th{background-color: #D4A017;}

/* Blockquote Style */
blockquote{
background-image:url(../images/quote.png);
background-repeat:no-repeat;
background-position:0px 5px;
font-style:italic;
padding-left:30px;
float:left;
}

/* List Style */
ul.circle-list li{
line-height:18px;
background-image:url(../images/circle.png);
background-repeat:no-repeat;
background-position:0px 11px;
padding:4px 0px 4px 13px;
margin:0px;
}
ul.check-list li{
background-image:url(../images/checklist.png) !important;
background-position:0px 6px;
background-repeat:no-repeat;
padding:0px 0px 0px 20px !important;
line-height:24px !important;
list-style-type:none;
}
ul.delete-list li{
background-image:url(../images/deletelist.png) !important;
background-position:0px 8px;
background-repeat:no-repeat;
padding:0px 0px 0px 20px !important;
line-height:24px !important;
list-style-type:none;
}
ul.arrow-list li{
background-image:url(../images/arrow.gif);
background-position:0px center;
background-repeat:no-repeat;
padding:0px 0px 0px 18px;
line-height:24px;
list-style-type:none;
overflow:hidden;
}
ul.greenarrow-list li{
background-image:url(../images/green-arrow.png) !important;
background-position:0px 8px;
background-repeat:no-repeat;
padding:0px 0px 0px 20px !important;
line-height:24px !important;
list-style-type:none;
}

ul.star-list li{
background-image:url(../images/star-list.png) !important;
background-position:0px 6px;
background-repeat:no-repeat;
padding:0px 0px 0px 20px !important;
line-height:24px !important;
list-style-type:none;
margin-bottom:0px; !important

}
ul.index-list li{
background-image:url(../images/star-list.png) !important;
background-position:0px 6px;
background-repeat:no-repeat;
padding:0px 0px 0px 20px !important;
line-height:24px !important;
list-style-type:none;
float:left;
font-size:16px;
text-shadow:0px 1px 0px #000000;
color:#FFFFFF;

}
ul.nolistblock li{
padding:0px 0px 0px 0px !important;
line-height:20px;
display:inline-block;
margin:10px 10px 0px 0px;
background-image:none !important;
}
li.marginoff{margin-right:0px !important;}
ol li{
list-style:decimal;
line-height:24px;
list-style-position:inside
}

/* Heading */
/*
h1{font-size:32px;color:#747474;margin-bottom:8px;line-height:32px;font-weight:bold;letter-spacing:-1px;}
h2{font-size:28px;color:#747474;margin-bottom:8px;line-height:28px;font-weight:bold;letter-spacing:-1px;}
h3{font-size:22px;color:#747474;margin-bottom:8px;line-height:26px;font-weight:bold;letter-spacing:-1px;}
h4{font-size:18px;color:#747474;margin-bottom:8px;line-height:22px;font-weight:bold;letter-spacing:-1px;}
h5{font-size:16px;color:#747474;margin-bottom:8px;line-height:18px;font-weight:bold;letter-spacing:-1px;}
h6{font-size:14px;color:#747474;margin-bottom:8px;line-height:16px;font-weight:bold;letter-spacing:-1px;}
*/

h1{font-family:”Helvetica Neue”, Helvetica, Arial, sans-serif,Verdana;font-size:32px;color:#747474;margin-bottom:8px;line-height:32px;font-weight:bold;letter-spacing:-1px;}
h2{font-family:”Helvetica Neue”, Helvetica, Arial, sans-serif,Verdana;font-size:28px;color:#747474;margin-bottom:8px;line-height:28px;font-weight:bold;letter-spacing:-1px;}
h3{font-family:”Helvetica Neue”, Helvetica, Arial, sans-serif,Verdana;font-size:22px;color:#747474;margin-bottom:8px;line-height:26px;font-weight:bold;letter-spacing:-1px;}
h4{font-family:”Helvetica Neue”, Helvetica, Arial, sans-serif,Verdana;font-size:18px;color:#747474;margin-bottom:8px;line-height:22px;font-weight:bold;letter-spacing:-1px;}
h5{font-family:”Helvetica Neue”, Helvetica, Arial, sans-serif,Verdana;font-size:16px;color:#747474;margin-bottom:8px;line-height:18px;font-weight:bold;letter-spacing:-1px;}
h6{font-family:”Helvetica Neue”, Helvetica, Arial, sans-serif,Verdana;font-size:14px;color:#747474;margin-bottom:8px;line-height:16px;font-weight:bold;letter-spacing:-1px;}

/* Text Styled */
.boldtext-medium{font-size:14px; font-weight:bold; color:#c6c6c6}
.boldtext-strong{font-size:22px; font-weight:bold; color:#c6c6c6}
small{font-size:11px;}

/* Normal Button Styling */
.button, .button span {
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position:absolute;
z-index:100;
}
.button {
white-space: nowrap;
line-height:1em;
position:relative;
outline: none;
overflow: visible; /* removes extra side padding in IE */
cursor: pointer;
border: 1px solid #999;/* IE */
border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
border-bottom:rgba(0, 0, 0, .4) 1px solid;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
background: -moz-linear-gradient(
center top,
rgba(255, 255, 255, .1) 0%,
rgba(0, 0, 0, .1) 100%
);/* FF3.6 */
background: -webkit-gradient(
linear,
center bottom,
center top,
from(rgba(0, 0, 0, .1)),
to(rgba(255, 255, 255, .1))
);/* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=’#19FFFFFF’, EndColorStr=’#19000000′); /* IE6,IE7 */
-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorStr=’#19FFFFFF’, EndColorStr=’#19000000′)”; /* IE8 */
-moz-user-select: none;
-webkit-user-select:none;
-khtml-user-select: none;
user-select: none;
margin-bottom:10px;
}
.button.full, .button.full span {
display: block;
}
.button:hover, .button.hover {
background: -moz-linear-gradient(
center top,
rgba(255, 255, 255, .2) 0%,
rgba(255, 255, 255, .1) 100%
);/* FF3.6 */
background: -webkit-gradient(
linear,
center bottom,
center top,
from(rgba(255, 255, 255, .1)),
to(rgba(255, 255, 255, .2))
);/* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=’#33FFFFFF’, EndColorStr=’#19FFFFFF’); /* IE6,IE7 */
-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorStr=’#33FFFFFF’, EndColorStr=’#19FFFFFF’)”; /* IE8 */
text-decoration:none;
}
.button:active, .button.active {
top:1px;
}
.button span {
position: relative;
color:#fff;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
border-top: rgba(255, 255, 255, .2) 1px solid;
padding:7px 22px 11px 22px;
line-height:1em;
text-decoration:none;
text-align:center;
white-space: nowrap;
}

.button.small span {
font-size:12px;
}
.button.medium span {
font-size:15px;
}
.button.large span {
font-size:19px;
}

.button.black {
background-color: #333333;
}
.button.gray {
background-color: #666666;
}
.button.white {
background-color: #FFFFFF;
}
.button.white span{
color: #666666;
}
.button.red {
background-color: #e62727;
}
.button.orange {
background-color: #ff5c00;
}
.button.magenta {
background-color: #A9014B;
}
.button.yellow {
background-color: #ffb515;
}
.button.blue {
background-color: #00ADEE;
}
.button.pink {
background-color: #e22092;
}
.button.green {
background-color: #91bd09;
}
.button.rosy {
background-color: #F16C7C;
}
.button.brown {
background-color: #804000;
}
.button.purple {
background-color: #800080;
}
.button.cyan {
background-color: #46C7C7;
}
.button.gold {
background-color: #D4A017;
}

/* Big Button Styling */
a.button-big {
background: transparent url(‘../images/bg_button_a.png’) no-repeat scroll top right;
color: #474d5a;
display: block;
float: left;
/*font-family:Arial,Tahoma,Verdana;*/
font-weight:bold;
font-size:16px;
text-shadow:0px 1px 0px #ffffff;
height: 41px;
margin-right: 12px;
padding-right: 26px; /* sliding doors padding */
text-decoration: none;
}
a.button-big span {
background: transparent url(‘../images/bg_button_span.png’) no-repeat;
display: block;
line-height: 17px;
padding: 10px 0 14px 27px;
}
a.button-big:active {
background-position: bottom right;
color: #93979d;
outline: none; /* hide dotted outline in Firefox */
}
a.button-big:active span {
background-position: bottom left;
padding: 10px 0 14px 27px; /* push text down 1px */
}

/* Big Button Styling */
a.button-med {
background: transparent url(‘../images/bg_button_a.png’) no-repeat scroll top right;
color: #474d5a;
display: block;
float: left;
/*font-family:Arial,Tahoma,Verdana;*/
font-weight:bold;
font-size:16px;
text-shadow:0px 1px 0px #ffffff;
height: 41px;
margin-right: 12px;
padding-right: 26px; /* sliding doors padding */
text-decoration: none;
}
a.button-med span {
background: transparent url(‘../images/bg_button_span.png’) no-repeat;
display: block;
line-height: 15px;
padding: 10px 0px 14px 27px;
}
a.button-med:active {
background-position: bottom right;
color: #93979d;
outline: none; /* hide dotted outline in Firefox */
}
a.button-med:active span {
background-position: bottom left;
padding: 10px 0 14px 27px; /* push text down 1px */
}

/* Login Button Styling */
a.login {
background: transparent url(‘../images/bg_login_a.png’) no-repeat scroll top right;
color: #4f4f4f;
display: block;
float: left;
font-size:12px;
/*font-family:Arial,Tahoma,Verdana;*/
font-weight:bold;
text-shadow:0px 1px 0px #ffffff;
height: 30px;
margin-right: 12px;
padding-right: 16px; /* sliding doors padding */
text-decoration: none;
}
a.login span {
background: transparent url(‘../images/bg_login_span.png’) no-repeat;
display: block;
line-height: 17px;
padding: 5px 0 8px 41px;
}
a.login:active {
background-position: bottom right;
color: #93979d;
outline: none; /* hide dotted outline in Firefox */
}
a.login:active span {
background-position: bottom left;
padding: 5px 0 8px 41px; /* push text down 1px */
}

/* CONTAINER
——————————————————*/
#container{
margin:0px auto;
}
#header-container{
width:960px;
height:485px;
margin:0px auto;
background-image:url(../images/bg-glow-top.png);
background-repeat:no-repeat;
background-position:top center;
}
#header-container-inner{
width:960px;
height:239px;
margin:0px auto;
background-image:url(../images/bg-glow-top.png);
background-repeat:no-repeat;
background-position:top center;
}
#header-spacer{
width:960px;
height:120px;
margin:0px auto;

}

/* HEADER
——————————————————*/
#header{
width:960px;
height:96px;
float:left;
}
#logo{
width:126px;
margin:7px 30px 0px 0px;
position:relative;
z-index:100;
float:left;
}
#login-wrapper{
width:116px;
margin-top:17px;
float:left;
}
#phone-number{
width:960px;
margin:50px 0px 21px 0px;
text-align:right;
float:left;
}
#phone-number h3{
margin-right:33px;
color:#ffffff;
text-shadow:0px 1px 0px #000000;
}
#pagetitle-wrapper{
width:960px;
height:108px;
background-image:url(../images/bg-slideshow.png);
background-repeat:repeat;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
float:left;
}
#pagetitle-wrapper h1{
margin:24px 0px 21px 30px;
color:#ffffff;
text-shadow:0px 1px 0px #000000;
}
#breadcumb{
width:900px;
height:28px;
padding:3px 30px 0px 30px;
font-family:Arial,Tahoma,Verdana;
font-size:11px;
color:#ffffff;
background-image:url(../images/slide-menu-bg.gif);
background-repeat:repeat-x;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}

/* MAINMENU
——————————————————*/
#menu-wrapper{
width:100%;
height:55px;
background-image:url(../images/bg-menu-container.png);
background-repeat:repeat-x;
position:fixed;
z-index:150;
}
#menu-container{
width:960px;
margin:0px auto;
}
#mainmenu{
width:631px;
margin:18px 10px 0px 30px;
float:left;
}
#mainmenu ul{
/*font-family:Arial,Tahoma,Verdana;*/
font-weight:bold;
font-size:14px;
letter-spacing:-1px;
line-height:38px;
z-index:100;
position:relative;
float:right;
}
#mainmenu ul li{
float:left;
padding:3px 15px 8px 15px;
color:#a3c6dc;
text-shadow:0px 1px 0px #000000;
position:relative;
}
#mainmenu ul li a, #mainmenu ul li a:visited{
color:#efefef;
text-decoration:none;
width:105px;
}
#mainmenu ul li li a{
display:block;
float:left;
}
#mainmenu ul li a:hover, #mainmenu ul li.current a{
text-decoration:none;
color:#ffffff;
}
#menu li li{
margin:0 0 0px 0px !important;
padding:0px !important;
position:relative;
z-index:100;
line-height:20px !important
}
#menu ul{
display:none;
position:absolute;
top:30px;
left:0px;
width:139px;
padding:4px 0px 5px 4px!important;
background-color:#4b4b4b;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#menu ul li{
background-image:url(../images/slide-menu-bg.gif);
background-repeat:repeat-x;
}
#menu ul ul{
top:0px; left:139px;
}
#menu li ul a, #menu li ul a:visited{
width:115px;
padding:3px 10px;
font-size:12px;
font-weight:bold;
color:#ffffff !important;
line-height:24px;
z-index:100;
text-decoration:none;
}

/* SLIDESHOW
——————————————————*/
#slideshow-wrapper{
width:960px;
height:376px;
background-image:url(../images/bg-slideshow.png);
background-repeat:repeat;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
float:left;
}
#slideshow-shadow{
width:1067px;
height:108px;
margin-bottom:-30px;
position:relative;
top:-51px;
left:-54px;
background-image:url(../images/bg-shadow.png);
background-image:url(../images/bg-shadow-ie8.png)\0/;
background-repeat:no-repeat;
z-index:80;
float:left;
}
#slideshow{
margin-top:1px;
float:left;
}
ul#slide-main{
width:960px;
height:304px;
margin:0px;
padding:0px;
list-style-type:none;
float:left;
}
ul#slide-title{
width:960px;
height:72px;
position:relative;
background-image:url(../images/slide-menu-bg.gif);
background-repeat:repeat-x;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
list-style-type:none;
z-index:100;
float:left;
}
ul#slide-title a:hover{
text-decoration:none;
background-color:#404040;
}
ul#slide-title p:hover{
text-decoration:none;
background-color:#404040;
}

ul#slide-title .title:hover{
text-decoration:none;
background-color:#404040;
}

ul#slide-title .activeSlide{
width:238px;
height:47px;
margin-top:-25px;
padding-top:25px;
background-color:#202020;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
float:left;
}
.slide-image{
width:960px;
height:328px;
list-style-type:none;
position:absolute;
float:left;
}
.slide-icon{
width:25px;
height:25px;
margin:0px 4px 0px 15px;
float:left;
}
.title{
width:240px;
height:47px;
font-family:Arial,Tahoma,Verdana;
font-weight:bold;
font-size:20px;
text-align: center;
letter-spacing:0px;
color:#ffffff;
text-shadow:0px 1px 0px #000000;
padding-top:25px;
background-image:url(../images/v-line-slide.gif);
background-position:right;
background-repeat:repeat-y;
margin-top: 0px;
float:left;
}
.title p{
margin:-12px 0px 0px 0px;
width: 185px;
height: 47px;
text-align: left;
float: right;
padding-left:0px;

}
.line-last{
background-image:none;
}
.title a, .title a:visited{
color:#ffffff;
text-decoration:none;
}
/* SLIDE-TEXT1 */
.slide-text1{
width:540px;
margin-left:105px;
float:left;
}
.slide-text1 h2{
width:inherit;
font-size:30px;
margin:40px 0px 10px 0px;
color:#ffffff;
text-shadow:0px 1px 0px #000000;
text-align:center;
float:left;
}
.slide-text1 p{
width:inherit;
font-size:18px;
margin-top:15px;
line-height:22px;
text-align:justify;
color:#ffffff;
text-shadow:0px 1px 0px #000000;
float:left;
}
.slide-image1{
width:280px;
height:363px;
margin:0px 0px 0px 0px;
float:left;
}
/* SLIDE-TEXT2 */
.slide-text2{
width:400px;
margin-left:30px;
float:left;
}
.slide-text2 h2{
width:inherit;
font-size:19px;
margin:30px 0px 0px 0px;
color:#ffffff;
text-align:center;
text-shadow:0px 1px 0px #000000;
float:left;
}
.slide-text2 p{
margin-top:14px;
font-size:16px;
line-height:22px;
color:#ffffff;
text-align:justify;
text-shadow:0px 1px 0px #000000;
float:left;
}
.slide-image2{
width:420px;
height:363px;
margin:10px 0px 10px 60px;
float:right;
}
/* SLIDE-TEXT3 */
.slide-text3{
width:420px;
margin-left:20px;
float:right;
}

.slide-text3 h2{
width:inherit;
font-size:19px;
margin:45px 0px 15px 0px;
color:#ffffff;
text-shadow:0px 1px 0px #000000;
z-index:100;
text-align:center;
}
.slide-text3 p{
width:inherit;
margin:10px 0px 15px 0px;
font-size:16px;
line-height:24px;
color:#ffffff;
text-shadow:0px 1px 0px #000000;
text-align:justify;
z-index:100;
}
.slide-image3{
margin:20px 0px 0px 5px;
float:left;
}
/* SLIDE-TEXT4 */
.slide-text4{
width:440px;
margin-left:35px;
float:left;
}
.slide-text4 h2{
width:inherit;
font-size:18px;
margin:40px 0px 10px 0px;
color:#ffffff;
text-shadow:0px 1px 0px #000000;
float:left;
text-align: center;
}
.slide-text4 p{
text-align: justify;
width:inherit;
font-size:16px;
line-height:24px;
color:#ffffff;
text-shadow:0px 1px 0px #000000;
float:left;
}
.slide-image4{
width:420px;
height:315px;
margin:0px 0px 0px 60px;
float:right;
}
.slidecenter-img{
text-align:center;
}
.slide-button{
margin:0px 0px 0px 0px;
float:right;
}
.slide-button-3{
margin:5px 0px 0px 0px;
float:right;
z-index:100;
}
.ipd-case{
width:390px;
height:368px;
margin:-64px 0px 0px 53px;
padding:0px 0px 0px 61px;
background-image:url(../images/ipd-case.png);
background-repeat:no-repeat;
float:left;
}
.imgslide-right{
width:439px;
height:363px;
margin:10px 0px 10px 53px;
float:left;
}

/* Retina Effect styling */
.webpage{
width:342px;
height:307px;
position:absolute;
margin:60px 0px 0px -8px;
}
.retina{
background:url(‘../images/webpage.png’) no-repeat center center white;
border:2px solid white;
position:absolute;
height:180px;
width:180px;
z-index:100;
display:none;
cursor:url(‘../images/blank.cur’),default;
-moz-box-shadow:0 0 5px #777, 0 0 10px #aaa inset;
-webkit-box-shadow:0 0 5px #777;
box-shadow:0 0 5px #777, 0 0 10px #aaa inset;
-moz-border-radius:90px;
-webkit-border-radius:90px;
border-radius:90px;
}

.retina.chrome{
cursor:url(‘../images/blank_google_chrome.cur’),default;
}

/* S3 Slider styling */
#s3slide {
width: 960px;
height: 377px;
position: relative;
overflow: hidden;
}
#s3slide:after{
content:”;
position:relative;
width:944px;
height:360px;
border:8px solid #ffffff;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
-khtml-opacity:.30;
-moz-opacity:.30;
-ms-filter:”alpha(opacity=30)”;
filter:alpha(opacity=30);
opacity:.30;
top:0px;
float:left;
display:none\0/;
}
ul#s3slideContent li img {
height: 376px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}
#s3slide h2 {
font-size:24px;
color:#ffffff;
margin-bottom:0px;
}
#s3slide h3 {
font-size:16px;
color:#ffffff;
margin-bottom:8px;
}
#s3slideContent {
width: 960px;
position: absolute;
top: 0;
margin-left: 0;
}
.s3slideImage {
float: left;
position: relative;
display: none;
}
.s3slideImage span strong{
font-family:Arial,Tahoma,Verdana;
font-size:22px;
line-height:22px;
margin-bottom:15px;
color: #fff;
float:left;
}
.s3slideImage div {
position: absolute;
padding: 15px 20px;
background-image:url(../images/bg-slidess3.png);
background-repeat:repeat;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
color: #fff;
display: none;
}
.clear {
clear: both;
}
.top .s3text{ /* top caption */
width:666px;
font-size:14px;
line-height:22px;
margin-right:30px;
float:left;
}
.top {
top: 0;
left: 0;
width: 842px !important;
height: 40px;
margin:45px 0px 0px 39px;
}
.top a{
margin-top:2px;
}
.bottom .s3text{ /* bottom caption */
width:666px;
font-size:14px;
line-height:22px;
margin-right:30px;
float:left;
}
.bottom {
bottom: 0;
left: 0;
width: 842px !important;
height: 40px;
margin:0px 0px 45px 39px;
}
.bottom a{
margin-top:2px;
}
.right .s3text{ /* right caption */
width:320px;
font-size:14px;
line-height:22px;
margin-right:30px;
float:left;
}
.right {
right: 0;
bottom: 0;
width: 320px !important;
height: 210px;
margin:0px 39px 74px 0px;
}
.right a{
margin-top:18px;
}
.left .s3text{ /* left caption */
width:320px;
font-size:14px;
line-height:22px;
margin-right:30px;
float:left;
}
.left {
top: 0;
left: 0;
width: 320px !important;
height: 210px;
margin:74px 0px 0px 39px;
}
.left a{
margin-top:18px;
}

/* CONTENT
——————————————————*/
#content{
width:960px;
margin:0px auto;
}
.maincontent{
width:930px;
background-color:#ffffff;
-webkit-box-shadow: 0px 1px 2px 1px #b9bebf;
-moz-box-shadow: 0px 1px 2px 1px #b9bebf;
box-shadow: 0px 1px 2px 1px #b9bebf;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-top:-29px;
padding:10px 15px 20px 15px;
float:left;
}
.maincontent-inner{
width:930px;
background-color:#ffffff;
-webkit-box-shadow: 0px 1px 2px 1px #b9bebf;
-moz-box-shadow: 0px 1px 2px 1px #b9bebf;
box-shadow: 0px 1px 2px 1px #b9bebf;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-top:-29px;
padding:45px 15px 50px 15px;
float:left;
}
#content-left{
width:620px;
margin-right:30px;
margin-left:15px;
float:left;
}
#content-right{
width:620px;
margin-left:10px;
margin-right:10px;
float:left;
}
#sidebar-left{
width:250px;
margin-left:15px;
background-image:url(../images/sdb-left.gif);
background-position:right;
background-repeat:repeat-y;
padding:0px 0px;
float:left;
}
#sidebar-right{
width:250px;
background-image:url(../images/sdb-right.gif);
background-position:left;
background-repeat:repeat-y;
padding:0px 0px;
float:left;
}
#sidebar-left-top{
width:250px;
background-image:url(../images/sdb-left-top.gif);
background-position:top right;
background-repeat:no-repeat;
padding:0px 0px;
float:left;
}
#sidebar-right-top{
width:250px;
background-image:url(../images/sdb-right-top.gif);
background-position:top left;
background-repeat:no-repeat;
padding:0px 0px;
float:left;
}
#sidebar-left-bottom{
width:250px;
background-image:url(../images/sdb-left-bottom.gif);
background-position:bottom right;
background-repeat:no-repeat;
padding:0px 0px;
float:left;
}
#sidebar-right-bottom{
width:250px;
background-image:url(../images/sdb-right-bottom.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding:0px 0px;
float:left;
}

/* Front Content */
#top-content{
width:900px;
margin:-10px 0px 0px -15px;
padding:5px 30px;
background-image:url(../images/top-content-gradient.gif);
background-repeat:repeat-x;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
float:left;

}
.front-left{
width:620px;
float:left;
}
.front-right{
width:310px;
float:left;
}
.front-icon{
width:50px;
margin:-10px 5px 0px 0px;
float:left;
}
.front-content p{
float:left;
margin-top:5px;
}
.front-testimonials{
width:900px;
/*font-family:Georgia,”Times New Roman”,Times, serif;*/
margin:39px auto;

}
.front-testimonials ul li{
width:900px;
text-align:center;
}
.testi-text{
font-size:17px;
width: 800px;
margin:auto auto 10px auto;
letter-spacing:0px;
/*color:#666666;*/
vertical-align: center;
}
.testi-text p {
text-align:justify;

}
.testi-logo{
margin:15px 15px 0px 304px;
float:left;
}
.testi-client{
border-left:1px solid #dcdbdb;
/*color:#444444;*/
letter-spacing:0px;
margin:20px 0px 0px 0px;
margin-top:auto;
margin-bottom:auto;
padding:5px 0px 5px 15px;
float:left;
text-align:left;
font-size:15px;
}

/* Twitter */
#twitter-bird{
width:61px;
background-image:url(../images/dot-arrow.png);
background-position:56px 14px;
background-repeat:no-repeat;
margin:12px 8px 5px 19px;
float:left;
}
.twitted {
width:689px;
margin:20px 0px 0px 15px;
float:left;
}
.twitted p.preLoader {
margin: -10px 0px 0px -12px;
padding: 1em 1em 1em 3em;
font-size:11px;
font-family:Arial,Tahoma,Verdana;
background: transparent url(“../images/loading-contact.gif”) 1em center no-repeat;
}
.twitted ul#twitter_update_list {
margin: 0;
padding: 0;
list-style-type: none;
}
.twitted ul#twitter_update_list li {
width:689px;
font-family:Arial,Tahoma,Verdana;
font-size:11px;
color:#949494;
margin:0px 0px 10px 0px;
padding:0px 0px 10px 0px;
border-bottom: 1px solid #c5c5c5;
}
.twitted ul#twitter_update_list li span {
/* tweet content */
display: block;
}
.twitted ul#twitter_update_list li span a {
/* links in tweet content */
color: #a7a7a7;
}
.twitted ul#twitter_update_list li a {
/* timestamp link */
color: #a7a7a7;
}
.twitted ul#twitter_update_list li.firstTweet {
}
.twitted ul#twitter_update_list li.lastTweet {
border-bottom: none;
}
.twitted p.profileLink {
display: block;
margin:0px -12px 10px 0px;
padding: 0.3em 1em;
float:right;
}
#fb-like{
width:81px;
margin:22px 0px 0px 0px;
float:left;
}

/* Founder Prolog */
#founder-prolog{
width:900px;
margin-left:15px;
padding:34px 0px 5px 0px;
float:left;
}
.founder-img{
width:91px;
height:126px;
margin:-15px 35px 0px 81px;
float:left;
}
.prolog-text{
width:643px;
line-height:24px;
float:left;
}

.divider-fullwidth{
width:900px;
height:26px;
margin:15px 15px 35px 15px;
background:url(../images/divider.gif) repeat-x;
clear:both;
display:block;
}
.divider-content{
width:100%;
height:26px;
margin:43px 0px 35px 0px;
background:url(../images/divider.gif) repeat-x;
clear:both;
display:block;
}

/* Footer Styling */
#bottom-wrapper{
width:960px;
margin:0px auto;
}
#bottom-content{
width:882px;
font-family:Arial,Tahoma,Verdana;
font-size:14px;
line-height:18px;
color:#a8a8a8;
background-color:#383939;
background-image:url(../images/footer-glow.png);
background-repeat:no-repeat;
background-position:11px 7px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
-webkit-box-shadow: 0px 1px 2px 1px #b9bebf;
-moz-box-shadow: 0px 1px 2px 1px #b9bebf;
box-shadow: 0px 1px 2px 1px #b9bebf;
margin:0px auto 0px auto;
padding:35px 49px 18px 29px;
float:left;
}
#bottom-content h5{
color:#ffffff;
text-shadow:0px 1px 0px #000000;
}
.logofooter-column{
width:200px;
margin-right:60px;
padding:10px 0px 30px 4px;
float:left;
}
.contactbottom-column{
width:165px;
margin-right:50px;
float:left;
}
.socialbottom-column{
width:104px;
margin-right:75px;
float:left;
}
ul.social-list{
width:154px;
padding:0px;
list-style-type:none;
}
ul.social-list li{
width:24px;
margin:5px 5px -5px 0px;
float:left;
}
.linkbottom-column{
width:93px;
margin-right:33px;
float:left;
}
ul.list-bottom{
margin:0px;
padding:0px;
list-style-type:none;
}
ul.list-bottom li{
line-height:18px;
color:#a8a8a8;
}
ul.list-bottom li a, ul.list-bottom li a:visited{
color:#a8a8a8;
text-decoration:none;
}
.mailingbottom-column{
width:172px;
margin-right:0px;
float:left;
}
#copyright-text{
width:960px;
font-family:Arial,Tahoma,Verdana;
font-size:11px;
color:#939393;
text-align:center;
margin:0px auto;
padding:14px 0px 14px 0px;
clear:both;
}
#copyright-text a, #copyright-text a:visited{
color:#939393;
text-decoration:none;
}
#copyright-text a:hover{
color:#939393;
text-decoration:underline;
}
.backtop{
top:1px;
left:3px;
position:relative;
}

/* Newsletter styling */
#newsletter{
margin:-12px 0px 5px 0px;
float:left;
}
#nlt-form{
width:114px;
font-size:11px;
color:#868686;
padding:8px 8px 8px 8px;
background-color:#4d5050;
border:none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#nlt-form:focus{
color:#a8a8a8;
}
#newsletter .sub-button{
width:31px;
border:none;
font-weight:bold;
letter-spacing:-1px;
background-color:#ffffff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #383939;
margin-left:5px;
padding:5px 0px;
cursor:pointer;
}

/* Newsletter styling */
#demo{
margin:-12px 0px 0px 0px;
float:left;
}
#demo-form{
width:140px;
font-size:12px;
color:#333333;
padding:8px 8px 8px 8px;
background-color:#cccccc;
border:1px solid black;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#demo-form:focus{
color:#3D59AB;
}
#demo .sub-button{
width:31px;
font-size:14px;
border:1px solid black;
font-weight:bold;
letter-spacing:0px;
background-color:#800000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #eeeeee;
margin-left:5px;
padding:5px 0px;
cursor:pointer;
}

/* Search styling */
#search-right{
margin:10px 0px 17px 17px;
float:left;
}
#search-left{
margin:10px 0px 17px 0px;
float:left;
}
#search-form{
width:140px;
font-size:11px;
color:#a8a8a8;
padding:8px 8px 8px 8px;
border:none;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* Safari CSS Hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#search-form{
width:138px;
}
}
#search-form:focus{
color:#a8a8a8;
}
#search-right .sub-button, #search-left .sub-button, #search-error .sub-button{
border:none;
font-weight:bold;
letter-spacing:-1px;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #747474;
margin-left:5px;
padding:5px 8px 6px 8px;
cursor:pointer;
}
/* Opera CSS Hack */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
#search-right .sub-button, #search-left .sub-button, #search-error .sub-button{
background-color:#f0f0f0;
padding:6px 8px 8px 8px;
}
}

/* Sidebar Left */
.sidebar-content-left{
width:250px;
margin:20px 0px 0px 0px;
float:left;
}
.sidebar-content-left h5{
padding:0px 18px 15px 0px;
border-bottom:1px solid #e8e8e8;
}
.sidebar-content-left p{
font-style:italic;
margin:15px 18px 25px 0px;
}
.sidebar-content-left ul.sidebar-list{
margin-right:18px;
}
.sidebar-content-left .sidebar-roundabout{
margin-left:45px;
}

/* Sidebar Right */
.sidebar-content-right{
width:250px;
margin:20px 0px 0px 0px;
float:left;
}
.sidebar-content-right h5{
padding:0px 0px 15px 18px;
border-bottom:1px solid #e8e8e8;
}
.sidebar-content-right p{
font-style:italic;
margin:15px 0px 25px 18px;
}
.sidebar-content-right ul.sidebar-list{
margin-left:18px;
}
.sidebar-content-right .sidebar-roundabout{
margin-left:55px;
}

.sidebar-list{
margin-top:-3px;
}
ul.sidebar-list li{
width:231px;
font-style:italic;
border-bottom:1px dotted #dcdcdc;
line-height:28px;
padding:3px 0px;
list-style-type:none;
}
ul.sidebar-list li a, ul.sidebar-list li a:visited{
color:#868686;
text-decoration:none;
background-image:url(../images/list-general.gif);
background-position:0px 6px;
background-repeat:no-repeat;
padding:0px 0px 0px 20px;
}
ul.sidebar-list li a:hover{
color:#a6a6a6;
text-decoration:none;
background-image:url(../images/list-general.gif);
background-position:0px 6px;
background-repeat:no-repeat;
padding:0px 0px 0px 20px;
}

/* Roundabout Sidebar */
.sidebar-roundabout {
height:76px;
margin:12px 0px 50px 0px;
padding-left:0px;
float:left;
}
.sidebar-roundabout .roundabout-holder {
padding: 0;
height: 100%;
width: 156px;
}
.sidebar-roundabout .roundabout ul {
list-style: none;
margin:0 auto;
top:5px;
}
.sidebar-roundabout .roundabout-moveable-item {
cursor:pointer;
width:176px;
height:76px;
padding:5px;
background-color:#ffffff;
-webkit-box-shadow: 0px 0px 3px #969696;
-moz-box-shadow: 0px 0px 3px #969696;
box-shadow: 0px 0px 3px #969696;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
@media \0screen {
.sidebar-roundabout .roundabout-moveable-item {border:1px solid #d5d5d5;}
}
.sidebar-roundabout .roundabout-moveable-item img{
margin:0 auto;
width:100% !important;
}
.sidebar-roundabout .roundabout-in-focus{
cursor:auto;
}
.featured-desc{
font-size:11px;
font-style:italic;
text-align:center;
clear:both;
}

/* ABOUT
——————————————————*/
.about-content{
width:474px;
margin-right:30px;
float:left;
}
.about-client{
width:101px;
float:left;
}
ul.client-list{
margin:5px 0px;
list-style-type:none;
float:left;
}
ul.client-list li{
width:101px;
height:48px;
margin-bottom:10px;
float:left;
}
.trial-wrapper-right{
width:232px;
margin-left:18px;
float:left;
}
.trial-wrapper-left{
width:232px;
margin-left:0px;
float:left;
}
.button-trial{
float:left;
margin:-12px 0px 22px 0px;
}
.button-trial-last{
float:left;
margin:-12px 0px 22px 0px;
}

/*rollover
——————————————————*/
.rollover-image{
font:13px normal Arial, Helvetica, sans-serif;
float:left;
background:none;
}

.rollover-image a {
color: #000;
display: block;
text-decoration: none;
}

.rollover-image a:hover {
opacity:.90;
filter:alpha(opacity=80);
}

.rollover-image a span {
display: none;
padding:5px;
}

.rollover-image a:hover span {
display: block;
text-align:center;
}

/* features
——————————————————*/
.features-slide-text{
width:440px;
margin-left:30px;
float:left;
}
.features-slide-text h2{
width:inherit;
font-size:20px;
margin:0px 0px 15px 0px;
color:#ffffff;
text-shadow:0px 1px 0px #000000;
z-index:100;
text-align:center;
}
.features-slide-text h1{
width:inherit;
font-size:23px;
margin:0px 0px 15px 0px;
color:#ffffff;
text-shadow:0px 1px 0px #000000;
z-index:100;
text-align:center;
}
.features-slide-text p{
width:inherit;
margin:10px 0px 15px 0px;
font-size:16px;
line-height:24px;
color:#ffffff;
text-shadow:0px 1px 0px #000000;
text-align:justify;
z-index:100;
}
.features-slide-image{
width:430px;
height:363px;
margin:20px 0px 0px 20px;
float:left;
}
.features-item h3{
width:610px;
margin:20px 0px 14px 0px;
padding:0px 0px 14px 0px;
border-bottom:1px solid #e8e8e8;
float:left;
}
.features-item p{
width:400px;
margin-left:5px;
float:left;
text-align:justify;
}
.features-icon{
margin:-5px 10px 0px 0px;
float:left;
}

.features-item-flipped h3{
width:610px;
margin:20px 0px 14px 0px;
padding:0px 0px 14px 0px;
border-bottom:1px solid #e8e8e8;
float:left;
}
.features-item-flipped p{
width:400px; /*620 – 250 (column width – picture size)*/
margin-right:5px;
float:left;
text-align:justify;

}
.features-icon-flipped{
margin:-30px 0px 0px 20px;
float:left;
}
.features-list{
width:145px;
float:left;
}
ul.features-list li{
width:145px;
font-style:italic;
line-height:22px;
background-image:url(../images/list-general.gif);
background-position:0px 8px;
background-repeat:no-repeat;
padding:0px 0px 0px 20px;
}
.features-item-full p{
width:600px; !important
}

/* SERVICES
——————————————————*/
.services-intro{
width:900px;
height:408px;
padding-bottom:45px;
background-image:url(../images/services-bg.jpg);
background-repeat:no-repeat;
}
.features-content{
width:620px;
margin-right:5px;
float:left;
}
.srv-intro-left{
width:370px;
margin-right:80px;
float:left;
}
.srv-intro-right{
width:450px;
float:left;
}
.srv-intro-left h2{
margin:32px 0px 20px 0px;
float:left;
}
.services-item h3{
width:347px;
margin:20px 0px 24px 0px;
padding:0px 0px 14px 0px;
border-bottom:1px solid #e8e8e8;
float:left;
}
.services-item p{
width:620px;
margin-right:5px;
float:left;
}
.services-icon{
width:78px;
margin:-5px 10px 0px 0px;
float:left;
}
.services-list{
width:145px;
float:left;
}
ul.services-list li{
width:145px;
font-style:italic;
line-height:22px;
background-image:url(../images/list-general.gif);
background-position:0px 8px;
background-repeat:no-repeat;
padding:0px 0px 0px 20px;
}

/* PRICING
——————————————————*/
.pricing-content{
padding-bottom:48px;
clear:both;
float:left;
}
.slogan-font{
margin:-12px 0px 32px 0px;
font-family:Arial,Tahoma,Verdana;
font-style:italic;
}
.pricing{
width:182px;
height:369px;
padding:20px 20px 0px 20px;
background-image:url(../images/shadow-pricing.png);
background-position:right;
background-repeat:repeat-y;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:left;
}
.pricing-left h4{
width:178px;
float:left;
}
.best-seller{
position:absolute;
margin:-25px 0px 0px 116px;
}
.price{
width:178px;
margin:-10px 0px 18px 0px;
padding-bottom:14px;
font-family:Arial,Tahoma,Verdana;
font-style:italic;
border-bottom:1px solid #dbdbdb;
float:left;
}
.pricing-desc{
font-size:12px;
}
.pr-list{
min-height:144px;
margin-top:-10px;
font-size:12px;
float:left;
}
.button-pricing{
width:222px;
margin-left:-21px;
padding:15px 0px;
background-image:url(../images/shadow-pricing.png);
background-position:right;
background-repeat:repeat-y;
background-color:#e6e6e6;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
float:left;
}
.button-pricing a.button{
margin:7px 0px 7px 65px;
}

/* PORTFOLIO
——————————————————*/
ul#portfolio-filter{
width:810px;
margin:20px 0px 40px 0px;
padding:0;
float:left;
}
ul#portfolio-filter li{
margin:0px 0px 0px 12px;
display:inline;
}
ul#portfolio-filter li a{
font-size:13px;
font-style:italic;
margin-right:5px;
color:#8b8b8b;
text-shadow:0px 1px 0px #ffffff;
text-decoration:none;
}
ul#portfolio-filter li a:hover{
font-size:13px;
font-style:italic;
margin-right:5px;
color:#8b8b8b;
text-shadow:0px 1px 0px #ffffff;
text-decoration:none;
}
ul#portfolio-filter li a.current{
font-size:13px;
font-style:italic;
margin-right:5px;
color:#717171;
text-shadow:0px 1px 0px #ffffff;
text-decoration:none;
}

/* Styling for the view mode switcher control */
#controls {
margin-top:14px;
float:left;
}
#controls a {
cursor:pointer;
}

/* General styling of items */
#portfolio {
width: 920px;
margin: 0px 0px 60px 0px;
padding: 0px;
float:left;
}
#portfolio li {
float: left;
display: inline;
list-style: none;
margin: 20px 0 0 0;
padding:6px;
background-color:#ffffff;
-webkit-box-shadow: 0px 0px 3px #969696;
-moz-box-shadow: 0px 0px 3px #969696;
box-shadow: 0px 0px 3px #969696;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
@media \0screen {
#portfolio li {border:1px solid #d5d5d5; padding:5px;}
#portfolio li .services-list li {border:none;}
}
#portfolio li div a.overlay {
display: block;
position: absolute;
margin: 0;
}

/* Styling for list view mode */
#portfolio.list li {
width: 888px;
margin: 20px 0 0 0;
}
#portfolio.list li div {
overflow: hidden;
}
#portfolio.list li img {
width:198px;
margin-right:20px;
float:left;
}
#portfolio.list li h6 {
margin-top:8px
}
#portfolio.list li p {
width:650px;
float:left;
}
#portfolio.list ul li{
margin:-1px 0px 0px 0px;
padding:0px 0px 0px 20px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}

/* Styling for icon view mode */
#portfolio.icon li {
width: 198px;
margin: 20px 20px 0 0;
}
#portfolio.icon li div {
overflow: hidden;
}
#portfolio.icon li h6 {
margin:3px 0px 4px 0px;
text-align:center;
}
#portfolio.icon li p {
display:none;
}
#portfolio.icon li ul{
display:none;
}

/* FAQ STYLING
——————————————————*/
.ask{
cursor:pointer;
font-size:14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color:#f0f0f0;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:8px 13px 10px 13px;
clear:both;
}
.question{
background-color:#ffffff;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0px 0px 5px 0px;
padding:15px 18px 1px 18px;
}
.openquestion{
color:#868686 !important;
margin-bottom:5px;
}
.closedquestion{
color:#868686 !important;
margin-bottom:5px;
}

/* TESTIMONIALS
——————————————————*/
.testi-container{
width:620px;
background-image:url(../images/testi-quote.jpg);
background-repeat:no-repeat;
background-position:16px 0px;
background-color:#ffffff;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:left;
}
.testi-left{
width:379px;
padding:20px 20px 8px 20px;
background-image:url(../images/shadow-pricing.png);
background-repeat:repeat-y;
background-position:right;
float:left;
}
.testi-left blockquote{
width:365px;
padding-left:0px;
font-family:Arial,Tahoma,Verdana;
font-size:14px;
line-height:23px;
background-image:none;
}
.testi-right{
width:200px;
height:112px;
text-align:center;
background-image:url(../images/testi-author.jpg);
background-repeat:no-repeat;
background-position:0px 13px;
float:left;
}
.testi-right h5{
margin:36px 0px 4px 0px;
}
.testi-right p{
font-size:11px;
}
.testi-avatar-container{
width:680px;
margin:0px 0px 48px 0px;
float:left;
}
.testi-page{
margin:-25px 0px 0px 495px;
}
.testi-avatar{
width:50px;
height:50px;
position:absolute;
z-index:80;
float:left;
}
.testi-border{
width:50px;
height:50px;
background-image:url(../images/testi-avatar-border.png);
background-repeat:no-repeat;
position:absolute;
z-index:100;
float:left;
}

/* 404 PAGE
——————————————————*/
.col-2-2.error-page{
width:800px;
margin-left: 40px;
margin-right:0px;
margin-top:40px;
margin-bottom: 36px;
padding:20px;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:left

}
.error-page h1{
font-size:50px;
text-align:center;
background-image:url(../images/divider.gif);
background-repeat:repeat-x;
background-position:bottom;
margin:10px 0px 24px 0px;
padding-bottom:38px;
}
.error-page h2{
text-align:center;
background-image:url(../images/divider.gif);
background-repeat:repeat-x;
background-position:bottom;
margin:10px 0px 24px 0px;
padding-bottom:38px;
}
.stop-sign{
width:350px;
float:left;
}
.error-message{
width:400px;
margin-left:30px;
float:left;
}
#search-error{
margin:-8px 0px 0px 0px;
float:left;
}
#search-form-error{
width:318px;
font-size:11px;
color:#a8a8a8;
padding:8px 8px 8px 8px;
border:none;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

/*Feature Right/Left

.feature-right-title

/* COLUMN
——————————————————*/
.col-1{
width:900px;
margin:0px 15px 15px 15px;
float:left;
}
.col-2{
width:435px;
margin:0px 15px 15px 15px;
float:left;
}
.col-2-2{
width:590px;
margin:0px 15px 15px 15px;
float:left;
}
.col-2-3{
width:528px;
margin:0px 15px 15px 15px;
float:left;
}
.col-2-faq{
width:281px;
margin-right:20px;
float:left;
}
.col-2-faq-last{
width:281px;
margin-right:0px;
float:left;
}
.col-3{
width:280px;
margin:0px 15px 15px 15px;
float:left;
}
.col-4{
width:202px;
margin:0px 15px 15px 15px;
float:left;
}
.col-5{
width:156px;
margin:0px 15px 15px 15px;
float:left;
}

/* used for 4 column */
.col-214 {
display:inline-block;
width:214px !important;
vertical-align:top;
padding:0px 0px 0px 0px !important;
margin-right:30px;
}
.col-214-last {
display:inline-block;
width:214px !important;
vertical-align:top;
padding:0px 0px 0px 0px !important;
margin-right:0px;
}

/* used for 3 column */
.col-297 {
display:inline-block;
width:297px !important;
vertical-align:top;
padding:0px 0px 0px 0px !important;
margin-right:30px;
}
.col-297-last {
display:inline-block;
width:297px !important;
vertical-align:top;
padding:0px 0px 0px 0px !important;
margin-right:0px;
}

/* used for 2 column */
.col-461 {
display:inline-block;
width:461px !important;
vertical-align:top;
padding:0px 0px 0px 0px !important;
margin-right:30px;
}
.col-461-last {
display:inline-block;
width:461px !important;
vertical-align:top;
padding:0px 0px 0px 0px !important;
margin-right:0px;
}
.col-629 {
display:inline-block;
width:629px !important;
vertical-align:top;
padding:0px 0px 0px 0px !important;
margin-right:30px;
}
.col-629-last {
display:inline-block;
width:629px !important;
vertical-align:top;
padding:0px 0px 0px 0px !important;
margin-right:0px;
}

/* column for faq */
.col-310 {
display:inline-block;
width:310px !important;
vertical-align:top;
padding:0px 0px 0px 0px !important;
margin-right:20px;
}
.col-310-last {
display:inline-block;
width:310px !important;
vertical-align:top;
padding:0px 0px 0px 0px !important;
margin-right:0px;
}

/* BLOG
——————————————————*/
.blog-post{
margin-bottom:28px;
padding-bottom:8px;
float:left;
}
.post-content{
width:100%;
margin:-30px 0px 0px 0px;
padding-bottom:8px;
float:left;
}
.post-title h3{
width:412px;
border-bottom:1px solid #e8e8e8;
padding-bottom:15px;
margin:0px 12px 10px 0px;
float:left;
}
.post-title h3 a, .post-title h3 a:visited{
color:#747474;
text-decoration:none;
}
.post-info{
width:180px;
margin-top:-6px;
float:left;
}
.blog-info-box{
width:80px;
height:66px;
margin-right:10px;
font-size:18px;
text-align:center;
padding-top:14px;
background-image:url(../images/info-box.png);
background-repeat:no-repeat;
position:relative;
z-index:100;
float:left;
}
.blog-info-box a, .blog-info-box a:visited{
color:#ffffff;
text-decoration:none;
}

/* Tag Cloud */
.tag-cloud-left{
margin:10px 0px 15px 0px;
float:left;
}
.tag-cloud-right{
margin:10px 0px 15px 16px;
float:left;
}
.tag-cloud-left a, .tag-cloud-right a {
display: block;
padding: 5px 6px;
color:#868686;
float:left;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0px 5px 5px 0px;
}

/* Popular List */
.popular-list-left{
width:234px;
margin:8px 0px 9px 0px;
float:left;
}
.popular-list-right{
width:234px;
margin:8px 0px 9px 16px;
float:left;
}
ul.popular-list-left li, ul.popular-list-right li{
line-height:6px;
margin-bottom:12px;
padding-bottom:15px;
border-bottom:1px dotted #dcdcdc;
list-style-type:none;
float:left;
}
ul.popular-list-left li p.popular-title, ul.popular-list-right li p.popular-title{
width:169px;
font-size:13px;
font-style:italic;
margin:1px 0px 4px 0px;
line-height:20.8px;
overflow:hidden;
}
@media \0screen {
ul.popular-list-left li p.popular-title, ul.popular-list-right li p.popular-title {width:167px;}
}
ul.popular-list-left li img, ul.popular-list-right li img{
width:45px;
height:45px;
margin:4px 10px 0px 0px;
float:left;
}
ul.popular-list-left li p, ul.popular-list-right li p{
margin:4px 0px 0px 0px;
font-size:11px;
font-style:normal;
color:#b3b3b3;
float:left;
}
ul.popular-list-left li a, ul.popular-list-left li a:visited, ul.popular-list-right li a, ul.popular-list-right li a:visited{
color:#868686;
text-decoration:none;
}
ul.popular-list-left li a:hover, ul.popular-list-right li a:hover{
color:#868686;
text-decoration:none;
}

/* Sponsors List */
ul.sponsor-list-left{
width:195px;
height:114px;
margin:0px 0px 0px 5px;
padding:16px 0px 0px 16px;
background-color:#f0f0f0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border:1px solid #d4d4d4;
}
ul.sponsor-list-right{
width:195px;
height:114px;
margin:0px 0px 0px 30px;
padding:16px 0px 0px 16px;
background-color:#f0f0f0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border:1px solid #d4d4d4;
}
.sponsor-list-left li, .sponsor-list-right li{
width:178px;
height:98px;
margin:0px;
list-style-type:none;
display:inline-block;
float:left;
}

/* Blog Pagination */
.blog-pagination{
width:100%;
margin-bottom:15px;
float:left;
}
.pages{line-height:30px; margin-bottom:10px; clear:left;}
.blogpages{margin:8px 0px;}
.pfpages{margin:-15px 0px 12px 0px;}
.pageof{
font-size:12px;
display: block;
padding: 2px 7px;
color:#868686;
float:left;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0px 5px 0px 0px;
}
.pages a{
font-size:12px;
display: block;
padding: 2px 7px;
color:#868686;
float:left;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0px 5px 0px 0px;
text-decoration:none;
}
.pages a:hover{
color:#868686 !important;
background-color:#f0f0f0;
text-decoration:none;
}
.pages a.current{
color:#868686 !important;
background-color:#f0f0f0;
}

/* Related Post */
#recentPostList{
width:570px;
background-color:#f0f0f0;
border:1px solid #d4d4d4;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin:10px 0px 10px 0px;
padding:19px 25px 0px 25px;
float:left;
}
#related-post-title{
padding:3px 0px 8px 0px;
height:20px;
font-weight:bold;
color:#2f87aa;
}
.related-item-wrapper{
font-size:12px;
width:125px;
padding:8px 0px 8px 0px;
margin-right:23px;
float:left;
color:#adacac;
cursor:pointer;
}
.related-item-wrapper-last{
font-size:12px;
width:125px;
padding:8px 0px 8px 0px;
margin-right:0px;
float:left;
color:#adacac;
cursor:pointer;
}
.related-item-wrapper p, .related-item-wrapper-last p{
font-style:italic;
line-height:18px;
}
.related-item-wrapper a, .related-item-wrapper a:visited, .related-item-wrapper-last a, .related-item-wrapper-last a:visited{
color:#747474;
}
.related-item-wrapper img:hover, .related-item-wrapper-last img:hover{
-webkit-box-shadow:0 0 8px #6d6d6d;
-moz-box-shadow: 0 0 8px #6d6d6d;
box-shadow:0 0 8px #6d6d6d;
}
.related-item-wrapper img, .related-item-wrapper-last img{
-webkit-box-shadow:0 0 3px #6d6d6d;
-moz-box-shadow: 0 0 3px #6d6d6d;
box-shadow:0 0 3px #6d6d6d;
}
.img-related{
float:left;
margin:0px 0px 5px 0px;
}

/* Sharing Social */
.sharing-box {
float:left;
width: 620px;
padding:30px 0 10px 0;
border-top:1px solid #dcdcdc;
margin:30px 0px 0px 0px;
}
.sharing-box .share-facebook {
float:left;
width: 200px;
padding-top:5px;
}
.sharing-box .share-social {
margin-top:5px;
float:right;
}
.sharing-box .share-social li {
display:block;
float:left;
width:32px;
height:32px;
overflow:hidden;
margin-left:8px;
padding:0;
}
.sharing-box .share-social a {
text-indent:-9999px;
overflow:hidden;
display:block;
width:32px;
height:32px;
}
ul.social li {
background:none;
list-style-position:inherit;
list-style-type:none;
float:left;
border:0;
margin-bottom:3px;
margin-right:3px;
padding: 5px;
border: 1px solid #d4d4d4 !important;
border-top: 1px solid #f1f1f1 !important;
border-left: 1px solid #eee !important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display:block;
}
ul.social li a {
float:left;
display:block;
width:32px;
height:32px;
}
.social a.twitter,
.share-social a.twitter
{
background:url(../images/social-icons/black-white/twitter.png) no-repeat left top;
}
.social a.delicious,
.share-social a.delicious
{
background:url(../images/social-icons/black-white/delicious.png) no-repeat left top;
}

.social a.facebook,
.share-social a.facebook
{
background:url(../images/social-icons/black-white/facebook.png) no-repeat left top;
}

.social a.digg,
.share-social a.digg
{
background:url(../images/social-icons/black-white/digg.png) no-repeat left top;
}

.social a.stumbleupon,
.share-social a.stumbleupon
{
background:url(../images/social-icons/black-white/stumbleupon.png) no-repeat left top;
}

.social a.reddit,
.share-social a.reddit
{
background:url(../images/social-icons/black-white/reddit.png) no-repeat left top;
}
.share-social a.designfloat
{
background:url(../images/social-icons/black-white/designfloat.png) no-repeat left top;
}

.social a.rss { background:url(../images/social-icons/black-white/rss.png) no-repeat left top; }
.social a.flickr { background:url(../images/social-icons/black-white/flickr.png) no-repeat left top; }
.social a.vimeo { background:url(../images/social-icons/black-white/vimeo.png) no-repeat left top; }
.social a.youtube { background:url(../images/social-icons/black-white/youtube.png) no-repeat left top; }
.social a.linkedin { background:url(../images/social-icons/black-white/linkedin.png) no-repeat left top; }
.social a.deviantart { background:url(../images/social-icons/black-white/deviantart.png) no-repeat left top; }
.social a.tumblr { background:url(../images/social-icons/black-white/tumblr.png) no-repeat left top; }
.social a.lastfm { background:url(../images/social-icons/black-white/lastfm.png) no-repeat left top; }

.social a.twitter:hover,
.share-social a.twitter:hover
{
background:url(../images/social-icons/colorful/twitter.png) no-repeat left top;
}
.social a.delicious:hover,
.share-social a.delicious:hover
{
background:url(../images/social-icons/colorful/delicious.png) no-repeat left top;
}
.social a.facebook:hover,
.share-social a.facebook:hover
{
background:url(../images/social-icons/colorful/facebook.png) no-repeat left top;
}
.social a.digg:hover,
.share-social a.digg:hover
{
background:url(../images/social-icons/colorful/digg.png) no-repeat left top;
}
.social a.stumbleupon:hover,
.share-social a.stumbleupon:hover
{
background:url(../images/social-icons/colorful/stumbleupon.png) no-repeat left top;
}
.social a.reddit:hover,
.share-social a.reddit:hover
{
background:url(../images/social-icons/colorful/reddit.png) no-repeat left top;
}
.share-social a.designfloat:hover
{
background:url(../images/social-icons/colorful/designfloat.png) no-repeat left top;
}
.social a.rss:hover { background:url(../images/social-icons/colorful/rss.png) no-repeat left top; }
.social a.flickr:hover { background:url(../images/social-icons/colorful/flickr.png) no-repeat left top; }
.social a.vimeo:hover { background:url(../images/social-icons/colorful/vimeo.png) no-repeat left top; }
.social a.youtube:hover { background:url(../images/social-icons/colorful/youtube.png) no-repeat left top; }
.social a.linkedin:hover { background:url(../images/social-icons/colorful/linkedin.png) no-repeat left top; }
.social a.deviantart:hover { background:url(../images/social-icons/colorful/deviantart.png) no-repeat left top; }
.social a.tumblr:hover { background:url(../images/social-icons/colorful/tumblr.png) no-repeat left top; }
.social a.lastfm:hover { background:url(../images/social-icons/colorful/lastfm.png) no-repeat left top; }

/* Comment list */
#comment{
width:620px;
padding:20px 0px 8px 0px;
float:left;
}
#comment ol{
margin:0px;
padding:10px 0px 0px 0px;
list-style-type:none !important;
}
#comment ol li ol{
margin-left:80px;
}
.commentlist li{
position:relative;
list-style:none;
line-height:22px;
list-style-position:outside;
}
.commentlist li small{
font-size:11px;
font-style:italic
}
.avatar{
position:absolute;
top:0;
left:0
}
.avatar img{
width:64px;
height:64px;
-webkit-box-shadow:0 0 3px #6d6d6d;
-moz-box-shadow: 0 0 3px #6d6d6d;
box-shadow:0 0 3px #6d6d6d;
}
.comment-text{ margin-left:80px; width:auto; border-bottom:solid 1px #dcdcdc; padding:0px 0px 5px 0px; margin-bottom:10px;}
.reply{
background-color:#f0f0f0;
margin-top:-10px;
padding:3px 8px;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:right
}
a.reply, a:visited.reply, a:hover.reply {
font-family:Arial,Tahoma,Verdana;
font-weight:bold;
font-style:normal;
color:#747474;
text-decoration:none;
}

/* Comment Form */
#commentform-wrap {
float: left;
width: 100%;
margin: 20px 0px 0px 0px;
padding: 0px;
}
#commentform-wrap h4{
margin-bottom:0px;
}
#comment-form {
position: relative;
width: 496px;
float: left;
margin: 0px;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#comment-form div {
display: inline;
float: left;
width: 100%;
position: relative;
margin-bottom: 15px;
}
#comment-form div label {
width:100px;
float: left;
text-align: left;
margin:5px 0px 0px 8px;
}
#comment-form input {
border:none;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:12px;
width:284px;
padding:8px 5px;
margin:0px 0px 10px 0px;
color:#959494;
font-family:Arial,Tahoma,Verdana;
float:left;
}
#comment-form textarea {
border:none;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:12px;
width:472px;
height:130px;
padding:8px 5px;
margin:0px 0px 10px 0px;
color:#959494;
font-family:Arial,Tahoma,Verdana;
float:left;
overflow:hidden\0/;
}
#comment-form input.submit {
padding-top: 7px;
padding-right: 12px;
padding-bottom: 7px;
padding-left: 12px;
}
#comment-form em {
color:#db4e43;
display: inline;
}

/* CONTACT
——————————————————*/
#map-box{
width:417px;
height:300px;
margin-bottom:10px;
padding-bottom:16px;
background-image:url(../images/map-shadow.png);
background-repeat:no-repeat;
background-position:bottom;
float:left;
}
#map{
width:100%;
height:100%;
position:fixed;
z-index:80;
float:left;
}

/* Contact Form */
.contact-area{
width:365px;
margin:0px 0px 80px 0px;
padding:18px 25px 25px 25px;
background-color:#f0f0f0;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-border-radius: 4px; /* Firefox */
-webkit-border-radius: 4px; /* Safari, Chrome */
-khtml-border-radius: 4px; /*Linux browsers*/
border-radius: 4px; /*CSS3*/
float:left;
}
.contact-area h4{
width:365px;
border-bottom:1px solid #d4d4d4;
padding-bottom:15px;
margin-bottom:15px;
float:left;
}

form{
margin:0;
padding:0;
}
fieldset{border:0px;}
#contactFormArea{
margin:0px 0px 0px 0px;
float:left;
}
label{
margin-bottom:2px;
display:block;
}
.textfield{
background-color:#ffffff;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family:Arial,Tahoma,verdana;
font-size:12px;
padding:7px 5px;
margin:0px 10px 11px 0px;
display:inline;
color:#939393;
width:351px;
float:left;
}
.field-nomargin{
margin-right:0px;
float:left;
}
.textarea{
background-color:#ffffff;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family:Arial,Tahoma,verdana;
font-size:12px;
overflow:hidden;
padding:10px 5px;
margin:0px 0px 10px 0px;
color:#939393;
width:351px;
}
.label-form-inline{
float:left;
}
.buttoncontact{
font-weight:bold;
letter-spacing:-1px;
display: block;
padding: 6px 18px 6px 15px;
background-color:#e0e0e0;
color:#606060;
float:left;
border: 1px solid #bbbbbb;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0px 10px 5px 0px;
float:right;
}
.loading{
background:url(../images/loading-contact.gif) top left no-repeat;
padding-left:25px;
color:#797979;
margin:10px 20px 0px 0px;
float:right;
}
.success-contact {
width:341px;
font-size:12px;
text-align:center;
color:#3F9153;
margin-bottom:10px;
padding:8px 10px 8px 10px;
background-color:#D7F7DF;
border-top:1px solid #A3F7B8;
border-bottom:1px solid #A3F7B8;
float:left;
}

/* LOGIN FORM
——————————————————*/
#login-content{
padding:15px;
background-image:url(../images/login-icon.png);
background-repeat:no-repeat;
background-position:bottom right;
}
#login-content h3{
text-align:center;
margin-bottom:-20px;
}
.login-form{
margin:-10px 0px 0px 68px;
}
.label-login{
width:180px;
float:left;
}
.input-login{
background-color:#ffffff;
border: 1px solid #d4d4d4;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family:Arial,Tahoma,verdana;
font-size:12px;
padding:7px 5px;
margin:0px 10px 11px 0px;
display:inline;
color:#939393;
width:180px;
float:left;
}
.button-login{
cursor:pointer;
font-weight:bold;
letter-spacing:-1px;
display: block;
padding: 6px 18px 6px 15px;
background-color:#e0e0e0;
color:#606060;
float:left;
border: 1px solid #bbbbbb;
border-top: 1px solid #f1f1f1;
border-left: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0px 10px 5px 55px;
float:left;
}