@charset "utf-8";
/* CSS Chris Wright design */

/* Body styles and resets */
body 	{ margin:0px; padding:0px; color:#CCCCCC; font-family:Helvetica, Arial, Verdana; font-size:12px; background:url(../images/bg.jpg); background-repeat:no-repeat; background-attachment:fixed;background-color:#020202;background-position:center top;}
form	{ margin:0px; padding:0px; }
img		{ border:none;}
h1		{ }
h2 		{ }
h3 		{ }
p		{ }

/*Navigation */
#worklink,
#aboutlink,
#contactlink,
#bloglink				{ text-decoration:none;height:16px; background-repeat:no-repeat; background-position:0px 0px;}
#worklink:hover,
#aboutlink:hover,
#contactlink:hover,
#bloglink:hover 		{ background-position:0px -16px;}

#worklink			{ width:51px; background-image:url(../images/btn-work.jpg);}
#aboutlink			{ width:66px; background-image:url(../images/btn-about.jpg);}
#contactlink		{ width:79px;; background-image:url(../images/btn-contact.jpg); }
#bloglink			{ width:52px;background-image:url(../images/btn-blog.jpg);}


/* Generic styles */
.design          { margin-bottom:20px; }
.design img      { margin-top:20px;}
.floatright      { float:right;}
.floatleft       { float:left;}
.greybg			 { background-color:#eeeeee;}
.greyborderstb   { border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.forminput       { background-color:#333333;color:#cccccc;width:385px;margin-bottom:5px;font-size:11px;border:1px solid #cccccc;padding:5px;}
.searchinput       { background-color:#111111;color:#cccccc;width:180px;font-size:10px;margin-bottom:5px;border:1px solid #cccccc;padding:5px;}


.footerspacer    { height:20px; clear:both;}
#submitbtn 		 { float:right;background-color:#333;color:#ccc;border:1px solid #cccccc;}
#searchbtn 		 { float:right;background-color:#111;color:#ccc;border:1px solid #cccccc;padding:4px;font-size:10px;margin-top:-5px;}

/*structural elements */
#wrapper   		 { margin-top:54px;margin-left:auto; margin-right:auto; width:983px;padding-left:20px;padding-right:20px; }

/* Header */
#header img		 { float:right;margin-top:5px;}
#header			 { width:849px;height:90px;	}
#header h1		 { float:left;margin:0px;padding:0px;margin-top:24px;font-size:14px;color:#cccccc;font-family:Helvetica,Arial,Verdana;}
#header ul		 { float:left;margin:0px;padding:0px;}
#header li		 {  list-style-type:none; float:left;margin-top:27px;}
#header li a	 { display:block; }

/* Generic Content */ 
#introduction 		 { width:844px;height:309px;margin-bottom:20px;}
#contentpage			 { width:844px;height:100px;clear:both; color:#cccccc; font-size:10px;}
#column1 			 { width:411px;float:left; }
#column2 			 { width:411px;float:right;}
.errors { float:left;width:140px;font-size:10px;left:600px;top:250px;padding-left:210px;padding-top:40px;}

/* About Section */
#aboutsection 		{ background-image:url(../images/bg-about.jpg);background-repeat:no-repeat;width:849px;height:285px;background-color:#ffffff;color:#333;}
.services 			{ padding-left:210px; width:599px;margin-top:20px;}
/*.services 			{ padding-left:210px; width:639px;margin-top:20px;}*/
.aboutservices1     { margin:0px;float:left;margin-left:0px!important margin-left:20px;width:284px;}
.aboutservices2     { margin:0px;float:left;width:184px;}
.aboutservices1 li, 
.aboutservices2 li  { list-style-type:none;font-size:10px;height:18px;width:250px;}
.abouttext 			{ font-size:11px;padding-left:250px;padding-top:31px;width:570px;}
#aboutsection p     { padding-left:250px;}

/* Contact section */
#contactsection 	{ background-image:url(../images/bg-contact.jpg);background-repeat:no-repeat;width:845px;height:308px;background-color:#ffffff;color:#333;font-size:11px;}
.contactblurb 		{ float:left;padding-left:30px;margin-left:0px;margin-top:0px;padding-top:15px;width:360px;}
.contacttable 		{ float:left;margin-top:0px;padding-top:0px;padding-top:20px;font-size:11px;margin-left:20px;}
.contactable table { border:none; width:385px;}
.contactable table tr td { width:385px;}

/* Blog */

#content	 { width:824px;background-color:#FFFFFF;color:#666666;font-size:11px;border:10px solid #000000;} 
/* Blog Left column */
.blogmaincolumn { width:490px;padding-left:20px;float:left;}
.heading { background-color:#111111;padding-left:15px;padding-top:5px;padding-bottom:15px;margin-bottom:10px;margin-top:20px;}
.heading h1 { margin-top:0px;padding-top:0px;color:#fff; font-size:36px;padding-bottom:0px;margin-bottom:0px;}
.heading h2 { margin-bottom:0px;padding-bottom:0px;font-size:14px;color:#999999; }

.entry { margin-bottom:20px; }

.postmetadata { font-weight:bold; }
.postmetadata a:link { color:#336699; text-decoration:none; }
.postmetadata a:hover {text-decoration:underline; }
.postmetadata a:visited { color:#333366;text-decoration:none;}

/*Blog right column */
.blogsections {  margin:0px;padding:0px;width:240px;float:left;margin-right:20px;padding-left:32px;padding-top:20px;}
.blogsections form { margin:0px;padding:0px;}
.blogsections table { margin:0px;padding:0px; }
.blogsections h3 { background-color:#111111;color:#fff;height:16px;padding:10px;font-size:18px;padding-bottom:15px;font-weight:bold;margin-bottom:5px;}
.blogsections ul { margin:0px;padding:0px;margin-bottom:20px;margin-top:0px;padding-top:0px; }
.blogsections li { margin:0px;list-style-type:none;}
.blogsections li a { font-weight:bold;font-size:12px;padding:10px;display:block;width:220px;height:20px;color:#333; text-decoration:none;background-color:#999999;margin-bottom:5px; }
.blogsections li a:hover {font-weight:bold;font-size:12px;padding:10px;display:block;width:220px;height:20px;background-color:#666;margin-bottom:5px;color:#fff; }


/* Footer */
#footer 		{ clear:both;height:90px;margin-top:20px;padding-top:40px;font-size:10px; }
#footer p 		{ margin-left:auto;margin-right:auto;width:480px; }
#footer ul		{ margin-top:20px;margin-left:auto;margin-right:auto;padding:0px;width:380px;}
#footer li 		{ list-style-type:none; float:left;display:block; width:60px;}
#footer li a	{ display:block; text-decoration:none;color:#cccccc;font-size:10px;}
#footer li a:hover { text-decoration:underline;}