/*
Table of contents:
-) HEAD
-) FEATURED
-) MAIN CONTENT
-) CONTACT FORM
-) COMMENTS
-) SIDEBAR
-) GENERIC
*/



body{
font-size:13px;
font-family: Arial, Helevtica, Verdana, san-serif;
line-height:23px;
position:relative;
float: left;
width: 100%;
}

img{border: none;}

/************************************************************************
HEAD
*************************************************************************/
#head .center{
padding:0 20px;
}

#top .logo, #top .logo a{
/*	left:60px;*/
display:block;
height:110px;
width:142px;
position:relative;
border: none;
padding: 0;
margin:0;
z-index: 10;
}

#top .logo a{
top:0;
left:0;
text-indent:-9999px;
outline:none;
border: none;
}

/*right panel head*/
#head #rightpanel{
float:right;
position: relative;
}

#head #searchsubmit{
border:medium none;
cursor:pointer;
display:block;
height:35px;
outline:none;
padding:0;
position:absolute;
right:-8px;
text-indent:-9999px;
top:4px;
width:35px;
z-index: 2;
}

#head #s{
border: none;
width:200px;
padding:5px 30px 5px 10px;
color:#ccc;
position: relative;
top:10px;
}

.headline{
float:left;
padding:16px 0;
font-size: 11px;
height:25px;
line-height: 25px;
color:#dddddd;
}

.headline a{
display:block;
margin-right:25px;
float: left;
height:25px;
line-height: 25px;
color:#dddddd;
text-decoration:none;
}
.headline a:hover{ color:#FFF; text-decoration:underline;}

.headline span{
display:block;
margin-right:8px;
float: left;
height:25px;
line-height: 25px;
}

.headline span a{
margin-right:4px;
}

#second_header, #second_header .center{
overflow: visible;
z-index: 2105;
}


#nav{
position: absolute;
right:10px;
list-style-type: none;
list-style-position: outside;
margin:0;
z-index: 5;
top:35px;
font-size:13px;
}

#nav li{
float: left;
}

#nav li a{
display:block;
float:left;
padding: 4px 8px;
background-color: #FFFFFF;
color:#29ABE2;
font-weight:bold;
border: medium none;
text-decoration: none;
line-height: 18px;
outline: none;
margin-right:3px;
}


/*navigation*/


#nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:50px; 
z-index:5;
}


#top #nav ul a{
line-height:28px;
font-size: 12px;
cursor: pointer;
}

#top #nav li{
float:left;
position:relative;
z-index:20;
margin-top:13px;
}

#top #nav li li{
border-left:none;
margin-top:0;
}

#top #nav ul {
display:none;
position:absolute;
top:22px;
width:222px;
left:0;
padding:5px;
}

#top #nav li ul a{
width:200px;
height:auto;
float:left;
text-align:left;
padding:5px 10px;
line-height:18px;
border-bottom:#666 dotted 1px;
}

#top #nav ul ul{
top:auto;
border-top:none;
}	

#top #nav li ul ul {
left:-182px;
top:-4px;
}

#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{
display:none;	
}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{
display:block;
}

#top #nav li ul a{
border-top:none;
}

#second_header .fm {position:absolute; right:25px; top:0; width:200px; float:right; text-align:center; font-size:14px; font-weight:bold;}
#second_header .fm a{background: url(../images/navFMBack.gif) top left no-repeat; float:left; height:25px; line-height:25px; padding-left:12px;}
#second_header .fm a:hover{ text-decoration:none; color:#036; cursor:pointer;}
#second_header .fm span{background:url(../images/navFMBack.gif) right -25px no-repeat; float:left; padding-right:12px;}

/************************************************************************
FEATURED
*************************************************************************/
#featured, .featured, .fadeout, .newsselect{ 
height:370px; 			/*this changes the height of the image slider*/
}

#feature_background{
padding:3px 0 20px 0;
}

#top #feature_wrap{
padding:0 0 20px;
overflow: visible;
}

#featured{
position: relative;
width:940px;
overflow: hidden;
}

#top .featured1{
border:none;
display: block;
}


.featured{
width:940px;
position:absolute;
top:0;
left:0;
overflow: hidden;
display:none;
}

#top .fadeout{
position:absolute;
width:200px;
display:block;
right:0px;
z-index: 3;
}

/*accordion*/
.accordion .featured{
width:670px;
}

#top .accordion .feature_excerpt{
width:630px;
}

#top .accordion .heading_clone{
position: absolute;
z-index: 4;
bottom:20px;
left:20px;
font-size: 13px;
text-transform: uppercase;
padding:0;
margin: 0;
}

