﻿body {
	margin: 0;
	padding: 0;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.5em;
	background-color: #f1f1f1;
}
a, a:link, a:visited {color: #FF0066;text-decoration: underline;}
a:hover { text-decoration: none; }

a.more, a.more:link, a.more:visited { 
	display: block;
	margin-left:60px; 
	width: 122px;  
	height: 32px; 
	line-height: 32px; 
	font-size: 13px; 
	text-align: center; 
	text-decoration: none; 
	font-weight: bold; 
	background: url(../images/button.gif) no-repeat top center; 
	color: #ccc; 
}

a.more:hover {color: #fff;background: url(../images/button_hover.gif);}

p { margin: 0 0 10px 0; padding: 0; }
img { border: none; }
ul {list-style:none;}

h1, h2, h3, h4, h5, h6 { color: #000; font-weight: normal; }
h1 { font-size: 28px; margin: 0 0 20px 0; padding: 5px 0 }
h2 { font-size: 25px; margin: 0 0 15px 0; padding: 5px 0; border-bottom: 1px #ccc solid;}
h3 { font-size: 22px; margin: 0 0 15px; padding: 0; }
h4 { color: #333; font-style:italic; font-size: 18px; margin: 0 0 15px; padding: 20px; text-align:center;border-top: 1px #ccc solid;border-bottom: 1px #ccc solid;}/* intro paragraph */
h5 {
	font-size: 16px;
	margin: 0 0 10px;
	padding: 0;
	font-weight: bold;
	color: #333;
}
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }

.float_l { float: left }
.float_r { float: right }
.image_fl { float: left; margin: 3px 15px 30px 0 }
.image_fr { float: right; margin: 3px 0 0 15px }
.image_brd { border: 5px solid #ddd; }
.center { text-align:center; }
.services {font-size: 1.2em;color: #333333}

/* lists */

.checkmark { margin: 10px 0 10px 0px; padding: 0; list-style: none }
.checkmark li { margin: 0; padding: 5px 0 8px 25px; background: url(../images/check.png) no-repeat scroll 0 1px  }
.checkmark li a { font-weight: normal; text-decoration: none }
.checkmark li a:hover { text-decoration: underline }

.bullet {margin:0px; padding: 0px; list-style: none}
.bullet li {
	margin:0;
	padding:5px 0 5px 25px;
	color: #006695;
	background:url(../images/list.png) 0 10px no-repeat;
}

/* Page TOP */

#top {margin:0 auto; padding: 0; border-top : 3px solid #000;}

#outerwrapper {margin: 0 auto;width: 1200px;background-repeat: repeat;background-position: center;background-image: url(../images/bg_shd.png);}

#wrapper {
	width: 960px;
	padding: 0 30px;
	margin: 0 auto;	

}
#header {
	width: 960px;
	height: 60px;
	padding: 15px 0;
	border-bottom: 1px solid #cccccc;
}
#company_logo { 
	float: left; 
	margin-left: 5px; 
}

#company_logo h1 {
	margin: 0; 
	padding: 0;
	width: 307px; 
	height: 64px; 
	background: url(../images/logo.jpg)  no-repeat; 
}
#company_logo .title {
	margin: 0; 
	padding: 0;
	width: 307px; 
	height: 64px; 
	background: url(../images/logo.jpg)  no-repeat; 
}

/* Main menu */

#smoothmenu {
	float: right; 
	margin-top: 10px; 
	width: 400px;
}

/* feature image */

#feature_image {
    clear:both;
    margin:20px auto 0 auto;
    width:960px; /* Make sure your images are the same size */
    height:280px; /* Make sure your images are the same size */
}

#feature_image .about {width:960px; height:280px; background: url(../images/slideshow/about.jpg) no-repeat;}
#feature_image .portfolio {width:960px; height:280px; background: url(../images/slideshow/drawing.jpg) no-repeat;}
#feature_image .links {width:960px; height:280px; background: url(../images/slideshow/links.jpg) no-repeat;}
#feature_image .contact {width:960px; height:280px; background: url(../images/slideshow/contact.jpg) no-repeat;}