/*fadeslider*/
.fadeslider .featured{
width:100%;
border:none;
}

#top .slidecontrolls{
position:absolute;
width:10px;
right:-15px;
top:0;
}

#top .slidecontrolls span{
height:10px;
padding:2px 0;
width:10px;
display:block;
cursor: pointer;
}


#top .fadeslider .feature_excerpt{
width:917px;
}

/*newsslider*/

.newsselect{
position: absolute;
overflow: hidden;
width:276px;
right:0px;
top:0px;
z-index: 5;
}

.newsslider .newsItems{
position: absolute;
top:0;
left:0;
}

#top .newsslider .feature_excerpt{
width:630px;
}

.newsslider .featured{
border:none;
width:670px;
}

#top .newsselect .sliderheading{
font-size:13px;
font-family: Arial, Helevtica, Verdana, san-serif;
font-weight: bold;
padding: 0;
}

.newsselect .single_item{
padding:10px;
display: block;
text-decoration: none;
line-height: 1.3em;
}

#top .newsslider .fadeout{
right:155px;
}

.newsselect .sliderdate{
display:block;
font-size: 11px;
}
/*-------------------*/



#top .feature_excerpt{
width:900px;
position: absolute;
display: block;
bottom: 0;
left:0;
z-index: 2;
padding:10px 20px;
font-size: 11.5px;
line-height:1.5em;
cursor: pointer;
}


#top .sliderheading{
display:block;
font-size: 26px;
font-weight: normal;
font-family: "Trebuchet MS",Arial,Helvetica,san-serif;
}

.sliderdate{
display:none;
}

#featured a, #featured a img, #featured img{
text-decoration: none;
border:none;
}

.bottom_right_rounded_corner, .bottom_left_rounded_corner, .top_right_rounded_corner, .top_left_rounded_corner{
display: block;
width:5px;
height:5px;
position: absolute;
z-index: 2100;
}

#featured a:hover{
text-decoration: none;
}

.bottom_right_rounded_corner{bottom:20px; right:0}
.bottom_left_rounded_corner{bottom:20px; left:0}
.top_right_rounded_corner{top:0; right:0}
.top_left_rounded_corner{top:0; left:0}

#top #featured .rel_pos{
position: relative;
}

/************************************************************************
MAIN CONTENT
*************************************************************************/
#top .wrap_fullwidth .content_fullwidth{
margin-bottom: 20px;
}

#main .center{
padding-top: 0;
overflow: visible;
}

#main .center p{
font-size:12px;
line-height:1.5em;
padding: 0.4em 0;
}

#main #hpMainText p{
font-weight:bold
}

#main .thinLine{border-bottom:1px solid #ccc;margin:10px 0 20px;}

#info {
position:relative;

}

#top .info_noslide{
margin:4px 0 12px 0;
padding:23px 0 26px;
position:relative;
bottom: auto;
}

.latest_work, .show_portfolio{
float:left;
font-weight: bold;
display: block;
font-size: 15px;
}

#top .newsControl{
float: right;
width:52px;
height:21px;
display:block;
}

.newsControl span{
float: left;
width:22px;
height:21px;
margin-right:4px;
display:block;
background:url(../images/icoArrow.png) no-repeat;
cursor:pointer;
}
.newsControl .next{background-position: top left;}
.newsControl .prev{background-position: 0 -21px;}
.newsControl .next:hover{background-position: -22px 0;}
.newsControl .prev:hover{background-position: -22px -21px;}



#top .portfolio_item{
font-size: 12px;
line-height: 1.4em;
padding:0 0 27px 0;
}

.portfolio_item .item_data{
padding:6px;
width:286px;
float: left;
}

#top .portfolio_item img, #top .portfolio_item a img{
border: none;
display: block;
margin-bottom: 5px;
}

#top .portfolio_item h2{
font-size: 13px;
font-weight: bold;
padding:1px 1px 3px 1px;
border: none;
}

.category, .date, .post_data .comments{
display: block;
float: left;
font-size: 11px;
padding:0 0 0 20px;
font-weight: bold;
}

#top .portfolio_item .date{
float: left;
padding:0 0 0 20px;
line-height:22px;
}

#top .portfolio_item .more{
float: right;
height:22px;
line-height:22px;
}

#top .portfolio_item .more a{
	display:block;
	padding:0 28px 0 0;
}

.portfolio_item .entry{
padding:1px 1px 20px 1px;
}

/*blog*/

#top .entry{
margin-left:0;
}

.post_data .date,  .post_data .category, .post_data .comments{
margin-right:20px;
}

.entry_content{
clear:both;
position: relative;
float: left;
width: 100%;
padding-bottom: 30px;
overflow: hidden;
}



.entry_content ul {
padding-left:10px;
}

.entry_content ul li {
background-image:url("../images/arrow.png");
background-position:0 6px;
background-repeat:no-repeat;
line-height:1.5em;
padding-bottom:3px;
padding-left:18px;
}
.entry_content ul li ul li{
background-image:url("../images/skin1/bullet.png");
background-position:0 8px;
background-repeat:no-repeat;
line-height:1.5em;
padding-bottom:3px;
padding-left:12px;
}

.image_border{
padding: 10px 0 20px 0;
}

.entry img{
padding:5px;
display: block;
}



.content_one_third img{
max-width:288px;
}

.content_two_third img{
max-width:608px;
}

#sidebar img{
max-width:268px;
}


.more-link{
display:block;
font-size:11px;
font-weight:bold;
line-height:20px;
margin:8px 0 0;
padding:0 20px 0 0;
width:62px;
}

.entry_content h1, .entry_content h2, .entry_content h3, .entry_content h4, .entry_content h5, .entry_content h6{
padding-top:20px;
}


/*pagination*/

#top .pagination {
clear:both;
padding:0 0 60px 0;
position:relative;
z-index:3;
}

#top .pagination span, #top .pagination a {
display:block;
float:left;
font-size:11px;
line-height:13px;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
}


#top .pagination .current{
font-size:11px;
padding:6px 9px 5px 9px;

}

#top .nopadding{ padding:0;}
#top .botPadding{ padding-bottom:26px;}
/************************************************************************
CONTACT FORM
*************************************************************************/

.myform{margin:0 auto;width:448px;padding:6px; float:left;}
.alert{color: #F00; font-weight:bold;}
.success{color: #00F; font-weight:bold;}
#stylized .row {float:left; width:100%; height: 45px;}
#stylized h1 {font-size:12px;font-weight:bold;margin-bottom:8px;}
#stylized p{color:#666666;margin-bottom:20px;border-bottom:solid 1px #b7ddf2;padding-bottom:10px;}
#stylized label{display:block;font-weight:bold;text-align:right;width:200px; height:auto;float:left;}
#stylized .small{color:#666666;display:block;font-size:10px;font-weight:normal;text-align:right;width:200px;}
#stylized .textboxF{ font-family:inherit; font-size:11px;padding:4px 2px;border:solid 1px #aacfe4;width:220px;margin:2px 0 20px 10px;}
#stylized .checkboxF { text-align:left; margin:0 10px;}
/* #stylized button{clear:both; float:right; margin-right:12px; width:100px;height:31px;background:#666666;text-align:center;line-height:31px;color:#FFFFFF;font-size:11px;font-weight:bold;border:0;} */

.myformSide{margin:0 auto;width:268px;padding:6px; float:left;}

/************************************************************************
COMMENTS
*************************************************************************/
.commentlist{
float:left;
width:100%;
padding: 0 0 30px 0;
}

.commentlist .comment{
list-style-type: none;
list-style-position: outside;
width:100%;
position: relative;
display: block;
float: left;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
}

.gravatar{
float:left;
width:72px;
padding-right:20px;
font-size: 11px;
text-decoration: none;
text-align: center;
position: relative;
}

.comment_content{
float:right;
padding:18px 18px 30px;
position:relative;
width:490px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.author_name a{
font-size: 16px;
font-weight: bold;
text-decoration: none;
font-style: normal;
float:left;
}

.commentmetadata {
float:left;
font-size:11px;
line-height:26px;
padding-left:12px;
}

.says{
position: absolute;
left:-13px;
top:18px;
display: block;
height:24px;
width:13px;
text-indent: -9999px;
}

.comment_text{
clear: both;
font-size: 12px;
}

#top .comment-reply-link{
font-size: 11px;
text-decoration: none;
position: absolute;
display: block;
padding:0px 7px;
bottom: 0;
left:0;
}

/*comment children*/

.children .gravatar {
padding:0;
position:absolute;
right:20px;
top:0;
width:42px;
z-index:2;
}

.children .gravatar img{
width:30px;
height:30px;
}

.children .says{
display:none;
}


/*input fields*/

.personal_data p{
float:left;
width:33%;
}

.personal_data label{
display:none;
}

.message_data textarea{
width:95%;
padding:10px;
font-size:12px;
font-family: Arial, Helevtica, Verdana, san-serif;
}

.text_input, .button{
padding:7px;
font-size:12px;
font-family: Arial, Helevtica, Verdana, san-serif;
}

.button{
padding:7px 12px;
}


.personal_data .text_input{
width:91%;
}


.children .personal_data .text_input{

}
/************************************************************************
SIDEBAR
*************************************************************************/
#sidebar{
width:280px;
padding:20px 0 20px 20px;
position: relative;
}

#sidebar div{
position: relative;
z-index: 2;
}