#feature_image p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
	color: #FFFFFF;
	text-align: right;
	top: 250px;
	position: relative;
	right: 15px;
}

/* slider */

.theme-default #slider {
	position:relative;
    width:960px; /* Make sure your images are the same size */
    height:280px; /* Make sure your images are the same size */
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:50px;
}
/* end of slider */

#apwd_main {
	clear: both;
	width: 960px;
	padding: 20px 0px;
}
.sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 300px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px;
	background-color: #F1F1F1;
}
#sidebar h2 {
	height: 26px;
	margin: 0;
	color: #333;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;
}
#sidebar h3{ font-size: 14px; color:#333;
}



.col_r { padding:10px; width: 440px; float: right; }
.col_l { padding:10px; width: 440px; float: left; }
.col_bg { background-color:#f6f6f6;border:1px #dfdfdf solid }

/* services */
.main {	padding-left:50px}
#rightbar {	margin: 0; padding: 0 10px;float: right;}
#rightbar .box { padding:20px 10px; margin-left:50px;float: right; width: 250px; background-color: #f1f1f1; border: 1px #dfdfdf solid}
#rightbar .shade{ padding:20px 10px; margin-left:50px;float: right;width: 250px; height: 12px; background: url(../images/shd_side.png) no-repeat; }
.accordion-services { width: 605px }

.col { padding:20px 10px; margin-left:50px;float: right; width: 250px; background-color: #f1f1f1; border: 1px #dfdfdf solid}

/* index */

.index_box {margin: 0;padding: 0;width: 300px; display: block; float:left;margin-right: 25px;}
.col3 {padding:15px;background-color:#f6f6f6;border:1px #dfdfdf solid }
.col3 h3 { text-align:center}
.col_last { margin: 0; }
.pagecurl { height: 12px; background: url(../images/shadow_box.png) no-repeat; }
.image_brd { margin:12px 6px; border: 5px #dfdfdf solid }

.content_box_bottom { 
	width: 960px; 
	height: 40px; 
	background: url(../images/shadow.png) no-repeat; 
}

/* gallery */
#gallery {margin: 0; padding: 0 10px; }
.gallery_box { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px dashed #ccc; }
.last_gallery_box { padding: 0; margin: 0; border: none; }
.image_gallery {width: 585px; height: 405px; float :left; border: 10px #ccc solid }
.image_gallery:hover { border: 10px #dfdfdf solid }
.gallery_box .desc { padding:20px 10px; float: right; width: 250px; background-color: #f1f1f1; border: 1px #dfdfdf solid}
.gallery_box .bottom { padding:20px 10px; float: right;width: 250px; height: 12px; background: url(../images/shd_side.png) no-repeat; }



/* form elements */
#form .submit_btn {margin: 10px 0px;padding: 5px 14px; border: 1px solid #ccc;	background-color: #F1F1F1;}
#form .submit_btn:hover {color: #fff;background-color: #E6005C;
}
#form .input_field {width: 310px; padding: 5px; color: #333; border: 1px solid #cfcfcf; background: #f6f6f6; font-family: Arial, Helvetica, sans-serif; margin-top: 5px;}
#form textarea { color: #333; width: 388px;  height: 200px; padding: 5px; margin-bottom: 10px;	background: #f6f6f6; border: 1px solid #cfcfcf; font-family: Arial, Helvetica, sans-serif; }


#footer {
	clear: both;
	width: 960px;
	padding: 10px 0;
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 12px; 
	text-align: center;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	margin-bottom: 0px;
}


#footer a {
	font-weight: normal;
	color: #666;
}
#footerPan {margin:0 auto;}
#footerPan ul{margin: 0;padding: 0;}
#footerPan li{position: relative;display: inline;font:13px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 12px 0; color:#666; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

.clear {
	clear:both;
}