#sidebar_top, #sidebar_bottom{
width:280px;
height:70px;
display: block;
position: absolute;
left: 0;
z-index: 1;
top:0;
}

#sidebar #sidebar_bottom{
top:auto;
bottom: 0;
}

#sidebar ul li a {
display:block;
line-height:22px;
padding:3px 14px;
/*position:relative;*/
text-decoration:none;
}

.box{
padding-bottom: 30px;
font-weight:bold;
}


/************************************************************************
FOOTER
*************************************************************************/
#breadcrumb_wrap .center {
padding:5px 20px;
font-size: 11px;
}

#footer_bottom .center{
padding:9px 20px;
}

/*breadcrumb*/
.breadcrumb{
float:left;
width:100%;
}

.breadcrumb span, .breadcrumb a{
padding-right:5px;
line-height:19px;
}

.breadcrumb span{
height:19px;
width:8px;
text-indent: -9999px;
}

#top .breadcrumb_info{
height:19px;
width:19px;
text-indent: -9999px;
}

#top .current_crumb{
text-indent: 0;
width:auto;
height: auto;
background: none;
}

/*social bookmark icons*/
.social_bookmarks{
border:none;
display: block;
float: right;
list-style-type: none;
list-style-position: outside;
padding:7px 0px 0 0;
position: relative;
z-index: 6;
}

.social_bookmarks li{
float:left;
margin:0;
width:16px;
padding:0 0 0 7px;
}

.social_bookmarks li a{
height:16px;
width:16px;
display: block;
float:left;
text-indent: -9999px;
border:none;
padding:0;
outline: none;
}

#footer #servList li { float:left; margin-right:10px; width:200px;}
#footer #servList li img{ float:left;}
#footer #servList li a{ display:block; background:none; padding:0; margin-bottom:5px; width:200px}

#footer .box_map {
margin-right:20px;
width:300px;
float:left;
}

#footer .box_mini {
margin-right:20px;
width:280px;
float:left;
}

#footer .box_custom_footer {
margin-right:0;
width:280px;
float:left;
}

#footer ul li a{
display:block;
padding:3px 10px;
line-height:22px;
position: relative;
text-decoration: none;
}

.copyright, .scrollTop{
font-size: 11px;
float:left;
}

#top .scrollTop{
float: right;
display: block;
padding-right:15px;
outline: none;
}



/************************************************************************
GENERIC
*************************************************************************/
.lightbox_video, .lightbox_image{
position: absolute;
z-index: 1;
top:0;
left:0;
}

a img, a:hover img{
z-index: 2;
position: relative;
}

a{
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, legend, .sliderheading {
font-family: Arial, Helevtica, Verdana, san-serif;
font-weight:bold;
letter-spacing:0.4px;
line-height:1.4em;
padding-bottom:5px;
position:relative;
}

h1{clear:both; font-size:24px; font-weight:normal;}
.entry h1{font-size:21px;}
h2{font-size:20px; clear:both; font-weight:normal;}
h3, legend{font-size:13px; clear:both;}
h4{font-size:12px; clear:both;}
h5{font-size:11px; clear:both;}
h6{font-size:10px; clear:both;}

p{ padding: 0.5em 0;}

#main ul,#main  ol {
margin-bottom:10px;
}

#main ul ul{
padding-left:14px;
margin-bottom:0;
}



blockquote p{
padding:11px 0px;
}

blockquote{
margin:0 0 22px 5px;
padding:0 15px;
font-size:12px;
font-style:italic;
}

.floatleft{
float:left;
}

.floatright{
float:right;
}

.clearboth{
clear:both;
}

body .alignleft{
float:left;
margin:5px 10px 0px 0;
display: block;
}

body .alignright{
float:right;
margin:5px 0px 0px 10px;
display: block;
}

.aligncenter{
clear:both;
display:block;
margin:10px auto;
padding: 10px 0;
}

.alignleft img, .alignright img{
display:block;
} 

.mceToolbar img { border:none; padding:0; margin:0; float:left}
.rounded, .entry img, .text_input, textarea, .button{
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
}



.borderGrey{ border:#CCC solid 1px;}

.pagination span, .pagination a, .pagination .current, #nav a, #top #nav ul, #top #nav li{
-moz-border-radius: 3px;
-webkit-border-radius:3px;
border-radius:3px;
}

#top .noborder, #top .noborder img{
border:none;
padding:0;
background: transparent;
}

.currentTextHolder{
padding:0;
margin:0px 4px;
line-height: 1em;
}
